@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap");
h2, p, h3, h4 {
  margin: 0;
}

.toolbar-stack__dropdown, .toolbar-toggle {
  max-width: 1232px;
  margin: auto;
}

.toolbar-stack__row {
  margin: 0;
}

@media screen and (max-width: 1263px) {
  .stats-page .content__header, .stats-page .content__nav {
    z-index: 20;
  }
}
@media screen and (min-width: 1263px) {
  .stats-page .content__header, .stats-page .content__nav {
    position: absolute;
  }
}
.nav-primary .dropdown {
  flex-direction: column;
  border: none;
}

.dropdown-menu, .dropdown-submenu {
  /*display: block;*/
  margin-top: 10px;
  left: 0;
}

@media (max-width: 1263px) {
  .dropdown-menu, .dropdown-submenu {
    width: 300px;
  }
}
.dropdown-menu a {
  /*color: #fff;*/
}

.text--red {
  color: var(--tomato);
}

.text--green {
  color: var(--emerald-green);
}

.stats-extended td, .stats-extended th {
  text-align: center;
  padding: 8px;
}

.row-sorter__asc, .row-sorter__desc {
  position: static;
  left: auto;
  bottom: auto;
  margin: -8px 0 0;
}

.multiselect {
  box-sizing: border-box;
  transition: border-color ease 0.2s;
  width: 100%;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  position: relative;
  height: 40px;
}

.multiselect__tags {
  padding: 9px 32px 9px 20px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multiselect__content-wrapper {
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
  min-width: 240px;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  background: #fff;
  position: relative;
  z-index: 10;
}

.multiselect__content {
  width: 100%;
}

.multiselect__element:hover {
  background-color: var(--sun-yellow);
}

.multiselect__option {
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 9px 20px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.multiselect__option--group {
  background-color: #eee;
  pointer-events: none;
}

.multiselect__option--selected {
  background-color: #000;
  color: #fff;
}

.flex-table__sorts {
  height: 16px;
}

/*=========================flags===========================*/
.flag {
  width: 20px;
  height: 15px;
  vertical-align: middle;
  background-color: #ccc;
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
}

.flag-icon:before {
  content: " ";
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url("../images/flags/ad.svg");
}

.flag-icon-ad.flag-icon-squared {
  background-image: url("../images/flags/ad.svg");
}

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

.flag-icon-ae.flag-icon-squared {
  background-image: url("../images/flags/ae.svg");
}

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

.flag-icon-af.flag-icon-squared {
  background-image: url("../images/flags/af.svg");
}

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

.flag-icon-ag.flag-icon-squared {
  background-image: url("../images/flags/ag.svg");
}

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

.flag-icon-ai.flag-icon-squared {
  background-image: url("../images/flags/ai.svg");
}

.flag-icon-al {
  background-image: url("../images/flags/al.svg");
}

.flag-icon-al.flag-icon-squared {
  background-image: url("../images/flags/al.svg");
}

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

.flag-icon-am.flag-icon-squared {
  background-image: url("../images/flags/am.svg");
}

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

.flag-icon-ao.flag-icon-squared {
  background-image: url("../images/flags/ao.svg");
}

.flag-icon-aq {
  background-image: url("../images/flags/aq.svg");
}

.flag-icon-aq.flag-icon-squared {
  background-image: url("../images/flags/aq.svg");
}

.flag-icon-ar {
  background-image: url("../images/flags/ar.svg");
}

.flag-icon-ar.flag-icon-squared {
  background-image: url("../images/flags/ar.svg");
}

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

.flag-icon-as.flag-icon-squared {
  background-image: url("../images/flags/as.svg");
}

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

.flag-icon-at.flag-icon-squared {
  background-image: url("../images/flags/at.svg");
}

.flag-icon-au {
  background-image: url("../images/flags/au.svg");
}

.flag-icon-au.flag-icon-squared {
  background-image: url("../images/flags/au.svg");
}

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

.flag-icon-aw.flag-icon-squared {
  background-image: url("../images/flags/aw.svg");
}

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

.flag-icon-ax.flag-icon-squared {
  background-image: url("../images/flags/ax.svg");
}

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

.flag-icon-az.flag-icon-squared {
  background-image: url("../images/flags/az.svg");
}

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

.flag-icon-ba.flag-icon-squared {
  background-image: url("../images/flags/ba.svg");
}

.flag-icon-bb {
  background-image: url("../images/flags/bb.svg");
}

.flag-icon-bb.flag-icon-squared {
  background-image: url("../images/flags/bb.svg");
}

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

.flag-icon-bd.flag-icon-squared {
  background-image: url("../images/flags/bd.svg");
}

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

.flag-icon-be.flag-icon-squared {
  background-image: url("../images/flags/be.svg");
}

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

.flag-icon-bf.flag-icon-squared {
  background-image: url("../images/flags/bf.svg");
}

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

.flag-icon-bg.flag-icon-squared {
  background-image: url("../images/flags/bg.svg");
}

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

.flag-icon-bh.flag-icon-squared {
  background-image: url("../images/flags/bh.svg");
}

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

.flag-icon-bi.flag-icon-squared {
  background-image: url("../images/flags/bi.svg");
}

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

.flag-icon-bj.flag-icon-squared {
  background-image: url("../images/flags/bj.svg");
}

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

.flag-icon-bl.flag-icon-squared {
  background-image: url("../images/flags/bl.svg");
}

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

.flag-icon-bm.flag-icon-squared {
  background-image: url("../images/flags/bm.svg");
}

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

.flag-icon-bn.flag-icon-squared {
  background-image: url("../images/flags/bn.svg");
}

.flag-icon-bo {
  background-image: url("../images/flags/bo.svg");
}

.flag-icon-bo.flag-icon-squared {
  background-image: url("../images/flags/bo.svg");
}

.flag-icon-bq {
  background-image: url("../images/flags/bq.svg");
}

.flag-icon-bq.flag-icon-squared {
  background-image: url("../images/flags/bq.svg");
}

.flag-icon-br {
  background-image: url("../images/flags/br.svg");
}

.flag-icon-br.flag-icon-squared {
  background-image: url("../images/flags/br.svg");
}

.flag-icon-bs {
  background-image: url("../images/flags/bs.svg");
}

.flag-icon-bs.flag-icon-squared {
  background-image: url("../images/flags/bs.svg");
}

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

.flag-icon-bt.flag-icon-squared {
  background-image: url("../images/flags/bt.svg");
}

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

.flag-icon-bv.flag-icon-squared {
  background-image: url("../images/flags/bv.svg");
}

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

.flag-icon-bw.flag-icon-squared {
  background-image: url("../images/flags/bw.svg");
}

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

.flag-icon-by.flag-icon-squared {
  background-image: url("../images/flags/by.svg");
}

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

.flag-icon-bz.flag-icon-squared {
  background-image: url("../images/flags/bz.svg");
}

.flag-icon-ca {
  background-image: url("../images/flags/ca.svg");
}

.flag-icon-ca.flag-icon-squared {
  background-image: url("../images/flags/ca.svg");
}

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

.flag-icon-cc.flag-icon-squared {
  background-image: url("../images/flags/cc.svg");
}

.flag-icon-cd {
  background-image: url("../images/flags/cd.svg");
}

.flag-icon-cd.flag-icon-squared {
  background-image: url("../images/flags/cd.svg");
}

.flag-icon-cf {
  background-image: url("../images/flags/cf.svg");
}

.flag-icon-cf.flag-icon-squared {
  background-image: url("../images/flags/cf.svg");
}

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

.flag-icon-cg.flag-icon-squared {
  background-image: url("../images/flags/cg.svg");
}

.flag-icon-ch {
  background-image: url("../images/flags/ch.svg");
}

.flag-icon-ch.flag-icon-squared {
  background-image: url("../images/flags/ch.svg");
}

.flag-icon-ci {
  background-image: url("../images/flags/ci.svg");
}

.flag-icon-ci.flag-icon-squared {
  background-image: url("../images/flags/ci.svg");
}

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

.flag-icon-ck.flag-icon-squared {
  background-image: url("../images/flags/ck.svg");
}

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

.flag-icon-cl.flag-icon-squared {
  background-image: url("../images/flags/cl.svg");
}

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

.flag-icon-cm.flag-icon-squared {
  background-image: url("../images/flags/cm.svg");
}

.flag-icon-zh {
  background-image: url("../images/flags/cn.svg");
}

.flag-icon-zh.flag-icon-squared {
  background-image: url("../images/flags/cn.svg");
}

.flag-icon-co {
  background-image: url("../images/flags/co.svg");
}

.flag-icon-co.flag-icon-squared {
  background-image: url("../images/flags/co.svg");
}

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

.flag-icon-cr.flag-icon-squared {
  background-image: url("../images/flags/cr.svg");
}

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

.flag-icon-cu.flag-icon-squared {
  background-image: url("../images/flags/cu.svg");
}

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

.flag-icon-cv.flag-icon-squared {
  background-image: url("../images/flags/cv.svg");
}

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

.flag-icon-cw.flag-icon-squared {
  background-image: url("../images/flags/cw.svg");
}

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

.flag-icon-cx.flag-icon-squared {
  background-image: url("../images/flags/cx.svg");
}

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

.flag-icon-cy.flag-icon-squared {
  background-image: url("../images/flags/cy.svg");
}

.flag-icon-cz {
  background-image: url("../images/flags/cz.svg");
}

.flag-icon-cz.flag-icon-squared {
  background-image: url("../images/flags/cz.svg");
}

.flag-icon-de {
  background-image: url("../images/flags/de.svg");
}

.flag-icon-de.flag-icon-squared {
  background-image: url("../images/flags/de.svg");
}

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

.flag-icon-dj.flag-icon-squared {
  background-image: url("../images/flags/dj.svg");
}

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

.flag-icon-dk.flag-icon-squared {
  background-image: url("../images/flags/dk.svg");
}

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

.flag-icon-dm.flag-icon-squared {
  background-image: url("../images/flags/dm.svg");
}

.flag-icon-do {
  background-image: url("../images/flags/do.svg");
}

.flag-icon-do.flag-icon-squared {
  background-image: url("../images/flags/do.svg");
}

.flag-icon-dz {
  background-image: url("../images/flags/dz.svg");
}

.flag-icon-dz.flag-icon-squared {
  background-image: url("../images/flags/dz.svg");
}

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

.flag-icon-ec.flag-icon-squared {
  background-image: url("../images/flags/ec.svg");
}

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

.flag-icon-ee.flag-icon-squared {
  background-image: url("../images/flags/ee.svg");
}

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

.flag-icon-eg.flag-icon-squared {
  background-image: url("../images/flags/eg.svg");
}

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

.flag-icon-eh.flag-icon-squared {
  background-image: url("../images/flags/eh.svg");
}

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

.flag-icon-er.flag-icon-squared {
  background-image: url("../images/flags/er.svg");
}

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

.flag-icon-es.flag-icon-squared {
  background-image: url("../images/flags/es.svg");
}

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

.flag-icon-et.flag-icon-squared {
  background-image: url("../images/flags/et.svg");
}

.flag-icon-fi {
  background-image: url("../images/flags/fi.svg");
}

.flag-icon-fi.flag-icon-squared {
  background-image: url("../images/flags/fi.svg");
}

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

.flag-icon-fj.flag-icon-squared {
  background-image: url("../images/flags/fj.svg");
}

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

.flag-icon-fk.flag-icon-squared {
  background-image: url("../images/flags/fk.svg");
}

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

.flag-icon-fm.flag-icon-squared {
  background-image: url("../images/flags/fm.svg");
}

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

.flag-icon-fo.flag-icon-squared {
  background-image: url("../images/flags/fo.svg");
}

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

.flag-icon-fr.flag-icon-squared {
  background-image: url("../images/flags/fr.svg");
}

.flag-icon-ga {
  background-image: url("../images/flags/ga.svg");
}

.flag-icon-ga.flag-icon-squared {
  background-image: url("../images/flags/ga.svg");
}

.flag-icon-gb {
  background-image: url("../images/flags/gb.svg");
}

.flag-icon-gb.flag-icon-squared {
  background-image: url("../images/flags/gb.svg");
}

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

.flag-icon-gd.flag-icon-squared {
  background-image: url("../images/flags/gd.svg");
}

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

.flag-icon-ge.flag-icon-squared {
  background-image: url("../images/flags/ge.svg");
}

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

.flag-icon-gf.flag-icon-squared {
  background-image: url("../images/flags/gf.svg");
}

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

.flag-icon-gg.flag-icon-squared {
  background-image: url("../images/flags/gg.svg");
}

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

.flag-icon-gh.flag-icon-squared {
  background-image: url("../images/flags/gh.svg");
}

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

.flag-icon-gi.flag-icon-squared {
  background-image: url("../images/flags/gi.svg");
}

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

.flag-icon-gl.flag-icon-squared {
  background-image: url("../images/flags/gl.svg");
}

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

.flag-icon-gm.flag-icon-squared {
  background-image: url("../images/flags/gm.svg");
}

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

.flag-icon-gn.flag-icon-squared {
  background-image: url("../images/flags/gn.svg");
}

.flag-icon-gp {
  background-image: url("../images/flags/gp.svg");
}

.flag-icon-gp.flag-icon-squared {
  background-image: url("../images/flags/gp.svg");
}

.flag-icon-gq {
  background-image: url("../images/flags/gq.svg");
}

.flag-icon-gq.flag-icon-squared {
  background-image: url("../images/flags/gq.svg");
}

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

.flag-icon-gr.flag-icon-squared {
  background-image: url("../images/flags/gr.svg");
}

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

.flag-icon-gs.flag-icon-squared {
  background-image: url("../images/flags/gs.svg");
}

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

.flag-icon-gt.flag-icon-squared {
  background-image: url("../images/flags/gt.svg");
}

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

.flag-icon-gu.flag-icon-squared {
  background-image: url("../images/flags/gu.svg");
}

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

.flag-icon-gw.flag-icon-squared {
  background-image: url("../images/flags/gw.svg");
}

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

.flag-icon-gy.flag-icon-squared {
  background-image: url("../images/flags/gy.svg");
}

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

.flag-icon-hk.flag-icon-squared {
  background-image: url("../images/flags/hk.svg");
}

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

.flag-icon-hm.flag-icon-squared {
  background-image: url("../images/flags/hm.svg");
}

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

.flag-icon-hn.flag-icon-squared {
  background-image: url("../images/flags/hn.svg");
}

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

.flag-icon-hr.flag-icon-squared {
  background-image: url("../images/flags/hr.svg");
}

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

.flag-icon-ht.flag-icon-squared {
  background-image: url("../images/flags/ht.svg");
}

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

.flag-icon-hu.flag-icon-squared {
  background-image: url("../images/flags/hu.svg");
}

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

.flag-icon-id.flag-icon-squared {
  background-image: url("../images/flags/id.svg");
}

.flag-icon-in {
  background-image: url("../images/flags/ind.svg");
}

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

.flag-icon-ie.flag-icon-squared {
  background-image: url("../images/flags/ie.svg");
}

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

.flag-icon-il.flag-icon-squared {
  background-image: url("../images/flags/il.svg");
}

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

.flag-icon-im.flag-icon-squared {
  background-image: url("../images/flags/im.svg");
}

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

.flag-icon-io.flag-icon-squared {
  background-image: url("../images/flags/io.svg");
}

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

.flag-icon-iq.flag-icon-squared {
  background-image: url("../images/flags/iq.svg");
}

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

.flag-icon-ir.flag-icon-squared {
  background-image: url("../images/flags/ir.svg");
}

.flag-icon-is {
  background-image: url("../images/flagsfalsesvg");
}

.flag-icon-is.flag-icon-squared {
  background-image: url("../images/flagsfalsesvg");
}

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

.flag-icon-it.flag-icon-squared {
  background-image: url("../images/flags/it.svg");
}

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

.flag-icon-je.flag-icon-squared {
  background-image: url("../images/flags/je.svg");
}

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

.flag-icon-jm.flag-icon-squared {
  background-image: url("../images/flags/jm.svg");
}

.flag-icon-jo {
  background-image: url("../images/flags/jo.svg");
}

.flag-icon-jo.flag-icon-squared {
  background-image: url("../images/flags/jo.svg");
}

.flag-icon-jp,
.flag-icon-ja {
  background-image: url("../images/flags/jp.svg");
}

.flag-icon-jp.flag-icon-squared,
.flag-icon-ja.flag-icon-squared {
  background-image: url("../images/flags/jp.svg");
}

.flag-icon-ke {
  background-image: url("../images/flags/ke.svg");
}

.flag-icon-ke.flag-icon-squared {
  background-image: url("../images/flags/ke.svg");
}

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

.flag-icon-kg.flag-icon-squared {
  background-image: url("../images/flags/kg.svg");
}

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

.flag-icon-kh.flag-icon-squared {
  background-image: url("../images/flags/kh.svg");
}

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

.flag-icon-ki.flag-icon-squared {
  background-image: url("../images/flags/ki.svg");
}

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

.flag-icon-km.flag-icon-squared {
  background-image: url("../images/flags/km.svg");
}

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

.flag-icon-kn.flag-icon-squared {
  background-image: url("../images/flags/kn.svg");
}

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

.flag-icon-kp.flag-icon-squared {
  background-image: url("../images/flags/kp.svg");
}

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

.flag-icon-kr.flag-icon-squared {
  background-image: url("../images/flags/kr.svg");
}

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

.flag-icon-kw.flag-icon-squared {
  background-image: url("../images/flags/kw.svg");
}

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

.flag-icon-ky.flag-icon-squared {
  background-image: url("../images/flags/ky.svg");
}

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

.flag-icon-kz.flag-icon-squared {
  background-image: url("../images/flags/kz.svg");
}

.flag-icon-la {
  background-image: url("../images/flags/la.svg");
}

.flag-icon-la.flag-icon-squared {
  background-image: url("../images/flags/la.svg");
}

.flag-icon-lb {
  background-image: url("../images/flags/lb.svg");
}

.flag-icon-lb.flag-icon-squared {
  background-image: url("../images/flags/lb.svg");
}

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

.flag-icon-lc.flag-icon-squared {
  background-image: url("../images/flags/lc.svg");
}

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

.flag-icon-li.flag-icon-squared {
  background-image: url("../images/flags/li.svg");
}

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

.flag-icon-lk.flag-icon-squared {
  background-image: url("../images/flags/lk.svg");
}

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

.flag-icon-lr.flag-icon-squared {
  background-image: url("../images/flags/lr.svg");
}

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

.flag-icon-ls.flag-icon-squared {
  background-image: url("../images/flags/ls.svg");
}

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

.flag-icon-lt.flag-icon-squared {
  background-image: url("../images/flags/lt.svg");
}

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

.flag-icon-lu.flag-icon-squared {
  background-image: url("../images/flags/lu.svg");
}

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

.flag-icon-lv.flag-icon-squared {
  background-image: url("../images/flags/lv.svg");
}

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

.flag-icon-ly.flag-icon-squared {
  background-image: url("../images/flags/ly.svg");
}

.flag-icon-ma {
  background-image: url("../images/flags/ma.svg");
}

.flag-icon-ma.flag-icon-squared {
  background-image: url("../images/flags/ma.svg");
}

.flag-icon-mc {
  background-image: url("../images/flags/mc.svg");
}

.flag-icon-mc.flag-icon-squared {
  background-image: url("../images/flags/mc.svg");
}

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

.flag-icon-md.flag-icon-squared {
  background-image: url("../images/flags/md.svg");
}

.flag-icon-me {
  background-image: url("../images/flags/me.svg");
}

.flag-icon-me.flag-icon-squared {
  background-image: url("../images/flags/me.svg");
}

.flag-icon-mf {
  background-image: url("../images/flags/mf.svg");
}

.flag-icon-mf.flag-icon-squared {
  background-image: url("../images/flags/mf.svg");
}

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

.flag-icon-mg.flag-icon-squared {
  background-image: url("../images/flags/mg.svg");
}

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

.flag-icon-mh.flag-icon-squared {
  background-image: url("../images/flags/mh.svg");
}

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

.flag-icon-mk.flag-icon-squared {
  background-image: url("../images/flags/mk.svg");
}

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

.flag-icon-ml.flag-icon-squared {
  background-image: url("../images/flags/ml.svg");
}

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

.flag-icon-mm.flag-icon-squared {
  background-image: url("../images/flags/mm.svg");
}

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

.flag-icon-mn.flag-icon-squared {
  background-image: url("../images/flags/mn.svg");
}

.flag-icon-mo {
  background-image: url("../images/flags/mo.svg");
}

.flag-icon-mo.flag-icon-squared {
  background-image: url("../images/flags/mo.svg");
}

.flag-icon-mp {
  background-image: url("../images/flags/mp.svg");
}

.flag-icon-mp.flag-icon-squared {
  background-image: url("../images/flags/mp.svg");
}

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

.flag-icon-mq.flag-icon-squared {
  background-image: url("../images/flags/mq.svg");
}

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

.flag-icon-mr.flag-icon-squared {
  background-image: url("../images/flags/mr.svg");
}

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

.flag-icon-ms.flag-icon-squared {
  background-image: url("../images/flags/ms.svg");
}

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

.flag-icon-mt.flag-icon-squared {
  background-image: url("../images/flags/mt.svg");
}

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

.flag-icon-mu.flag-icon-squared {
  background-image: url("../images/flags/mu.svg");
}

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

.flag-icon-mv.flag-icon-squared {
  background-image: url("../images/flags/mv.svg");
}

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

.flag-icon-mw.flag-icon-squared {
  background-image: url("../images/flags/mw.svg");
}

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

.flag-icon-mx.flag-icon-squared {
  background-image: url("../images/flags/mx.svg");
}

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

.flag-icon-my.flag-icon-squared {
  background-image: url("../images/flags/my.svg");
}

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

.flag-icon-mz.flag-icon-squared {
  background-image: url("../images/flags/mz.svg");
}

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

.flag-icon-na.flag-icon-squared {
  background-image: url("../images/flags/na.svg");
}

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

.flag-icon-nc.flag-icon-squared {
  background-image: url("../images/flags/nc.svg");
}

.flag-icon-ne {
  background-image: url("../images/flags/ne.svg");
}

.flag-icon-ne.flag-icon-squared {
  background-image: url("../images/flags/ne.svg");
}

.flag-icon-nf {
  background-image: url("../images/flags/nf.svg");
}

.flag-icon-nf.flag-icon-squared {
  background-image: url("../images/flags/nf.svg");
}

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

.flag-icon-ng.flag-icon-squared {
  background-image: url("../images/flags/ng.svg");
}

.flag-icon-ni {
  background-image: url("../images/flags/ni.svg");
}

.flag-icon-ni.flag-icon-squared {
  background-image: url("../images/flags/ni.svg");
}

.flag-icon-nl {
  background-image: url("../images/flags/nl.svg");
}

.flag-icon-nl.flag-icon-squared {
  background-image: url("../images/flags/nl.svg");
}

.flag-icon-no {
  background-image: url("../images/flags/no.svg");
}

.flag-icon-no.flag-icon-squared {
  background-image: url("../images/flags/no.svg");
}

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

.flag-icon-np.flag-icon-squared {
  background-image: url("../images/flags/np.svg");
}

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

.flag-icon-nr.flag-icon-squared {
  background-image: url("../images/flags/nr.svg");
}

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

.flag-icon-nu.flag-icon-squared {
  background-image: url("../images/flags/nu.svg");
}

.flag-icon-nz {
  background-image: url("../images/flags/nz.svg");
}

.flag-icon-nz.flag-icon-squared {
  background-image: url("../images/flags/nz.svg");
}

.flag-icon-om {
  background-image: url("../images/flags/om.svg");
}

.flag-icon-om.flag-icon-squared {
  background-image: url("../images/flags/om.svg");
}

.flag-icon-pa {
  background-image: url("../images/flags/pa.svg");
}

.flag-icon-pa.flag-icon-squared {
  background-image: url("../images/flags/pa.svg");
}

.flag-icon-pe {
  background-image: url("../images/flags/pe.svg");
}

.flag-icon-pe.flag-icon-squared {
  background-image: url("../images/flags/pe.svg");
}

.flag-icon-pf {
  background-image: url("../images/flags/pf.svg");
}

.flag-icon-pf.flag-icon-squared {
  background-image: url("../images/flags/pf.svg");
}

.flag-icon-pg {
  background-image: url("../images/flags/pg.svg");
}

.flag-icon-pg.flag-icon-squared {
  background-image: url("../images/flags/pg.svg");
}

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

.flag-icon-ph.flag-icon-squared {
  background-image: url("../images/flags/ph.svg");
}

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

.flag-icon-pk.flag-icon-squared {
  background-image: url("../images/flags/pk.svg");
}

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

.flag-icon-pl.flag-icon-squared {
  background-image: url("../images/flags/pl.svg");
}

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

.flag-icon-pm.flag-icon-squared {
  background-image: url("../images/flags/pm.svg");
}

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

.flag-icon-pn.flag-icon-squared {
  background-image: url("../images/flags/pn.svg");
}

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

.flag-icon-pr.flag-icon-squared {
  background-image: url("../images/flags/pr.svg");
}

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

.flag-icon-ps.flag-icon-squared {
  background-image: url("../images/flags/ps.svg");
}

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

.flag-icon-pt.flag-icon-squared {
  background-image: url("../images/flags/pt.svg");
}

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

.flag-icon-pw.flag-icon-squared {
  background-image: url("../images/flags/pw.svg");
}

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

.flag-icon-py.flag-icon-squared {
  background-image: url("../images/flags/py.svg");
}

.flag-icon-qa {
  background-image: url("../images/flags/qa.svg");
}

.flag-icon-qa.flag-icon-squared {
  background-image: url("../images/flags/qa.svg");
}

.flag-icon-re {
  background-image: url("../images/flags/re.svg");
}

.flag-icon-re.flag-icon-squared {
  background-image: url("../images/flags/re.svg");
}

.flag-icon-ro {
  background-image: url("../images/flags/ro.svg");
}

.flag-icon-ro.flag-icon-squared {
  background-image: url("../images/flags/ro.svg");
}

.flag-icon-rs {
  background-image: url("../images/flags/rs.svg");
}

.flag-icon-rs.flag-icon-squared {
  background-image: url("../images/flags/rs.svg");
}

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

.flag-icon-ru.flag-icon-squared {
  background-image: url("../images/flags/ru.svg");
}

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

.flag-icon-rw.flag-icon-squared {
  background-image: url("../images/flags/rw.svg");
}

.flag-icon-sa {
  background-image: url("../images/flags/sa.svg");
}

.flag-icon-sa.flag-icon-squared {
  background-image: url("../images/flags/sa.svg");
}

.flag-icon-sb {
  background-image: url("../images/flags/sb.svg");
}

.flag-icon-sb.flag-icon-squared {
  background-image: url("../images/flags/sb.svg");
}

.flag-icon-sc {
  background-image: url("../images/flags/sc.svg");
}

.flag-icon-sc.flag-icon-squared {
  background-image: url("../images/flags/sc.svg");
}

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

.flag-icon-sd.flag-icon-squared {
  background-image: url("../images/flags/sd.svg");
}

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

.flag-icon-se.flag-icon-squared {
  background-image: url("../images/flags/se.svg");
}

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

.flag-icon-sg.flag-icon-squared {
  background-image: url("../images/flags/sg.svg");
}

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

.flag-icon-sh.flag-icon-squared {
  background-image: url("../images/flags/sh.svg");
}

.flag-icon-si {
  background-image: url("../images/flags/si.svg");
}

.flag-icon-si.flag-icon-squared {
  background-image: url("../images/flags/si.svg");
}

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

.flag-icon-sj.flag-icon-squared {
  background-image: url("../images/flags/sj.svg");
}

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

.flag-icon-sk.flag-icon-squared {
  background-image: url("../images/flags/sk.svg");
}

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

.flag-icon-sl.flag-icon-squared {
  background-image: url("../images/flags/sl.svg");
}

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

.flag-icon-sm.flag-icon-squared {
  background-image: url("../images/flags/sm.svg");
}

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

.flag-icon-sn.flag-icon-squared {
  background-image: url("../images/flags/sn.svg");
}

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

.flag-icon-so.flag-icon-squared {
  background-image: url("../images/flags/so.svg");
}

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

.flag-icon-sr.flag-icon-squared {
  background-image: url("../images/flags/sr.svg");
}

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

.flag-icon-ss.flag-icon-squared {
  background-image: url("../images/flags/ss.svg");
}

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

.flag-icon-st.flag-icon-squared {
  background-image: url("../images/flags/st.svg");
}

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

.flag-icon-sv.flag-icon-squared {
  background-image: url("../images/flags/sv.svg");
}

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

.flag-icon-sx.flag-icon-squared {
  background-image: url("../images/flags/sx.svg");
}

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

.flag-icon-sy.flag-icon-squared {
  background-image: url("../images/flags/sy.svg");
}

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

.flag-icon-sz.flag-icon-squared {
  background-image: url("../images/flags/sz.svg");
}

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

.flag-icon-tc.flag-icon-squared {
  background-image: url("../images/flags/tc.svg");
}

.flag-icon-td {
  background-image: url("../images/flags/td.svg");
}

.flag-icon-td.flag-icon-squared {
  background-image: url("../images/flags/td.svg");
}

.flag-icon-tf {
  background-image: url("../images/flags/tf.svg");
}

.flag-icon-tf.flag-icon-squared {
  background-image: url("../images/flags/tf.svg");
}

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

.flag-icon-tg.flag-icon-squared {
  background-image: url("../images/flags/tg.svg");
}

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

.flag-icon-th.flag-icon-squared {
  background-image: url("../images/flags/th.svg");
}

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

.flag-icon-tj.flag-icon-squared {
  background-image: url("../images/flags/tj.svg");
}

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

.flag-icon-tk.flag-icon-squared {
  background-image: url("../images/flags/tk.svg");
}

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

.flag-icon-tl.flag-icon-squared {
  background-image: url("../images/flags/tl.svg");
}

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

.flag-icon-tm.flag-icon-squared {
  background-image: url("../images/flags/tm.svg");
}

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

.flag-icon-tn.flag-icon-squared {
  background-image: url("../images/flags/tn.svg");
}

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

.flag-icon-to.flag-icon-squared {
  background-image: url("../images/flags/to.svg");
}

.flag-icon-tr {
  background-image: url("../images/flags/tr.svg");
}

.flag-icon-tr.flag-icon-squared {
  background-image: url("../images/flags/tr.svg");
}

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

.flag-icon-tt.flag-icon-squared {
  background-image: url("../images/flags/tt.svg");
}

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

.flag-icon-tv.flag-icon-squared {
  background-image: url("../images/flags/tv.svg");
}

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

.flag-icon-tw.flag-icon-squared {
  background-image: url("../images/flags/tw.svg");
}

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

.flag-icon-tz.flag-icon-squared {
  background-image: url("../images/flags/tz.svg");
}

.flag-icon-ua,
.flag-icon-uk {
  background-image: url("../images/flags/ua.svg");
}

.flag-icon-ua.flag-icon-squared,
.flag-icon-uk.flag-icon-squared {
  background-image: url("../images/flags/ua.svg");
}

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

.flag-icon-ug.flag-icon-squared {
  background-image: url("../images/flags/ug.svg");
}

.flag-icon-um {
  background-image: url("../images/flags/um.svg");
}

.flag-icon-um.flag-icon-squared {
  background-image: url("../images/flags/um.svg");
}

.flag-icon-us {
  background-image: url("../images/flags/us.svg");
}

.flag-icon-us.flag-icon-squared {
  background-image: url("../images/flags/us.svg");
}

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

.flag-icon-uy.flag-icon-squared {
  background-image: url("../images/flags/uy.svg");
}

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

.flag-icon-uz.flag-icon-squared {
  background-image: url("../images/flags/uz.svg");
}

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

.flag-icon-va.flag-icon-squared {
  background-image: url("../images/flags/va.svg");
}

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

.flag-icon-vc.flag-icon-squared {
  background-image: url("../images/flags/vc.svg");
}

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

.flag-icon-ve.flag-icon-squared {
  background-image: url("../images/flags/ve.svg");
}

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

.flag-icon-vg.flag-icon-squared {
  background-image: url("../images/flags/vg.svg");
}

.flag-icon-vi {
  background-image: url("../images/flags/vi.svg");
}

.flag-icon-vi.flag-icon-squared {
  background-image: url("../images/flags/vi.svg");
}

.flag-icon-vn {
  background-image: url("../images/flags/vn.svg");
}

.flag-icon-vn.flag-icon-squared {
  background-image: url("../images/flags/vn.svg");
}

.flag-icon-vu {
  background-image: url("../images/flags/vu.svg");
}

.flag-icon-vu.flag-icon-squared {
  background-image: url("../images/flags/vu.svg");
}

.flag-icon-wf {
  background-image: url("../images/flags/wf.svg");
}

.flag-icon-wf.flag-icon-squared {
  background-image: url("../images/flags/wf.svg");
}

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

.flag-icon-ws.flag-icon-squared {
  background-image: url("../images/flags/ws.svg");
}

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

.flag-icon-ye.flag-icon-squared {
  background-image: url("../images/flags/ye.svg");
}

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

.flag-icon-yt.flag-icon-squared {
  background-image: url("../images/flags/yt.svg");
}

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

.flag-icon-za.flag-icon-squared {
  background-image: url("../images/flags/za.svg");
}

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

.flag-icon-zm.flag-icon-squared {
  background-image: url("../images/flags/zm.svg");
}

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

.flag-icon-zw.flag-icon-squared {
  background-image: url("../images/flags/zw.svg");
}

.flag-icon-es-ct {
  background-image: url("../images/flags/es-ct.svg");
}

.flag-icon-es-ct.flag-icon-squared {
  background-image: url("../images/flags/es-ct.svg");
}

.flag-icon-eu {
  background-image: url("../images/flags/eu.svg");
}

.flag-icon-eu.flag-icon-squared {
  background-image: url("../images/flags/eu.svg");
}

.flag-icon-en {
  background-image: url("../images/flags/gb-eng.svg?1");
}

.flag-icon-en.flag-icon-squared {
  background-image: url("../images/flags/gb-eng.svg?1");
}

.flag-icon-gb-nir {
  background-image: url("../images/flags/gb-nir.svg");
}

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url("../images/flags/gb-nir.svg");
}

.flag-icon-gb-sct {
  background-image: url("../images/flags/gb-sct.svg");
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url("../images/flags/gb-sct.svg");
}

.flag-icon-gb-wls {
  background-image: url("../images/flags/gb-wls.svg");
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url("../images/flags/gb-wls.svg");
}

.flag-icon-un {
  background-image: url("../images/flags/un.svg");
}

.flag-icon-un.flag-icon-squared {
  background-image: url("../images/flags/un.svg");
}

.flag-icon-xk {
  background-image: url("../images/flags/xk.svg");
}

.flag-icon-xk.flag-icon-squared {
  background-image: url("../images/flags/xk.svg");
}

/*=========================flags===========================*/
.currency__label {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .currency__label {
    opacity: 0.4;
  }
}
.currency__label.--mobile {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  opacity: 100;
}
.currency__value {
  display: block;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .currency__value {
    display: inline;
  }
}
.currency__value.--great {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .currency__value.--great {
    font-size: 28px;
  }
}
.currency__value.--mobile {
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
}
.currency__value.--negative {
  color: #FF0000;
}
.currency__sign {
  display: inline;
}
.currency__sign.--positive {
  color: #009a2f;
}
.currency__sign.--negative {
  color: #c90f0f;
}

.panel {
  background-color: #f5f4f2;
  display: flex;
  align-items: center;
  padding: 4px;
  justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 10px;
  gap: 5px;
}
.panel__group {
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .panel__group {
    gap: 5px;
  }
}
.panel__group.--column {
  flex-direction: column;
  align-items: unset;
  gap: 11px;
}
@media (min-width: 576px) {
  .panel__group.--column {
    flex-direction: row;
    align-items: center;
    gap: 5px;
  }
}
.panel__full {
  flex-grow: 1;
  display: block;
}
.panel.--mobile {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 576px) {
  .panel.--mobile {
    display: flex;
    gap: 5px;
  }
}

.panel-filter {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: auto;
  top: 0;
  right: 0;
  left: 0;
  background-color: #F5F4F2;
  transform: translateX(-100%);
}
@media (min-width: 576px) {
  .panel-filter {
    display: none;
  }
}
.panel-filter.active {
  transform: translateX(0);
}
.panel-filter__header {
  padding: 17px;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 19px;
  position: sticky;
  top: 0;
  z-index: 4;
}
.panel-filter__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
}
.panel-filter__main {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.panel-dropdown {
  position: relative;
}
.panel-dropdown.--desktop {
  display: none;
}
@media (min-width: 576px) {
  .panel-dropdown.--desktop {
    display: flex;
  }
}

.panel-form {
  background: #FFFFFF;
  border-radius: 6px;
}
@media (min-width: 576px) {
  .panel-form {
    display: none;
  }
}

.panel-content {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 16px;
}

.radio input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}
.radio__mark {
  width: 16px;
  height: 16px;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  display: block;
}
.radio__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-left: 16px;
}
.radio__content {
  display: flex;
  align-items: center;
}
.radio input:checked + .radio__content .radio__mark {
  background-color: #F8E71C;
  border: 1px solid #000000;
}

.panel-checkbox input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}
.panel-checkbox__mark:after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-size: contain;
  background-image: url("../images/checkbox-empty.svg");
}
.panel-checkbox__mark:before {
  content: "";
  display: none;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url("../images/checkbox-checked.svg");
}
.panel-checkbox__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-left: 16px;
}
.panel-checkbox__value.--dropdown {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-left: 12px;
}
.panel-checkbox__content {
  display: flex;
  align-items: center;
}
.panel-checkbox input[type=checkbox]:checked + .panel-checkbox__content .panel-checkbox__mark:after {
  content: "";
  display: none;
}
.panel-checkbox input[type=checkbox]:checked + .panel-checkbox__content .panel-checkbox__mark:before {
  content: "";
  display: block;
}

.card {
  position: relative;
}
.card__content {
  border-top: 1px solid rgba(189, 189, 189, 0.5);
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.card__content-wrapper {
  display: flex;
  gap: 60px;
}
.card__content-wrapper i {
  display: none;
}
@media (min-width: 576px) {
  .card__content-wrapper i {
    display: block;
  }
}
.card__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #555555;
  position: absolute;
  bottom: 12px;
  left: 2px;
}
@media (min-width: 576px) {
  .card__link {
    left: 112px;
    bottom: 16px;
  }
}
.card .card__table {
  margin-bottom: 50px;
}
.card .card__table td:first-child {
  font-weight: 600;
}
.card .card__table tr:first-child {
  display: flex;
  flex-direction: column;
}
.card .card__table tr:first-child td {
  font-weight: 700;
}
.card .card__table tr:first-child td:first-child {
  padding-bottom: 0;
}
.card .card__table tr:first-child td:last-child {
  font-size: 15px;
  padding-bottom: 26px;
}
@media (min-width: 576px) {
  .card .card__table tr:first-child {
    display: table-row;
  }
  .card .card__table tr:first-child td:first-child {
    padding-bottom: 18px;
  }
  .card .card__table tr:first-child td:last-child {
    font-weight: inherit;
    font-size: 14px;
    padding-bottom: 18px;
  }
}
@media (min-width: 576px) {
  .card .card__table tr:not(:last-child) td {
    padding-bottom: 16px;
  }
}
.card__controls {
  display: none;
}
@media (min-width: 576px) {
  .card__controls {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 50px;
  }
}
.card__more {
  display: block;
}
@media (min-width: 576px) {
  .card__more {
    display: none;
  }
}

.promo-order__title, .promo-order__llink {
  font-size: 16px;
  line-height: 21px;
}
.promo-order__title {
  padding-bottom: 12px;
}
.promo-order__link {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  padding-top: 23px;
}

.promo-create__main {
  width: 100%;
  padding: 56px 0 165px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.promo-create__wrapper {
  display: flex;
  max-width: 870px;
  width: 100%;
  justify-content: flex-start;
}
.promo-create__container {
  display: grid;
  grid-template-columns: 400px 400px;
  justify-content: center;
  row-gap: 34px;
  -moz-column-gap: 64px;
       column-gap: 64px;
}
.promo-create__button {
  margin-top: 46px;
}
.promo-create__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 23px;
}

.create-new-promo-steps {
  display: grid;
}
.create-new-promo-steps.--s1 {
  row-gap: 26px;
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .create-new-promo-steps.--s1 {
    grid-template-columns: repeat(2, 400px);
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 34px;
  }
}
.create-new-promo-steps.--s2 {
  row-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (min-width: 576px) {
  .create-new-promo-steps.--s2 {
    grid-template-columns: 1fr 1fr;
  }
}
.create-new-promo-steps.--s2 svg {
  display: none;
}
@media (min-width: 576px) {
  .create-new-promo-steps.--s2 svg {
    display: block;
  }
}

.create-new-promo-steps-3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 40px;
  margin-top: 40px;
}
@media (min-width: 576px) {
  .create-new-promo-steps-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.promo-btn.is-active:after {
  content: "";
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 19px;
}

.new-promo-branding__preview {
  margin-bottom: 12px;
  height: 147px;
}

.new-promo-branding__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.new-promo-grid__image {
  width: 100%;
  height: 142px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}

.new-promo-branding__sizes {
  margin-bottom: 12px;
}

.new-promo-branding__line {
  margin-bottom: 5px;
  font-family: "IBM Plex Sans", sans-serif;
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
.new-promo-branding__line-value {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.promo-program {
  text-align: center;
  padding-top: 16px;
  padding-bottom: 27px;
  display: block;
}
.promo-program__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  display: block;
}
.promo-program__text {
  margin-top: 13px;
  font-size: 16px;
  line-height: 21px;
  display: block;
}

.new-promo-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 16px 46px;
}
@media (min-width: 576px) {
  .new-promo-type {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.new-promo-type__title {
  font-size: 16px;
  line-height: 21px;
}
.new-promo-type.--t1 {
  padding-right: 16px;
}
.new-promo-type.--t3 {
  padding: 10px 65px 10px;
}
@media (min-width: 576px) {
  .new-promo-type.--t3 {
    padding: 10px 47px 10px;
  }
}

.promo-shape {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.promo-shape__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}
.promo-shape__picture {
  max-width: 100%;
  border-radius: 4px;
}

.promo-link {
  background-image: url("../images/create-promo-bcg.png");
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 0 32px;
  min-height: 200px;
  background-size: auto 295px;
}
@media (min-width: 576px) {
  .promo-link {
    padding: 0 9px;
    background-size: auto 265px;
  }
}

.new-promo-btn-light.btn-light {
  border: 1px solid #BDBDBD;
  color: #000;
  border-radius: 8px;
}

.promo-branding-desc {
  color: #555;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.new-promo-action {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.new-promo-step {
  display: flex;
  gap: 12px;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}
.new-promo-step input {
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.new-promo-step__content {
  border: 1px solid #BDBDBD;
  border-radius: 8px;
  position: relative;
  display: block;
  color: #000;
}
.new-promo-step__content-on-request {
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 6px;
  display: inline-flex;
  align-items: center;
  height: 20px;
  position: absolute;
  right: 0;
}
.new-promo-step__content-on-request svg {
  margin-right: 5px;
  fill: #fff;
}
.new-promo-step__link {
  font-size: 14px;
  line-height: 18px;
  margin-top: 16px;
  display: block;
  color: #555555;
}
.new-promo-step__link a {
  text-decoration: none;
  color: black;
}
.new-promo-step__mark {
  width: 16px;
  height: 16px;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-8px);
}
.new-promo-step input:checked + .new-promo-step__content {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
.new-promo-step input:checked + .new-promo-step__content .new-promo-step__content-on-request {
  background: #fff;
  color: #000;
}
.new-promo-step input:checked + .new-promo-step__content .new-promo-step__content-on-request svg {
  fill: #000;
}
.new-promo-step input:checked + .new-promo-step__content .new-promo-step__mark {
  background-color: #000;
  border: 4px solid #F8E71C;
}

.new-promo-pills {
  display: flex;
  align-items: center;
}

.new-promo-pills__label {
  margin-right: 16px;
  color: #555;
}

.new-promo-pills__btn {
  transition: border-color ease 0.2s;
  padding: 4px 12px;
  margin-right: 12px;
  border: 1px solid #bdbdbd;
  border-radius: 12px;
  line-height: 1;
  font-size: 14px;
  cursor: pointer;
}

.new-promo-pills__btn:hover {
  border-color: #555;
}

.new-promo-pills__btn > span {
  margin-left: 8px;
  color: #555;
}

.new-promo-pills__btn.is-active {
  border-color: #000;
  background-color: #000;
  font-weight: 700;
  color: #fff;
}

.new-promo-pills__btn.is-active > span {
  color: #fff;
}

@media (max-width: 1263px) {
  .new-promo-pills {
    overflow-y: auto;
  }
  .new-promo-pills__btn {
    border-radius: 16px;
    padding: 8px 12px;
    white-space: nowrap;
  }
}
.promo-grid {
  margin-top: 40px;
  display: grid;
  gap: 40px 16px;
  grid-template-columns: repeat(5, 192px);
}

.promo-grid__iframe {
  border: none;
}

.promo-grid__title {
  margin-bottom: 12px;
  color: var(--greyish-brown);
}

.promo-grid__image {
  width: 190px;
  height: 142px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}

.promo-grid__action,
.promo-grid__btn {
  border-radius: 8px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
}

.promo-grid__btn {
  transition: border-color ease 0.2s;
  margin-top: 12px;
  margin-bottom: 12px;
  border: 1px solid var(--pinkish-grey);
  cursor: pointer;
}

.promo-grid__btn:hover {
  border-color: var(--greyish-brown);
}

@media (max-width: 1263px) {
  .promo-grid__image {
    width: 100%;
    height: 142px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .promo-grid__span {
    width: calc(50% - 8px);
    margin-bottom: 40px;
  }
}
.promo-btn {
  transition: border-color ease 0.2s;
  border: 1px solid var(--pinkish-grey);
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  color: #000;
}

.promo-btn:before {
  transition: border-color ease 0.2s;
  content: "";
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border: 1px solid var(--pinkish-grey);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 16px;
}

.promo-btn:hover {
  border-color: var(--greyish-brown);
}

.promo-btn:hover:before {
  border-color: var(--greyish-brown);
}

.promo-btn.is-active {
  border-color: #000;
  background-color: #000;
  color: #fff;
  cursor: default;
}

.promo-btn.is-active:before {
  border-color: var(--sun-yellow);
  background-color: var(--sun-yellow);
}

.promo-btn {
  transition: border-color ease 0.2s;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  color: #000;
}

.promo-btn:before {
  transition: border-color ease 0.2s;
  content: "";
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 16px;
}

.promo-btn:hover {
  border-color: #555;
}

.promo-btn:hover:before {
  border-color: #555;
}

.promo-btn.is-active {
  border-color: #000;
  background-color: #000;
  color: #fff;
  cursor: default;
}

.promo-btn.is-active:before {
  border-color: #f8e71c;
  background-color: #f8e71c;
}

.promo-grid__action,
.promo-grid__btn {
  border-radius: 8px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
}

.promo-grid__btn {
  transition: border-color ease 0.2s;
  margin-top: 12px;
  margin-bottom: 12px;
  border: 1px solid #bdbdbd;
  cursor: pointer;
}

.promo-grid__btn:hover {
  border-color: #555;
}

.new-promo-step--active .new-promo-step__content .new-promo-step__mark {
  background-color: #000;
  border: 4px solid #f8e71c;
}

.new-promo-step--active .new-promo-step__content {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

.chat-list-item {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 18px;
  padding-bottom: 22px;
  gap: 20px;
  text-decoration: none;
  color: inherit;
}
@media (min-width: 576px) {
  .chat-list-item {
    flex-direction: row;
  }
}
.chat-list-item__text {
  flex-grow: 1;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 576px) {
  .chat-list-item__text {
    font-size: 14px;
    line-height: 18px;
  }
}
.chat-list-item__author {
  width: 130px;
}
.chat-list-item__author, .chat-list-item__time {
  font-size: 14px;
  line-height: 23px;
  color: #555555;
}
@media (min-width: 576px) {
  .chat-list-item__author, .chat-list-item__time {
    font-size: 12px;
    line-height: 18px;
  }
}
.chat-list-item__author br, .chat-list-item__time br {
  display: none;
}
@media (min-width: 576px) {
  .chat-list-item__author br, .chat-list-item__time br {
    display: block;
  }
}
.chat-list-item {
  border-top: 1px solid rgba(216, 216, 216, 0.5);
}
@media (min-width: 576px) {
  .chat-list-item:first-child {
    border: none;
  }
}
.chat-list-item.--unread .chat-list-item__time {
  color: #000;
}
.chat-list-item.--unread .chat-list-item__text, .chat-list-item.--unread .chat-list-item__time {
  font-weight: 600;
}

.chat-message {
  display: inline-flex;
  flex-direction: column;
  gap: 9px;
  padding: 15px 20px 12px;
  border-radius: 6px;
  max-width: 406px;
  width: 100%;
}
@media (min-width: 576px) {
  .chat-message {
    width: 538px;
    max-width: 100%;
  }
}
.chat-message__author {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
}
.chat-message__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.chat-message__text a {
  color: #0047FF;
}
.chat-message__time {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
  text-align: right;
}
.chat-message__form {
  position: fixed;
  bottom: 0;
}
.chat-message.--user {
  background-color: #EBEBEB;
  align-self: flex-end;
}
.chat-message.--opposite {
  background-color: #FFFABB;
  align-self: flex-start;
}

.chat-submit {
  display: flex;
  width: 100%;
  gap: 12px;
  border-radius: 44px;
  border: 1px solid #BDBDBD;
  margin-top: 15px;
  padding: 5px 5px;
  align-items: center;
}
@media (min-width: 576px) {
  .chat-submit {
    border: none;
    border-radius: unset;
    margin-top: 32px;
  }
}
.chat-submit__control {
  flex-grow: 1;
  resize: none;
  height: auto;
  min-width: 60px;
}
.chat-submit__button {
  max-height: 32px;
}
.chat-submit__button.--desktop {
  display: none;
}
@media (min-width: 576px) {
  .chat-submit__button.--desktop {
    display: block;
    padding: 20px 20px;
  }
}
.chat-submit__button.--mobile {
  border: none;
  background-color: #F8E71C;
  border-radius: 50px;
  padding: 13px 12px;
}
@media (min-width: 576px) {
  .chat-submit__button.--mobile {
    display: none;
  }
}

.chat-dropdown-category {
  width: 296px;
}

.chat-info__date {
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}
.chat-info__title {
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 576px) {
  .chat-info__title {
    font-size: 16px;
    line-height: 21px;
  }
}

.pagination {
  min-width: 327px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .pagination {
    justify-content: center;
    gap: 52px;
  }
}
.pagination__container {
  display: flex;
}
.pagination__el {
  cursor: pointer;
  text-decoration: none;
  color: black;
  padding: 8.5px 14px;
  display: block;
}
.pagination__el.--active {
  border: 1px solid #000;
  border-radius: 6px;
}

.pager {
  width: 100%;
  margin-top: 36px;
  display: flex;
  justify-content: center;
}

a.pagination__el:hover {
  text-decoration: underline;
}

.pagination__el:first-child::before {
  content: "";
  display: block;
  background-image: url("../images/pagination-arrow-left.svg");
  width: 15px;
  height: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.pagination__el:first-child, .pagination__el:last-child {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 0;
}

.pagination__el:last-child::after {
  content: "";
  display: block;
  background-image: url("../images/pagination-arrow-left.svg");
  width: 15px;
  height: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.activity {
  display: flex;
  gap: 5px;
  cursor: pointer;
  align-items: center;
}
.activity__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.activity:hover {
  text-decoration: underline;
}
.activity__more {
  display: block;
}
@media (min-width: 576px) {
  .activity__more {
    display: none;
  }
}

.activity-list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.activity-list.--mobile {
  display: none;
}
@media (min-width: 576px) {
  .activity-list.--mobile {
    display: flex;
  }
}

.new-form-control, .new-form-search .multiselect__tags {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  border-radius: 6px;
  padding: 0 15px;
  outline: none;
  box-shadow: none;
  font-family: inherit;
  background-color: #fff;
  display: flex;
  gap: 12px;
  align-items: center;
  border: 1px solid #fff;
  justify-content: space-between;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.new-form-control:active, .new-form-search .multiselect__tags:active {
  border: 1px solid black;
}
.new-form-control.--accordion:not(.collapsed) .icon-dropdown, .new-form-search .--accordion.multiselect__tags:not(.collapsed) .icon-dropdown {
  transnew-form: rotate(180deg);
}
.new-form-control.--left, .new-form-search .--left.multiselect__tags {
  justify-content: flex-end;
}
.new-form-control.--contained, .new-form-search .--contained.multiselect__tags {
  display: flex;
  align-items: center;
  padding: 0 16px 0 0;
}
.new-form-control.--full, .new-form-search .--full.multiselect__tags {
  display: block;
  width: 100%;
  min-width: 224px;
}
.new-form-control.--small, .new-form-search .--small.multiselect__tags {
  font-size: 12px;
  line-height: 16px;
}
.new-form-control.--border-ultra-light, .new-form-search .--border-ultra-light.multiselect__tags {
  border-color: #DADADA;
}
.new-form-control.--border-ultra-light:focus, .new-form-search .--border-ultra-light.multiselect__tags:focus {
  border-color: #000000;
}
.new-form-control.chat-submit__control, .new-form-search .chat-submit__control.multiselect__tags {
  border: none;
  max-height: 228px;
  padding: 10px 15px;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-radius: 20px;
  overflow-y: hidden;
}
@media (min-width: 576px) {
  .new-form-control.chat-submit__control, .new-form-search .chat-submit__control.multiselect__tags {
    border: 1px solid #DADADA;
    border-radius: 6px;
  }
  .new-form-control.chat-submit__control:focus, .new-form-search .chat-submit__control.multiselect__tags:focus {
    border-color: #000000;
  }
}
.new-form-control.page-scroll::-webkit-scrollbar, .new-form-search .page-scroll.multiselect__tags::-webkit-scrollbar {
  width: 8px;
  border-radius: 6px;
}
.new-form-control.--desktop, .new-form-search .--desktop.multiselect__tags {
  display: none;
}
@media (min-width: 576px) {
  .new-form-control.--desktop, .new-form-search .--desktop.multiselect__tags {
    display: flex;
  }
}
.new-form-control.--center, .new-form-search .--center.multiselect__tags {
  justify-content: center;
}
@media (min-width: 576px) {
  .new-form-control.--center, .new-form-search .--center.multiselect__tags {
    justify-content: space-between;
  }
}
.new-form-control.--mobile, .new-form-search .--mobile.multiselect__tags {
  display: flex;
}
@media (min-width: 576px) {
  .new-form-control.--mobile, .new-form-search .--mobile.multiselect__tags {
    display: none;
  }
}
.new-form-control.new-form-project, .new-form-search .new-form-project.multiselect__tags {
  min-width: 140px;
}
.new-form-control.new-form-type, .new-form-search .new-form-type.multiselect__tags {
  min-width: 142px;
}

.new-form-status.--valid {
  position: relative;
  flex-grow: 1;
}
.new-form-status.--valid input {
  border-color: #38E16C;
  padding-right: 30px;
  position: relative;
  width: 100%;
}
.new-form-status.--valid:after {
  content: "";
  background-image: url("../images/valid.svg");
  display: block;
  height: 17.5px;
  width: 18px;
  position: absolute;
  right: 10.24px;
  bottom: 11.25px;
}
.new-form-status.--invalid {
  border-color: #C90F0F;
}

.new-form-field {
  margin-bottom: 20px;
}

.new-form-field-header {
  display: flex;
  gap: 10px;
}

.new-form-textarea {
  height: auto;
  padding: 9px 15px;
  font-family: inherit;
  resize: none;
}

.new-form-label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.new-form-label.--required {
  color: #BDBDBD;
}

.new-form-search {
  position: relative;
}
@media (min-width: 576px) {
  .new-form-search.stats-search {
    width: 140px;
  }
}
.new-form-search .multiselect__content {
  padding: 10px 0;
}
.new-form-search .multiselect__content .multiselect__element span {
  padding: 4px 10px;
}
.new-form-search .multiselect__content .multiselect__element .multiselect__option--selected {
  background: none;
  color: #000;
  position: relative;
}
.new-form-search .multiselect__content .multiselect__element .multiselect__option--selected:before {
  content: "";
  width: 3px;
  bottom: 5px;
  position: absolute;
  height: 3px;
  background-color: black;
  border-radius: 50px;
}
.new-form-search > .multiselect {
  border: none;
}
.new-form-search.--hideOnMobile {
  display: none;
}
@media (min-width: 576px) {
  .new-form-search.--hideOnMobile {
    display: block;
  }
}
.new-form-search__control {
  padding-left: 10px;
  padding-right: 30px;
  width: 100%;
  border: 1px solid #F5F4F2;
}
.new-form-search__control:focus {
  border-color: #000;
}
@media (min-width: 576px) {
  .new-form-search__control {
    border: 1px solid #fff;
  }
}
.new-form-search__control::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
.new-form-search__control::placeholder {
  color: inherit;
  opacity: 1;
}
.new-form-search__button {
  position: absolute;
  right: 4px;
  bottom: 8px;
  border: none;
  outline: none;
  background-color: transparent;
}

.multiselect__option:not(.multiselect__option--group):not(.multiselect__option--disabled) {
  margin-left: 5px;
}

.form-switch {
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  font-size: 10px;
  background: #FFF;
  line-height: 10px;
}
.form-switch__button {
  display: flex;
  font-size: 10px;
  text-align: center;
  padding: 6px 10px;
}
.form-switch__button.--active {
  background-color: #000;
  color: #fff;
  border-radius: inherit;
}
.form-switch__button:not(.--active) {
  cursor: pointer;
}

.new-form-hint {
  margin-top: 14px;
  color: #555555;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.new-form-hint span {
  color: #000;
}

.new-form-radio-group {
  display: flex;
  align-items: center;
  gap: 6px;
}
.new-form-radio-group__title {
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  margin-right: 20px;
}

.new-form-radio {
  position: relative;
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.new-form-radio input {
  position: absolute;
  opacity: 0;
}
.new-form-radio span {
  background: #FFFFFF;
  border: 1px solid #BDBDBD;
  border-radius: 24px;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  padding: 5px 9px;
  display: block;
}
.new-form-radio span i {
  font-style: normal;
  color: #555555;
}
.new-form-radio.active > span, .new-form-radio > input:checked + span {
  border-color: #000;
  background-color: #000;
  font-weight: 700;
  color: #fff;
  border-radius: 24px;
}

.new-form-checkbox {
  position: relative;
  display: block;
}
.new-form-checkbox span {
  width: 42px;
  height: 24px;
  display: block;
}
.new-form-checkbox span:before, .new-form-checkbox span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-form-checkbox span:before {
  background-image: url("../images/switch-on.svg");
  opacity: 0;
}
.new-form-checkbox span:after {
  background-image: url("../images/switch-off.svg");
}
.new-form-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.new-form-checkbox input:checked + span:before {
  opacity: 1;
}
.new-form-checkbox input:checked + span:after {
  opacity: 0;
}

.new-form-error {
  color: red;
  font-size: 14px;
  display: none;
}
.new-form-error.active {
  display: block;
}

.icon-dropdown {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/drop-down-icon.svg");
  width: 10px;
  height: 6px;
  cursor: pointer;
}
.icon-setting {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/settings.svg");
  width: 15px;
  height: 14px;
}
.icon-download {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/download.svg");
  width: 20px;
  height: 20px;
}
.icon-calendar, .cab-datepicker.vue-daterange-picker:before {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/calendar.svg");
  width: 20px;
  height: 20px;
  background-size: cover;
}
.icon-create {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo__create.svg");
  width: 18px;
  height: 18px;
}
.icon-chat {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/header-chat-icon.svg");
  width: 22px;
  height: 19px;
  position: relative;
}
.icon-paperclip {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-paperclip.svg");
  width: 31px;
  height: 41px;
}
.icon-screen {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-screen.svg");
  width: 38px;
  height: 30px;
}
.icon-pacman {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-pacman.svg");
  width: 41px;
  height: 41px;
}
.icon-stats {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-stats.svg");
  width: 20px;
  height: 20px;
}
.icon-delete {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-delete.svg");
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.icon-tg-bot {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/tg-bot.svg");
  width: 40px;
  height: 40px;
  background-size: cover;
}
.icon-profile {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/profile.svg");
  width: 20.95px;
  height: 20.34px;
  background-size: contain;
}
.icon-copy {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-copy.svg");
  width: 20px;
  height: 20px;
}
.icon-change {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/promo-change.svg");
  width: 20px;
  height: 20px;
}
.icon-like {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/like.svg");
  width: 65px;
  height: 44px;
}
.icon-list, .tab__title::after {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/icon-list.svg");
  width: 20px;
  height: 20px;
}
.icon-postback {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/list.svg");
}
.icon-postback.--close {
  background-image: url("../images/promo-delete.svg");
}
.icon-more {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/icon-more.svg");
  width: 4px;
  height: 16px;
  cursor: pointer;
}
.icon-flag {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/UA.svg");
  width: 15px;
  height: 11px;
  display: inline-block;
}
.icon-submit {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/icon-submit.svg");
  width: 8px;
  height: 6px;
}
.icon-back, .cab-datepicker .daterangepicker .calendar-table .next span, .cab-datepicker .daterangepicker .calendar-table .prev span {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/arrow-left.svg");
  width: 11px;
  height: 9px;
}
.icon-telegram {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/telegram.svg");
  width: 21px;
  height: 18px;
  background-size: contain;
}
.icon-burger {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/burger-menu.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.icon-notification {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/notification.svg");
  width: 20.21px;
  height: 20.21px;
  background-size: contain;
}
.icon-arrow-left {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/pagination-arrow-left.svg");
  width: 15px;
  height: 16px;
  cursor: pointer;
}
.icon-arrow-right {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-image: url("../images/pagination-arrow-right.svg");
  width: 15px;
  height: 16px;
  cursor: pointer;
}
.icon-search {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("../images/search.svg");
}

@media (min-width: 576px) {
  .page {
    display: flex;
    gap: 18px;
    height: 100vh;
    overflow: auto;
  }
}
@media (min-width: 576px) {
  .page__menu {
    position: sticky;
    top: 0;
    z-index: 2;
  }
}
.page__header, .page__header-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page__header {
  padding: 30px 0;
}
@media (min-width: 576px) {
  .page__header {
    margin-bottom: 16px;
    padding: 0;
  }
}
.page__header.--block {
  display: block;
}
.page__header.--column {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
}
@media (min-width: 576px) {
  .page__header.--column {
    flex-direction: row;
  }
}
.page__header.--column {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
}
@media (min-width: 576px) {
  .page__header.--column {
    flex-direction: row;
  }
}
.page__main {
  background-color: #fff;
  border-radius: 16px;
  flex-grow: 1;
}
.page__main.no-auth {
  margin: 10px 0 0 10px;
}
.page__header, .page__main {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 30px;
  scroll-behavior: smooth;
}
@media (min-width: 576px) {
  .page__header, .page__main {
    padding: 0;
  }
}
.page__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .page__title {
    font-size: 20px;
    line-height: 26px;
  }
}
.page__title.--mobile {
  font-weight: 400;
  font-size: 22px;
  color: #555555;
}
@media (min-width: 576px) {
  .page__title.--mobile {
    display: none;
  }
}
.page__subtitle {
  font-weight: 600;
  line-height: 31px;
  font-size: 18px;
}
@media (min-width: 576px) {
  .page__subtitle {
    font-size: 20px;
  }
}
.page__content {
  padding: 0;
  min-width: 200px;
}
@media (min-width: 576px) {
  .page__content {
    padding-right: 16px;
    flex-grow: 1;
    padding-bottom: 20px;
    overflow: auto;
    min-width: 1104px;
    display: flex;
    flex-direction: column;
  }
}
.page__footer {
  margin-top: 64px;
}
@media (min-width: 576px) {
  .page__footer {
    margin-top: 36px;
  }
}

.page-scroll::-webkit-scrollbar {
  background-color: #f5f4f2;
  height: 6px;
}
.page-scroll::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 20px;
}

.page-chats,
.page-promo,
.page-referrals,
.page-payments,
.page-statistic {
  min-width: 200px;
}
@media (min-width: 576px) {
  .page-chats,
  .page-promo,
  .page-referrals,
  .page-payments,
  .page-statistic {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding-bottom: 80px;
  }
}

@media (min-width: 576px) {
  .page-statistic {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    max-width: unset;
  }
}

.page-statistic-datepicker {
  display: none;
}
@media (min-width: 576px) {
  .page-statistic-datepicker {
    display: flex;
  }
}

.page-statistic-dropdown-columns {
  width: 199px;
}

.page-payments {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 70px;
}
@media (min-width: 576px) {
  .page-payments {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    flex-direction: row;
    gap: 20px;
  }
}
.page-payments__tabs {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.page-payments__title {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .page-payments__title {
    margin-bottom: 33px;
  }
}
.page-payments__submit {
  margin-top: 30px;
}
.page-payments__control {
  width: 100%;
  word-wrap: break-word;
}
.page-payments__control + .page-payments__control {
  margin-top: 20px;
}
@media (min-width: 576px) {
  .page-payments__control + .page-payments__control {
    margin-top: 40px;
  }
}
.page-payments__control.--saved {
  font-size: 16px;
  font-weight: 500;
}
.page-payments__hint {
  margin-top: 22px;
}
.page-payments__hint b {
  color: #000;
}
.page-payments__label {
  margin-bottom: 18px;
}
.page-payments__form {
  width: 100%;
}
@media (min-width: 576px) {
  .page-payments__form {
    max-width: 244px;
    width: 100%;
  }
}

.page-referrals {
  grid-template-columns: 400px 450px;
  -moz-column-gap: 124px;
       column-gap: 124px;
  justify-content: space-between;
  flex-direction: column;
  gap: 57px;
  display: flex;
  padding-top: 32px;
}
@media (min-width: 576px) {
  .page-referrals {
    flex-direction: row;
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
    gap: 0;
  }
}
.page-referrals__heading {
  margin-bottom: 16px;
}
.page-referrals__title {
  line-height: 30px;
}
.page-referrals__stat {
  min-width: 200px;
  width: 100%;
}
@media (min-width: 576px) {
  .page-referrals__stat {
    width: 400px;
  }
}
@media (min-width: 576px) {
  .page-referrals__datepicker .daterangepicker[data-v-1ebd09d2] {
    height: 407px;
  }
}
.page-referrals__data {
  min-width: 200px;
  width: 100%;
}
@media (min-width: 576px) {
  .page-referrals__data {
    width: 450px;
  }
}
.page-referrals__sorter {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 22px;
  padding-bottom: 12px;
}
@media (min-width: 576px) {
  .page-referrals__sorter {
    flex-direction: row;
    gap: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 576px) {
  .page-promo {
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.page-promo__content {
  margin-top: 32px;
}
.page-promo__text {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 20px;
}
.page-news-list {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
@media (min-width: 576px) {
  .page-news-list {
    padding: 60px 97px;
  }
}

.page-article {
  margin: 0 auto;
}
@media (min-width: 576px) {
  .page-article {
    padding: 37px;
    width: 608px;
  }
}
.page-article__header {
  margin-bottom: 40px;
}
.page-article__description {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.page-article__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 10px;
}
.page-article__category {
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
}
.page-article__date {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
}
.page-article img {
  max-width: 100%;
}

.page-create-promo {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 576px) {
  .page-create-promo {
    width: 868px;
    padding-top: 53px;
  }
}
.page-create-promo.--s3 {
  padding-bottom: 140px;
}
.page-create-promo__footer {
  margin-top: 46px;
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 576px) {
  .page-create-promo__footer {
    grid-template-columns: repeat(2, 148px);
  }
}
.page-create-promo__button {
  grid-column: 2;
}
.page-create-promo__title {
  margin-bottom: 23px;
  font-size: 16px;
}
.page-create-promo__container {
  display: flex;
  align-items: center;
  margin-bottom: 43px;
}
.page-create-promo__container p {
  margin: 0 20px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}
.page-create-promo__buttons {
  display: flex;
  gap: 10px;
  overflow: auto;
  padding-bottom: 5px;
}

.page-order {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}
@media (min-width: 576px) {
  .page-order {
    grid-template-columns: 348px 400px;
    -moz-column-gap: 68px;
         column-gap: 68px;
  }
}
.page-order__text {
  font-size: 16px;
  line-height: 21px;
}
.page-order__text p:not(:last-child) {
  margin-bottom: 10px;
}
.page-order__submit {
  display: flex;
  justify-content: flex-end;
}
.page-order__button {
  width: 100%;
}
@media (min-width: 576px) {
  .page-order__button {
    width: auto;
  }
}

.page-order-success {
  display: grid;
  gap: 26px;
}
@media (min-width: 576px) {
  .page-order-success {
    grid-template-columns: 435px 1fr;
    -moz-column-gap: 85px;
         column-gap: 85px;
  }
}
.page-order-success__text {
  font-size: 16px;
  line-height: 21px;
}

@media (min-width: 576px) {
  .page-chats {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }
}

.page-chat {
  width: 100%;
}
@media (min-width: 576px) {
  .page-chat {
    padding: 32px 50px;
    width: 780px;
    margin: 0 auto;
  }
}
.page-chat__messages {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  overflow-y: auto;
  height: 100%;
  max-height: 600px;
  flex-grow: 2;
}
.page-chat__messages:not(:last-child) {
  margin-bottom: 16px;
}
.page-chat__header {
  margin-bottom: 33px;
}

.page-news {
  display: flex;
  gap: 11px;
  max-width: 868px;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 576px) {
  .page-news {
    flex-direction: row;
    gap: 68px;
  }
}

.page-chat-message {
  max-width: 708px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .page-chat-message {
    padding: 46px 50px 63px;
  }
}
.page-chat-message__heading {
  display: grid;
  -moz-column-gap: 16px;
       column-gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .page-chat-message__heading {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-chat-message__field {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  align-items: normal;
}
.page-chat-message__footer {
  display: flex;
  justify-content: flex-end;
}

.page-trackers {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .page-trackers {
    padding: 26px 50px 115px;
  }
}
.page-trackers__header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .page-trackers__header {
    gap: 16px;
    flex-direction: row;
  }
}
.page-trackers__control {
  flex-grow: 1;
}
.page-trackers__hint {
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  margin-top: 10px;
}
.page-trackers__hint.--mobile {
  margin-bottom: 23px;
}
@media (min-width: 576px) {
  .page-trackers__hint.--mobile {
    display: none;
  }
}
.page-trackers__hint.--desktop {
  display: none;
}
@media (min-width: 576px) {
  .page-trackers__hint.--desktop {
    display: block;
  }
}
.page-trackers__content {
  margin-top: 32px;
}

.page-trackers-edit {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  gap: 16px;
  display: grid;
}
@media (min-width: 576px) {
  .page-trackers-edit {
    padding: 85px 50px 30px;
    display: flex;
  }
}
.page-trackers-edit__control {
  flex-grow: 1;
}

.page-profile {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .page-profile {
    flex-direction: row;
    padding: 70px 50px 30px;
    gap: 159px;
  }
}

.tab {
  cursor: pointer;
}
.tab__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  border: 0;
  overflow-anchor: none;
  transition: border-radius 0.15s ease;
}
@media (min-width: 576px) {
  .tab__title {
    justify-content: unset;
  }
}
.tab__title::after {
  flex-shrink: 0;
  content: "";
  background-repeat: no-repeat;
  transition: border-radius 0.15s ease;
}
.tab__title:not(.collapsed)::after {
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}
.tab__title:hover {
  z-index: 2;
}
.tab__title:focus {
  z-index: 3;
  outline: 0;
}
.tab__content {
  padding-top: 30px;
  overflow-x: auto;
}
@media (min-width: 576px) {
  .tab__content {
    overflow-x: unset;
  }
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease;
}

.collapse:not(.show) {
  display: none;
}

.new-table {
  table-layout: fixed;
  border-collapse: collapse;
}
.new-table th:hover .row-sorter__asc, .new-table th:hover .row-sorter__desc {
  display: block;
}
.new-table th.--numeric, .new-table td.--numeric {
  text-align: right;
}
.new-table tfoot.--bordered {
  border-top: 1px solid #BDBDBD;
}
.new-table tfoot.--bordered td {
  padding-top: 24px;
  font-weight: 600;
}

.table-statistic, .table-gamers {
  width: 100%;
}
.table-statistic th, .table-statistic td, .table-gamers th, .table-gamers td {
  text-align: center;
  padding: 10px 5px;
  width: 80px;
  word-wrap: break-word;
  font-weight: 500;
}
.table-statistic th, .table-gamers th {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 10px;
  vertical-align: top;
}
.table-statistic th:hover .new-table-sorter__asc, .table-statistic th:hover .new-table-sorter__desc, .table-gamers th:hover .new-table-sorter__asc, .table-gamers th:hover .new-table-sorter__desc {
  display: block;
}
.table-statistic td, .table-gamers td {
  font-size: 12px;
  line-height: 16px;
}
.table-statistic tfoot td, .table-gamers tfoot td {
  padding-top: 45px;
  padding-bottom: 45px;
  font-weight: 700;
}

.table-statistic th, .table-statistic td {
  width: 120px;
}

.table-hoverable__highlight {
  line-height: 20px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.table-hoverable tbody tr:hover {
  background-color: #EBEBEB;
  cursor: pointer;
}
.table-hoverable tbody tr:hover .table-hoverable__highlight {
  background-color: #f8e71c;
  border-radius: 24px;
  padding: 6px 10px;
}
.table-hoverable tbody tr:hover .table-hoverable__highlight button {
  cursor: pointer;
}

.table-scroll-content {
  overflow-x: auto;
  width: 100%;
}

.table-info th, .table-info td {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  border-collapse: collapse;
}
@media (min-width: 576px) {
  .table-info th, .table-info td {
    padding-right: 60px;
    white-space: nowrap;
  }
}
.table-info tr th, .table-info tr td {
  padding-top: 12px;
}
@media (min-width: 576px) {
  .table-info tr th, .table-info tr td {
    padding-top: 0;
  }
}
.table-info tr:first-child th, .table-info tr:first-child td {
  padding-top: 0;
}
.table-info thead th, .table-info thead td {
  padding-bottom: 28px;
}
.table-info.--bordered {
  border-right: 1px solid black;
}
.table-info.--bordered-mobile {
  border-top: 1px solid rgba(216, 216, 216, 0.5);
  padding-top: 27px;
}
@media (min-width: 576px) {
  .table-info.--bordered-mobile {
    border-top: none;
    border-right: 1px solid black;
    padding: inherit;
  }
}
.table-info.--hideOnMobile {
  display: none;
}
@media (min-width: 576px) {
  .table-info.--hideOnMobile {
    display: block;
  }
}

.table-secondary {
  overflow-x: auto;
}
.table-secondary::before {
  width: 0;
}
.table-secondary th, .table-secondary td {
  font-weight: inherit;
  padding-left: 10px;
}
@media (min-width: 576px) {
  .table-secondary th, .table-secondary td {
    padding-left: 40px;
  }
}
.table-secondary th:first-child, .table-secondary td:first-child {
  text-align: left;
  padding-left: 0;
}
.table-secondary th {
  font-size: 10px;
  line-height: 13px;
  padding-bottom: 22px;
}
@media (min-width: 576px) {
  .table-secondary th {
    font-size: 14px;
    line-height: 18px;
  }
}
.table-secondary td {
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  padding-bottom: 28px;
}
@media (min-width: 576px) {
  .table-secondary td {
    font-size: 16px;
    line-height: 21px;
  }
}
.table-secondary tr:last-child td {
  padding-bottom: 0;
}

.table-standard {
  width: 100%;
}
.table-standard th, .table-standard td {
  font-weight: normal;
  text-align: left;
}
.table-standard td {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 32px;
}
.table-standard th {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 26px;
}

.table-trackers {
  width: 100%;
}
.table-trackers th, .table-trackers td {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
.table-trackers th {
  font-weight: normal;
  padding-bottom: 32px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 576px) {
  .table-trackers th {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }
}
.table-trackers td {
  padding-bottom: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.table-trackers__activities {
  display: flex;
  justify-content: flex-end;
}
.table-trackers th:nth-child(1) {
  width: 20%;
}
@media (min-width: 576px) {
  .table-trackers th:nth-child(1) {
    width: 10%;
  }
}
.table-trackers th:nth-child(2) {
  width: 35%;
}
@media (min-width: 576px) {
  .table-trackers th:nth-child(2) {
    width: 20%;
  }
}
.table-trackers th:nth-child(3) {
  width: 40%;
}
@media (min-width: 576px) {
  .table-trackers th:nth-child(3) {
    width: 20%;
  }
}
.table-trackers th:nth-child(4) {
  width: 50%;
}
.table-trackers__activity {
  display: none;
}
@media (min-width: 576px) {
  .table-trackers__activity {
    display: table-cell;
  }
}

.new-table-sorts {
  padding-bottom: 24px;
  position: relative;
  margin: 0 auto;
  width: 40px;
}

.new-table-sorter__asc, .new-table-sorter__desc {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5 0L0 7h10z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  display: none;
  position: absolute;
  bottom: 8px;
  left: 0;
  cursor: pointer;
}
.new-table-sorter__asc:hover, .new-table-sorter__desc:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%23F8E71C' fill-rule='evenodd' d='M5 0L0 7h10z'/%3E%3C/svg%3E%0A");
}

.new-table-sorter__asc {
  left: 0;
  background-position: 50% 100%;
}

.new-table-sorter__asc {
  left: auto;
  right: 20px;
}

.new-table-sorter__desc {
  left: 20px;
  transform: rotate(180deg);
  background-position: 50% 0;
}

.new-table__row--fines > div:first-child {
  position: static;
  width: 156px;
}

.new-table__row--fines > div:nth-child(2) {
  margin-left: 0;
  flex: 0 0 78px;
  max-width: 78px;
}

.new-table__row--fines > div:nth-child(3) {
  margin-left: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.new-table__row {
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 18px;
}

.new-table__row > div + div {
  flex: 0 0 68px;
  max-width: 68px;
  margin-left: 12px;
}

.new-table__row > div:first-child {
  width: 100px;
  position: absolute;
  left: 0;
  background-color: #fff;
}

.new-table__row {
  padding-top: 8px;
  padding-bottom: 8px;
}

.new-table__header {
  padding-top: 0;
  font-size: 12px;
  line-height: 15px;
}

.new-table__header > div {
  padding-top: 0;
  min-height: 30px;
}

.table-bonus-fines {
  position: relative;
}

.sidebar-wrapper {
  width: 100%;
  z-index: 9;
}
@media (min-width: 576px) {
  .sidebar-wrapper {
    width: 166px;
    transform: translateX(0);
  }
}

.sidebar {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2;
  align-items: center;
  background-color: #000;
  padding: 15px 16px;
  transform: translateX(-100%);
}
.sidebar.active {
  transform: translateX(0);
}
@media (min-width: 576px) {
  .sidebar {
    display: flex;
    flex-direction: column;
    width: 166px;
    gap: 8px;
    overflow: auto;
    flex-shrink: 0;
    padding: 26px 19px 22px;
    transform: translateX(0);
    position: static;
  }
}
.sidebar-close {
  padding-top: 6px;
}
@media (min-width: 576px) {
  .sidebar-close {
    display: none;
  }
}
.sidebar__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: 47px;
}
@media (min-width: 576px) {
  .sidebar__container {
    flex-direction: column;
    gap: 3px;
    margin-bottom: 10px;
  }
}

@media (min-width: 576px) {
  .sidebar-language {
    font-weight: 400;
    font-size: 12px;
  }
}
.sidebar-language__item {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 576px) {
  .sidebar-language__item {
    font-weight: 400;
    font-size: 12px;
  }
}
.sidebar-language__item:not(:last-child) {
  margin-right: 20px;
}
@media (min-width: 576px) {
  .sidebar-language__item:not(:last-child) {
    margin-right: 3px;
  }
}
.sidebar-language__item-active {
  color: #f8e71c;
}
.sidebar-language__item:hover {
  color: #f8e71c;
}

.sidebar-nav {
  margin-bottom: 42px;
}
@media (min-width: 576px) {
  .sidebar-nav {
    padding-left: unset;
    margin-bottom: 26px;
  }
}
.sidebar-nav__container {
  position: relative;
}
.sidebar-nav__list {
  list-style: none;
  padding: 0;
}
.sidebar-nav__icon-dropdown {
  position: absolute;
  right: 20px;
  top: 15px;
}
@media (min-width: 576px) {
  .sidebar-nav__icon-dropdown {
    display: none;
  }
}
.sidebar-nav__item {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  gap: 32px;
  position: relative;
  padding: 9.5px 10px;
}
@media (min-width: 576px) {
  .sidebar-nav__item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2px;
    position: static;
  }
}
.sidebar-nav__item-active > .sidebar-nav__picture,
.sidebar-nav__item-active path {
  stroke: #f8e71c;
}
.sidebar-nav__item-active > .sidebar-nav__link {
  color: #f8e71c;
}
.sidebar-nav__item:hover > .sidebar-nav__picture,
.sidebar-nav__item:hover path {
  stroke: #f8e71c;
}
.sidebar-nav__item:hover > .sidebar-nav__link {
  color: #f8e71c;
}
.sidebar-nav__picture {
  margin-bottom: 5px;
}
.sidebar-nav__link {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 576px) {
  .sidebar-nav__link {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }
}

.sidebar-support {
  display: flex;
  align-items: center;
  background: #1D1D1D;
  border-radius: 12px;
  padding: 14px;
  position: relative;
}
@media (min-width: 576px) {
  .sidebar-support {
    flex-direction: column;
    background: none;
    border-radius: 0;
    padding: unset;
  }
}
@media (min-width: 576px) {
  .sidebar-support__person {
    text-align: center;
  }
}
.sidebar-support__title {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 576px) {
  .sidebar-support__title {
    font-size: 10px;
    line-height: 13px;
  }
}
.sidebar-support__name {
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 576px) {
  .sidebar-support__name {
    font-size: 12px;
    line-height: 16px;
  }
}
.sidebar-support__link-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: absolute;
  right: 20px;
}
@media (min-width: 576px) {
  .sidebar-support__link-container {
    position: static;
  }
}
.sidebar-support__link {
  color: #f8e71c;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.sidebar-support__link.--desktop {
  display: none;
}
@media (min-width: 576px) {
  .sidebar-support__link.--desktop {
    display: block;
  }
}
.sidebar-support__link.--mobile-skype, .sidebar-support__link.--mobile-telegram {
  display: block;
}
@media (min-width: 576px) {
  .sidebar-support__link.--mobile-skype, .sidebar-support__link.--mobile-telegram {
    display: none;
  }
}
.sidebar-support__link.--mobile-telegram {
  background-image: url("../images/support-tg.svg");
  width: 32px;
  height: 32px;
}
.sidebar-support__link.--mobile-skype {
  background-image: url("../images/support-skype.svg");
  width: 32px;
  height: 32px;
}

.sidebar-logo {
  width: 152.63px;
  height: 23px;
  display: block;
  background-image: url("../images/cleveraff-logo-mobile.svg");
}
@media (min-width: 576px) {
  .sidebar-logo {
    background-image: url("../images/cleveraff-logo.svg");
    width: 81px;
    height: 47px;
  }
}

.sidebar-collapse:not(.collapsed) {
  background: #1D1D1D;
  box-shadow: 0px 10.6663px 30px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  width: 100%;
}
.sidebar-collapse__list {
  list-style: none;
  display: flex;
  padding: 10px 57px 17px;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .sidebar-collapse__list {
    display: none;
  }
}
.sidebar-collapse-item {
  color: #FFFFFF;
}
.sidebar-collapse-item a {
  color: inherit;
}

.sidebar-dropdown-toggle {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
@media (min-width: 576px) {
  .sidebar-dropdown-toggle {
    display: block;
  }
}

.sidebar-collapse-toggle {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
@media (min-width: 576px) {
  .sidebar-collapse-toggle {
    display: none;
  }
}

.sidebar-collapse-active {
  background-color: #1D1D1D;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.new-header-chat {
  position: relative;
  cursor: pointer;
  color: #fff;
}
@media (min-width: 576px) {
  .new-header-chat {
    color: #000;
  }
}
.new-header-chat__unread {
  background-color: #fa0001;
  font-weight: 500;
  font-size: 9px;
  line-height: 21px;
  position: absolute;
  color: #f5f4f2;
  bottom: 14px;
  left: 12px;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-header {
  padding: 0;
}
@media (min-width: 576px) {
  .new-header {
    background-color: rgba(245, 244, 242, 0.5);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    display: block;
    padding: 16px 0 14px 0;
  }
}
.new-header__wrapper {
  display: flex;
  border: none;
  align-items: center;
  flex-direction: column-reverse;
  padding: 0;
}
@media (min-width: 576px) {
  .new-header__wrapper {
    background-color: #fff;
    padding: 18px 28px 18px 20px;
    border-radius: 16px;
    border: 1px solid black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}

.new-header-balance {
  gap: 10px;
  border: 1px solid black;
  padding: 18px 28px 18px 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 576px) {
  .new-header-balance {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: none;
    gap: 36px;
    padding: 0;
  }
}
.new-header-balance__wrapper {
  padding: 0 16px;
  width: 100%;
}
@media (min-width: 576px) {
  .new-header-balance__wrapper {
    padding: 0;
  }
}

.new-header-action {
  background-color: #000000;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 8px 16px;
  color: white;
  position: relative;
}
.new-header-action .new-header-account__title {
  display: none;
}
.new-header-action .new-header-account__title .dropdown-menu {
  width: 142px;
}
.new-header-action .new-header-dropdown {
  display: none;
}
.new-header-action__wrapper {
  display: flex;
  gap: 35.5px;
  align-items: center;
}
@media (min-width: 576px) {
  .new-header-action {
    display: flex;
    align-items: center;
    gap: 36px;
    background-color: #FFF;
    color: black;
    margin: 0;
  }
  .new-header-action .new-header-account__title {
    display: block;
  }
  .new-header-action .new-header-dropdown {
    display: block;
  }
}

.new-header-account {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 576px) {
  .new-header-account {
    gap: 7px;
  }
}
.new-header-account__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f8e71c;
  border: 1px solid #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}
.new-header-account__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 10px;
}
.new-header-account-main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
}
.new-header-account-main__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 12px;
}
.new-header-account-main__wrapper {
  padding: 84px 446px 256px;
  background-color: #FFF;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.new-header-account-main__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 26px;
  text-align: center;
}
.new-header-account-icon-mail {
  background-image: url("../images/mail.svg");
  display: block;
  background-position: center;
  height: 27px;
  width: 66px;
  margin-bottom: 32px;
}

.new-header-dropdown {
  position: relative;
  display: inline-block;
}
.new-header-dropdown-discount:after {
  padding: 1.5px 4px;
  margin-left: 20px;
  content: attr(data-rev-share);
  width: 35px;
  height: 20px;
  background-color: #000;
  color: #f8e71c;
  border-radius: 35px;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
}
.new-header-dropdown-icon {
  display: none;
}
@media (min-width: 576px) {
  .new-header-dropdown-icon {
    display: block;
  }
}

.new-header-modal.modal {
  width: 250px;
  right: -10px;
  left: unset;
  top: 35px;
}

.new-header-modal-dialog.modal-dialog {
  margin: 1.75rem;
  position: relative;
  top: initial;
  left: initial;
  overflow: visible;
  transform: translate(0, -50px);
}
.modal.fade .new-header-modal-dialog.modal-dialog {
  transition: transform 0.2s ease-out;
}

.new-header-modal-toggle {
  position: absolute;
  width: 20%;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 576px) {
  .new-header-modal-toggle {
    display: none;
  }
}

.new-header-modal-content {
  text-align: left;
  padding: 37px 40px;
  position: relative;
}

.new-header-modal-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #000000;
  text-decoration: none;
}
.new-header-modal-item:not(:last-child) {
  padding-bottom: 26px;
}

.new-header-modal-close {
  position: absolute;
  bottom: -70px;
  right: 32%;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50px;
  text-align: center;
}

.btn, .btn-contrast, .btn-light, .btn-secondary, .btn-back, .btn-primary {
  border-radius: 6px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 10px 40px;
  box-shadow: none;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}
.btn:disabled, .btn-contrast:disabled, .btn-light:disabled, .btn-secondary:disabled, .btn-back:disabled, .btn-primary:disabled {
  opacity: 0.6;
}
.btn.--mobile, .--mobile.btn-contrast, .--mobile.btn-light, .--mobile.btn-secondary, .--mobile.btn-back, .--mobile.btn-primary {
  width: 100%;
}
@media (min-width: 576px) {
  .btn.--mobile, .--mobile.btn-contrast, .--mobile.btn-light, .--mobile.btn-secondary, .--mobile.btn-back, .--mobile.btn-primary {
    width: auto;
  }
}
.btn.--desktop, .--desktop.btn-contrast, .--desktop.btn-light, .--desktop.btn-secondary, .--desktop.btn-back, .--desktop.btn-primary {
  display: none;
}
@media (min-width: 576px) {
  .btn.--desktop, .--desktop.btn-contrast, .--desktop.btn-light, .--desktop.btn-secondary, .--desktop.btn-back, .--desktop.btn-primary {
    display: flex;
  }
}

.btn-primary {
  background-color: #F8E71C;
}

.btn-dark {
  text-decoration: none;
  color: #000000;
}

.btn-back {
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
@media (min-width: 576px) {
  .btn-back.--mobile {
    display: none;
  }
}

.btn-secondary {
  background-color: #000;
  color: #fff;
}

.btn-light {
  border-color: #E0DFDC;
}

.btn-contrast {
  background: #FFFFFF;
  border: 1px solid #000000;
  color: #000;
  width: 100%;
}

.collapse__row .collapse__body {
  display: none;
}

.collapse__row .collapse__header i {
  transform: rotate(180deg);
}

.collapse__row--open .collapse__body {
  display: block;
}

.collapse__row--open .collapse__header i {
  transform: rotate(0);
}

.collapse__row .collapse__body {
  display: none;
}

.collapse__row .collapse__header i {
  transform: rotate(180deg);
}

.collapse__row--open .collapse__body {
  display: block;
}

.collapse__row--open .collapse__header i {
  transform: rotate(0);
}

.bonus-row-stack .bonus-row {
  margin-top: 24px;
  flex-wrap: nowrap;
}

.bonus-row-stack .bonus-row {
  transition: background-color ease 0.2s;
  padding-top: 8px;
  padding-bottom: 8px;
}

.bonus-row-stack .bonus-row:hover {
  background-color: #eaeaea;
}

.extra-row {
  display: none;
}

.extra-row--visible {
  display: block;
}

.mb-sm-2 {
  margin-bottom: 8px;
}

.span-9 {
  flex: 0 0 452px;
  max-width: 452px;
}

.fz-3 {
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 1264px) {
  .bonus-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
  }
  .bonus-row > div {
    padding-left: 8px;
    padding-right: 8px;
  }
}
a.text-muted {
  transition: color ease 0.2s;
}

a.text-muted:hover {
  color: #000;
}

.table__row {
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 18px;
}

.table__row--fines > div:first-child {
  position: static;
  width: 156px;
}

.table__row--fines > div:nth-child(2) {
  margin-left: 0;
  flex: 0 0 78px;
  max-width: 78px;
}

.table__row--fines > div:nth-child(3) {
  margin-left: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.table__row > div + div {
  flex: 0 0 68px;
  max-width: 68px;
  margin-left: 12px;
}

.table__row > div:first-child {
  width: 100px;
  position: absolute;
  left: 0;
  background-color: #fff;
}

.table__row {
  padding-top: 8px;
  padding-bottom: 8px;
}

.collapse__row + .collapse__row {
  margin-top: 48px;
}

.collapse__toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.collapse__toggle:hover > i {
  border-color: var(--greyish-brown);
}

.collapse__toggle > i {
  transition: border-color ease 0.2s;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 6l3-6 3 6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 6px 6px;
  display: block;
  position: absolute;
  left: 100%;
  top: 8px;
}

.collapse__toggle.collapsed > i {
  transform: rotate(180deg);
}

.collapse__header + .collapse__body {
  margin-top: 32px;
}

@media (max-width: 1263px) {
  .collapse__row + .collapse__row {
    margin-top: 40px;
  }
  .collapse__header + .collapse__body {
    margin-top: 24px;
  }
  .collapse__toggle {
    padding-right: 48px;
  }
  .collapse__toggle > i {
    width: 32px;
    height: 32px;
    margin-left: 0;
    left: auto;
    right: 0;
    top: 0;
  }
}
.row-head.--1, .row-point.--1 {
  flex: 0 0 192px;
  max-width: 192px;
}
.row-head.--2, .row-point.--2 {
  flex: 0 0 140px;
  max-width: 140px;
}
.row-head.--3, .row-point.--3 {
  flex: 0 0 88px;
  max-width: 88px;
}

.span-12 {
  flex: 0 0 608px;
  max-width: 608px;
}

@media (max-width: 1263px) {
  .d-sm-none {
    display: none;
  }
}
.table--default:before {
  display: none;
}

.table {
  position: relative;
}

.table:before {
  content: "";
  width: 1px;
  background-color: #e1e1e1;
  position: absolute;
  left: 100px;
  top: 0;
  bottom: 0;
}

.table__header {
  padding-top: 0;
  font-size: 12px;
  line-height: 15px;
}

.table__header > div {
  padding-top: 0;
  min-height: 30px;
}

.ta-r {
  text-align: right;
}

.fz-3 {
  font-size: 16px;
  line-height: 20px;
}

.panel-desktop {
  display: none;
}
@media (min-width: 576px) {
  .panel-desktop {
    display: block;
  }
}

.accordion__row--open > .accordion__body {
  display: block;
}

.accordion__body {
  display: none;
}

.accordion__toggle > i {
  transition: border-color ease 0.2s;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 6l3-6 3 6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 6px 6px;
  display: block;
  position: absolute;
  left: 100%;
  top: 8px;
  transform: rotate(180deg);
}

.accordion__row--open .accordion__toggle > i {
  transform: rotate(0);
}

.promo-step__label .is-active {
  margin-bottom: 40px;
}

.accordion__row + .accordion__row {
  margin-top: 48px;
}

.accordion__toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.accordion__toggle:hover > i {
  border-color: var(--greyish-brown);
}

.accordion__toggle > i {
  transition: border-color ease 0.2s;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 6l3-6 3 6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 6px 6px;
  display: block;
  position: absolute;
  left: 100%;
  top: 8px;
}

.accordion__toggle.collapsed > i {
  transform: rotate(180deg);
}

.accordion__header + .accordion__body {
  margin-top: 32px;
}

@media (max-width: 1263px) {
  .accordion__row + .accordion__row {
    margin-top: 40px;
  }
  .accordion__header + .accordion__body {
    margin-top: 24px;
  }
  .accordion__toggle {
    padding-right: 48px;
  }
  .accordion__toggle > i {
    width: 32px;
    height: 32px;
    margin-left: 0;
    left: auto;
    right: 0;
    top: 0;
  }
}
.accordion__toggle {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .accordion__toggle {
    display: inline-block;
  }
}

.bonus-row-stack > .bonus-row {
  transition: background-color ease 0.2s;
  padding-top: 8px;
  padding-bottom: 8px;
  flex-wrap: nowrap;
}

.row-stack__head {
  margin-bottom: 24px;
}

.bonus-fines.--desktop {
  display: none;
}
@media (min-width: 576px) {
  .bonus-fines.--desktop {
    display: block;
  }
}
.bonus-fines.--mobile {
  display: block;
}
@media (min-width: 576px) {
  .bonus-fines.--mobile {
    display: none;
  }
}

.ln-underline {
  white-space: nowrap;
}

.ln-underline {
  cursor: pointer;
  text-decoration: underline;
}

.ln-underline:hover {
  text-decoration: none;
}

.profile-log__item {
  display: flex;
  justify-content: space-between;
}
.profile-log__time {
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #555555;
}
.profile-log__id {
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
}

.profile-title {
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 25px;
}

.profile-csv {
  margin-bottom: 52px;
}

.profile-nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-bottom: 1px solid #000000;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .profile-nav {
    border-right: 1px solid #000;
    border-bottom: none;
    padding-bottom: 10px;
    padding-right: 43px;
    margin-bottom: 0;
    position: sticky;
    top: 151px;
  }
}
.profile-nav__item {
  display: flex;
  gap: 13px;
  padding: 8px 15px;
  border: 1px solid transparent;
  white-space: nowrap;
  text-decoration: none;
}
.profile-nav__item.--active {
  border-color: #000000;
  border-radius: 6px;
}
.profile-nav__text {
  font-size: 14px;
  line-height: 18px;
  color: #000;
}

.profile-bot {
  margin-bottom: 34px;
}

.profile-personal-form {
  width: 100%;
  margin-bottom: 52px;
}
.profile-personal-form__field {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}
.profile-personal-form__field .new-form-control, .profile-personal-form__field .new-form-search .multiselect__tags, .new-form-search .profile-personal-form__field .multiselect__tags {
  background-color: #F5F4F2;
}
.profile-personal-form__submit {
  margin-top: 25px;
}

.profile-password-form {
  width: 100%;
  margin-bottom: 52px;
}
.profile-password-form__field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.profile-password-form__submit {
  margin-top: 25px;
}

.profile-code {
  margin-bottom: 28px;
  position: relative;
}
.profile-account {
  background: #F5F4F2;
  border-radius: 6px;
  padding: 7px 14px;
  display: flex;
  justify-content: space-between;
}
.profile-account__text {
  font-size: 14px;
  line-height: 24px;
}

.profile-accounts-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 52px;
}

.profile-settings {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 52px;
}
.profile-settings__item {
  display: flex;
  justify-content: space-between;
}
.profile-settings__item:not(:last-child, :first-child) {
  margin-bottom: 25px;
}
.profile-settings__title {
  font-size: 14px;
  line-height: 24px;
}

.page__main-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-trader-not-found {
  max-width: 500px;
  text-align: center;
  margin: 50px auto 0 auto;
}
@media (min-width: 576px) {
  .page-trader-not-found {
    margin-top: 0;
  }
}

.page-trader-not-found-img {
  margin-bottom: 15px;
}

.bot-ad {
  background: #F8E71C;
  border-radius: 6px;
  padding: 21px 20px 18px 30px;
}
.bot-ad__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  align-items: center;
}
.bot-ad__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.bot-ad__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
}
.bot-ad__text {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}

.new-refs-table .new-filters {
  margin-bottom: 22px;
}
@media (min-width: 576px) {
  .new-refs-table .new-filters {
    border-radius: 7px;
    background-color: #F5F4F2;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.new-refs-table .new-filters > .new-btn,
.new-refs-table .play {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f8e71c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 0l6 4-6 4z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 6px 8px;
  background-position: 50% 50%;
  cursor: pointer;
  text-indent: -9999px;
  margin-left: 8px;
}
@media (min-width: 576px) {
  .new-refs-table .new-filters > .new-btn,
  .new-refs-table .play {
    width: 24px;
    height: 24px;
  }
}
.new-refs-table .new-filters .btn-group > .btn, .new-refs-table .new-filters .btn-group > .btn-primary, .new-refs-table .new-filters .btn-group > .btn-back, .new-refs-table .new-filters .btn-group > .btn-secondary, .new-refs-table .new-filters .btn-group > .btn-light, .new-refs-table .new-filters .btn-group > .btn-contrast {
  padding: 0 3px 0 8px;
  border: 1px solid #bdbdbd;
  line-height: 26px;
  position: relative;
  cursor: pointer;
}

.new-grids-datepicker {
  display: inline-block;
  width: 40%;
}
@media (max-width: 576px) {
  .new-grids-datepicker:not(:first-child) {
    margin-left: 10px;
  }
}
@media (min-width: 576px) {
  .new-grids-datepicker {
    min-width: unset;
    width: initial;
    display: flex;
    align-items: center;
  }
}

.new-date-picker {
  height: 50px;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
  border-radius: 0;
  font-size: 14px;
  padding: 0 0 0 16px;
  background-color: #FFF;
  display: block;
  width: 100%;
}
@media (min-width: 576px) {
  .new-date-picker {
    width: 89px;
    padding: 5px;
    height: 100%;
    text-align: center;
  }
}

.ref-checkbox {
  height: 50px;
  margin-top: 12px;
  display: inline-block;
  width: 83%;
  position: relative;
  border: 1px solid #BDBDBD;
  margin-right: 0;
}
@media (min-width: 576px) {
  .ref-checkbox {
    width: 105px;
    margin-top: unset;
    height: initial;
  }
}
.ref-checkbox.dropdown-menu > li + li {
  margin-top: 8px;
}
.ref-checkbox > .btn, .ref-checkbox > .btn-primary, .ref-checkbox > .btn-back, .ref-checkbox > .btn-secondary, .ref-checkbox > .btn-light, .ref-checkbox > .btn-contrast {
  padding: 0 24px 0 8px;
  border: 1px solid #bdbdbd;
  line-height: 26px;
  position: relative;
  cursor: pointer;
}
.ref-checkbox > .dropdown-menu {
  border: 1px solid #bdbdbd;
  margin-top: 8px;
  min-width: 120px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  background-color: #fff;
  font-size: 14px;
  display: none;
}
.ref-checkbox.open > .dropdown-menu {
  display: block;
}

.ref-checkbox-toggle {
  height: 100%;
  width: 100%;
  border: none;
}
@media (min-width: 576px) {
  .ref-checkbox-toggle {
    background-color: #FFF;
    padding: 5px 10px;
  }
}

.balance {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .balance {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.balance__title {
  color: #000;
  opacity: 0.4;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 5px;
}
@media (max-width: 576px) {
  .balance__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
  }
}
.balance__title-hint {
  width: 15px;
  height: 15px;
  border: 1px solid #f8e71c;
  font-size: 12px;
  border-radius: 50%;
  background-color: #f8e71c;
  text-align: center;
  text-decoration: none;
  color: black;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.balance__wrapper {
  display: flex;
  gap: 7px;
}
.balance__paragraph {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 576px) {
  .balance__paragraph {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
  }
}

.article-latest__items {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 17px;
}
@media (min-width: 576px) {
  .article-latest__items {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
    -moz-column-gap: 17px;
         column-gap: 17px;
  }
}
.article-latest__title {
  margin-bottom: 46px;
}

.article-latest-item__header {
  display: flex;
  gap: 6px;
  margin-bottom: 7px;
}
.article-latest-item__subtitle, .article-latest-item__date {
  font-size: 10px;
  line-height: 150%;
  white-space: nowrap;
}
.article-latest-item img {
  width: 100%;
  margin-bottom: 11px;
}
.article-latest-item__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 7px;
}
.article-latest-item__description {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.article-content {
  margin-bottom: 53px;
}
.article-content h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 40px;
}
.article-content h2 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.article-content p {
  margin-bottom: 14px;
}
.article-content figure {
  margin-top: 40px;
}
.article-content figure blockquote {
  position: relative;
  width: 100%;
  max-width: 553px;
  text-align: left;
  margin: 0 0 23px;
}
.article-content figure blockquote:after {
  content: "";
  height: 48px;
  width: 8px;
  display: block;
  position: absolute;
  left: -43px;
  top: 0;
  background-color: #f8e71c;
}
.article-content figure blockquote p {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
}
.article-content figure figcaption {
  margin-right: 46px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
}
.article-content ul, .article-content ol {
  padding-left: 15px;
  margin-top: 14px;
  list-style: initial;
}
.article-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.article-content li {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
}

.article-preview__header {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 17px;
}
.article-preview__title {
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
}
.article-preview__title-main {
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 10px;
  text-decoration: none;
  color: black;
}
.article-preview__date {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
}
.article-preview__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 13;
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  outline: 0;
}
.modal.show {
  display: block;
}

@media (min-width: 576px) {
  .modal-border-ultra-light {
    border-color: #BDBDBD;
  }
}

.modal-currency {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 90%;
  max-height: 90%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.2s ease-out;
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-body {
  max-height: calc(100vh - 200px);
  overflow: auto;
}

.fade {
  transition: opacity 0.15s linear;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-color: #FFFFFF;
  border-radius: 8px;
  background-clip: padding-box;
  margin: 0 auto;
  outline: 0;
}

.modal-statistic {
  padding: 32px 15px;
  width: 100%;
  max-width: 974px;
}
@media (min-width: 576px) {
  .modal-statistic {
    padding: 32px 37px;
  }
}

.modal-scrollable {
  overflow-x: auto;
}
.modal-scrollable table {
  min-width: 1040px;
}
@media (min-width: 576px) {
  .modal-scrollable table {
    min-width: 870px;
  }
}

.modal-promo-dialog {
  margin: 0;
}
@media (min-width: 576px) {
  .modal-promo-dialog {
    margin: 1.75rem;
  }
}

.modal-postback {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 576px) {
  .modal-postback {
    gap: 30px;
  }
}
.modal-postback.--hide {
  display: none;
}

.modal-promo-wrapper.modal {
  background-color: #f5f4f2;
}
@media (min-width: 576px) {
  .modal-promo-wrapper.modal {
    background-color: transparent;
  }
}

.modal-promo {
  width: 100%;
}
@media (min-width: 576px) {
  .modal-promo {
    width: 600px;
    padding: 24px 24px 38px;
  }
}
.modal-promo.modal-content {
  border-radius: 0;
  height: -moz-fit-content;
  height: fit-content;
  background-color: transparent;
}
@media (min-width: 576px) {
  .modal-promo.modal-content {
    border-radius: 6px;
    height: unset;
    background-color: #FFFFFF;
  }
}

.modal-close {
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
}

.modal-statistic-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 38px;
}
@media (min-width: 576px) {
  .modal-statistic-header {
    justify-content: center;
  }
}

.modal-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
}

.modal-flag {
  margin-right: 10px;
}

.modal-promo-header {
  background-color: #FFFFFF;
  padding: 20px 16px;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .modal-promo-header {
    margin-bottom: 38px;
    padding: 0;
  }
}

.modal-promo-form {
  display: flex;
  flex-direction: column;
  padding: 0 16px 20px;
  gap: 20px;
}
@media (min-width: 576px) {
  .modal-promo-form {
    padding: 0;
    gap: 30px;
  }
}

.modal-activity .active__title {
  display: none;
}
@media (min-width: 576px) {
  .modal-activity .active__title {
    display: block;
  }
}

.modal-promo-copy {
  display: flex;
  gap: 16px;
}
.modal-promo-copy .form-control {
  flex-grow: 1;
}

.modal-form-field {
  justify-content: space-between;
}
@media (min-width: 576px) {
  .modal-form-field {
    justify-content: flex-start;
  }
}

.modal-promo-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-promo-link {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #000000;
  text-decoration: none;
  display: flex;
  gap: 12px;
  align-items: center;
  cursor: pointer;
}
.modal-promo-link.--close i {
  background-image: url("../images/promo-delete.svg");
}

.modal-promo-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 576px) {
  .modal-promo-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }
}

.new-popup {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.new-popup__dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  background-color: #fff;
  max-height: 90%;
  overflow: auto;
}

.new-popup__content {
  padding: 24px;
  position: relative;
}

.new-popup__close {
  padding-top: 12px;
  padding-right: 12px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

@media (max-width: 1263px) {
  .new-popup {
    align-items: flex-start;
  }
  .new-popup__dialog {
    margin: 4% 0;
  }
  .new-popup__content {
    padding: 20px;
  }
}
.new-popup:not(.new-popup--open) {
  display: none;
}

.im-notification-popup .new-popup__dialog {
  max-width: 461px;
}
.im-notification-popup .heading {
  font-size: 14px;
  font-weight: normal;
}
.im-notification-popup .im-notification-popup__theme {
  font-size: 20px;
  font-weight: 600;
}
.im-notification-popup .im-notification-popup__date {
  font-size: 12px;
  font-weight: 400;
  color: #BABABA;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 1rem;
  padding: 20px;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  box-shadow: 0px 10.6663px 30px rgba(0, 0, 0, 0.1);
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu.--full {
  width: 100%;
}
.dropdown-menu.--column {
  width: 200px;
}

.dropdown, .dropstart {
  position: relative;
  border: none;
}

.dropdown-item, .new-form-search .multiselect__content .multiselect__element {
  display: block;
  position: relative;
  width: 100%;
  font-weight: 400;
  color: #000000;
  text-align: inherit;
  text-decoration: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
}
.dropdown-item:not(:last-child), .new-form-search .multiselect__content .multiselect__element:not(:last-child) {
  padding-bottom: 15px;
}
.dropdown-item.--active:before, .new-form-search .multiselect__content .--active.multiselect__element:before {
  content: "";
  width: 3px;
  left: -10px;
  top: 6px;
  position: absolute;
  height: 3px;
  background-color: black;
  border-radius: 50px;
}
.dropdown-item:hover, .new-form-search .multiselect__content .multiselect__element:hover {
  text-decoration: underline;
  transition: -webkit-text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease;
}

.dropdown-toggle.select-filter {
  min-width: 138px;
}
.dropdown-toggle.show {
  border: 1px solid #000000;
}
.dropdown-toggle.show i {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

#dropdown-media-users.show {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.property-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 16px;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .property-list {
    -moz-column-gap: 60px;
         column-gap: 60px;
    grid-template-columns: repeat(2, auto);
  }
}
.property-list__value, .property-list__name {
  min-width: 0;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.property-list__name {
  font-weight: 600;
}

@media (min-width: 576px) {
  .page-trader {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 44px 22px 80px;
  }
}
.page-trader__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
  width: 100%;
}
@media (min-width: 576px) {
  .page-trader__header {
    flex-direction: row;
    margin-bottom: 140px;
  }
}
.page-trader__props {
  border-top: 1px solid #D8D8D8;
  padding-top: 38px;
  margin-top: 38px;
}
@media (min-width: 576px) {
  .page-trader__props {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
    border-right: 1px solid #000;
    padding-right: 75px;
  }
}
.page-trader__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
}
.page-trader__left {
  order: 2;
}
@media (min-width: 576px) {
  .page-trader__left {
    order: 1;
  }
}
.page-trader__right {
  order: 1;
}
@media (min-width: 576px) {
  .page-trader__right {
    padding-left: 146px;
    order: 2;
  }
}

.page-trader-header {
  display: block;
}
.page-trader-header__id {
  color: #555;
  font-size: 22px;
  line-height: 28px;
}
@media (min-width: 576px) {
  .page-trader-header__id {
    display: none;
  }
}
@media (min-width: 576px) {
  .page-trader-header__back {
    display: none;
  }
}
.page-trader-header__search {
  display: none;
}
@media (min-width: 576px) {
  .page-trader-header__search {
    display: block;
  }
}

.page-trader-payment-detail {
  display: block;
}

.page-trader-panel-toggler {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: -20px;
  height: 38px;
}
@media (min-width: 576px) {
  .page-trader-panel-toggler {
    display: none;
  }
}

.page-trader-panel__outer-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .page-trader-panel__outer-title {
    display: none;
  }
}
.page-trader-panel__inner-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-left: 15px;
  display: none;
}
@media (min-width: 576px) {
  .page-trader-panel__inner-title {
    display: block;
  }
}
.page-trader-panel__datepicker {
  position: relative;
  width: 100%;
  justify-content: center;
}
@media (min-width: 576px) {
  .page-trader-panel__datepicker {
    width: auto;
    justify-content: unset;
  }
}

.page-trader-panel-collapse {
  position: relative;
}

@media (min-width: 576px) {
  .page-trader-currency {
    margin-bottom: 12px;
  }
}

.daterangepicker.opensleft[data-v-1ebd09d2] {
  left: auto;
  right: 10px;
}

.toolbar-datepicker {
  width: auto;
}

input.toolbar-datepicker {
  padding: 7px 36px 7px 12px;
  box-sizing: border-box;
  background-color: #fff;
  margin-right: 15px;
  max-width: 184px;
  width: 100%;
}

input.toolbar-datepicker:last-child {
  margin-right: 0;
}

.rangedatepicker__container {
  display: flex;
}

.daterangepicker {
  padding: 20px;
  border-radius: 8px;
  margin-top: 16px;
  left: 0;
  position: absolute;
  z-index: 1001;
  background-color: #FFF;
}

.show-calendar {
  display: block;
}

.yearselect {
  width: 50px;
  margin-left: 10px;
}

.cab-datepicker.vue-daterange-picker {
  position: relative;
  border: none;
  padding: 10px 15px 10px;
  width: 215px;
  min-width: unset;
  width: 100%;
  justify-content: flex-end;
}
.cab-datepicker.vue-daterange-picker:before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 10px;
  z-index: 1;
}
.cab-datepicker.vue-daterange-picker .toolbar-datepicker {
  padding-left: 20px;
}
.cab-datepicker .calendars {
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .cab-datepicker .calendars {
    flex-wrap: nowrap;
    display: flex;
  }
  .cab-datepicker .calendars .calendars-container {
    display: flex;
  }
}
.cab-datepicker .reportrange-text {
  border: none;
  white-space: nowrap;
  padding: 0 0 0 20px;
  justify-content: center;
}
.cab-datepicker .daterangepicker {
  border: none;
  box-shadow: 0px 10.6663px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 32px 20px;
  max-width: 315px;
}
.cab-datepicker .daterangepicker:after, .cab-datepicker .daterangepicker:before {
  display: none;
}
@media (min-width: 576px) {
  .cab-datepicker .daterangepicker {
    padding: inherit 0;
    max-width: unset;
    min-width: 682px;
  }
}
@media (min-width: 576px) {
  .cab-datepicker .daterangepicker .calendars-container {
    gap: 20px;
  }
}
.cab-datepicker .daterangepicker.ltr .drp-calendar {
  max-width: 230px;
}
.cab-datepicker .daterangepicker.ltr .drp-calendar.left {
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .cab-datepicker .daterangepicker.ltr .drp-calendar.left {
    border-left: 1px solid #000000;
    padding-left: 30px;
  }
}
.cab-datepicker .daterangepicker .drp-buttons .btn, .cab-datepicker .daterangepicker .drp-buttons .btn-primary, .cab-datepicker .daterangepicker .drp-buttons .btn-back, .cab-datepicker .daterangepicker .drp-buttons .btn-secondary, .cab-datepicker .daterangepicker .drp-buttons .btn-light, .cab-datepicker .daterangepicker .drp-buttons .btn-contrast {
  margin-left: 0;
}
.cab-datepicker .daterangepicker .ranges li.active {
  background-color: #000000;
  color: #f8e71c;
}
.cab-datepicker .daterangepicker.ltr .drp-calendar.right {
  padding: 0;
}
@media (min-width: 576px) {
  .cab-datepicker .daterangepicker.ltr .drp-calendar.right {
    padding-right: 30px;
  }
}
.cab-datepicker .daterangepicker td.in-range {
  background-color: #f8e71c;
  border-width: 0.5px 0px 0.5px 0px;
  border-style: solid;
  border-color: #000000;
  border-radius: 0;
  color: #6A6A6D;
}
.cab-datepicker .daterangepicker td.start-date, .cab-datepicker .daterangepicker td.end-date {
  background: #000;
  color: #f8e71c;
  font-weight: 400;
  font-size: 12px;
  padding: unset;
  line-height: 22px;
  border-color: transparent;
  border-radius: 40px;
  min-width: unset;
  width: 30px;
  height: 30px;
  max-width: 30px;
  position: relative;
  text-align: center;
  z-index: 2;
}
.cab-datepicker .daterangepicker td {
  width: 30px;
  height: 30px;
  min-width: unset;
  text-align: center;
  max-width: 30px;
}
.cab-datepicker .daterangepicker .calendar-table .row.mx-1 {
  flex-wrap: nowrap;
  justify-content: center;
}
.cab-datepicker .daterangepicker .calendar-table .prev span {
  border: none;
  transform: rotate(0);
}
.cab-datepicker .daterangepicker .calendar-table .next span {
  border: none;
  transform: rotate(180deg);
}
.cab-datepicker .daterangepicker .calendar-table table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
}
.cab-datepicker .daterangepicker .calendar-table table tr:first-child {
  text-transform: uppercase;
}
.cab-datepicker .daterangepicker .calendar-table table tr th {
  color: #AFAFAF;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.cab-datepicker .btn, .cab-datepicker .btn-primary, .cab-datepicker .btn-back, .cab-datepicker .btn-secondary, .cab-datepicker .btn-light, .cab-datepicker .btn-contrast {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-left: 0;
}
@media (min-width: 576px) {
  .cab-datepicker .btn, .cab-datepicker .btn-primary, .cab-datepicker .btn-back, .cab-datepicker .btn-secondary, .cab-datepicker .btn-light, .cab-datepicker .btn-contrast {
    margin-left: 8px;
  }
}
.cab-datepicker .btn-success {
  background: #F8E71C;
  border-radius: 6px;
  color: black;
  font-family: "IBM Plex Sans";
}
.cab-datepicker .btn-secondary {
  background: none;
  color: black;
}
.cab-datepicker .drp-buttons {
  border-top: none;
}
@media (min-width: 576px) {
  .cab-datepicker .drp-buttons {
    text-align: right;
    padding: 8px;
    line-height: 12px;
    vertical-align: middle;
    display: flex;
    justify-content: flex-end;
  }
}
.cab-datepicker .drp-buttons div {
  display: flex;
}
.cab-datepicker .drp-buttons .btn, .cab-datepicker .drp-buttons .btn-primary, .cab-datepicker .drp-buttons .btn-back, .cab-datepicker .drp-buttons .btn-secondary, .cab-datepicker .drp-buttons .btn-light, .cab-datepicker .drp-buttons .btn-contrast {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 33px;
}
.cab-datepicker .drp-selected {
  display: none;
}
@media (min-width: 576px) {
  .cab-datepicker .ranges {
    margin-right: 24px;
  }
}
.cab-datepicker .ranges ul {
  display: flex;
}
@media (min-width: 576px) {
  .cab-datepicker .ranges ul {
    display: block;
  }
}
.cab-datepicker .ranges ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  padding: 8px 12px;
}

@media screen and (max-width: 580px) {
  .daterangepicker.show-ranges .ranges[data-v-1ebd09d2] ul {
    flex-wrap: unset;
    overflow-x: auto;
    white-space: nowrap;
    width: 275px;
    gap: 5px;
    padding-bottom: 20px;
  }
  .daterangepicker.show-ranges .ranges[data-v-1ebd09d2] ul li {
    border: 1px solid #DADADA;
    border-radius: 26px;
  }
}
@media screen and (max-width: 570px) {
  .daterangepicker.show-ranges .ranges[data-v-1ebd09d2] {
    border: none;
  }
}
.activation {
  height: 100vh;
  padding: 23px 180px;
}
.activation__container {
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 16px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.activation-icon {
  background-image: url("../images//activation.svg");
  width: 90px;
  height: 26px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-bottom: 40px;
}
.activation__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
  width: 350px;
}
.activation__title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
  color: #000;
}
.activation__text {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 30px;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: 6px;
  font-weight: 600;
}
.alert-default {
  background-color: #12cbc4;
  color: #4a4a4a;
}
.alert-success {
  background-color: #f8e71c;
  color: #000;
}
.alert-info {
  background-color: #7ed6df;
  color: #4a4a4a;
}
.alert-warning {
  background-color: #f0932b;
  color: #4a4a4a;
}
.alert-danger {
  background-color: #ee5253;
  color: #ffffff;
}

*, *:before, *:after {
  box-sizing: border-box;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
  padding: 0 !important;
  background-color: #f5f4f2;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 576px) {
  body {
    background-color: #FFF;
  }
}

a {
  text-decoration: none;
  color: #000;
}

ol, ul {
  padding: 0;
  margin: 0;
  list-style: none none;
}

select, input, button {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}

input:focus, select:focus, button:focus, textarea:focus {
  outline: none;
}

body, button, input, textarea {
  font-family: "IBM Plex Sans", sans-serif;
  color: #000;
}

textarea {
  resize: none;
}

body {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

p {
  margin: 0;
}