/* This file is auto-generated by '../../../gen-sprite.js' */

.icon {
  font-size: 12px;
}

img.icon,
.icon.dx-acc-s,
.icon:not(.dx-acc-s):before {
  content: ' ';
  vertical-align: middle;
  display: inline-block;
  background-image: url("sprite.svg?v=7702426d00d562ef7cf64a0fdc0c28e6199206a3");
  background-size: 70.33333333333333em 70.33333333333333em;
  background-repeat: no-repeat;
}

.no-svg .icon:before {
  background-image: url("sprite.png?v=7702426d00d562ef7cf64a0fdc0c28e6199206a3");
}

img.icon.angle-down,
.icon.angle-down.dx-acc-s,
.icon.angle-down:not(.dx-acc-s):before {
  background-position: 0em 0em;
  width: 1em;
  height: 1em;
}
img.icon.angle-right,
.icon.angle-right.dx-acc-s,
.icon.angle-right:not(.dx-acc-s):before {
  background-position: -1em -1em;
  width: 1em;
  height: 1em;
}
img.icon.arrow-left,
.icon.arrow-left.dx-acc-s,
.icon.arrow-left:not(.dx-acc-s):before {
  background-position: -2em -2em;
  width: 1.8333333333333333em;
  height: 1.8333333333333333em;
}
img.icon.arrow-right,
.icon.arrow-right.dx-acc-s,
.icon.arrow-right:not(.dx-acc-s):before {
  background-position: -3.8333333333333335em -3.8333333333333335em;
  width: 1.8333333333333333em;
  height: 1.8333333333333333em;
}
img.icon.arrow-right-long,
.icon.arrow-right-long.dx-acc-s,
.icon.arrow-right-long:not(.dx-acc-s):before {
  background-position: -5.666666666666667em -5.666666666666667em;
  width: 1.1666666666666667em;
  height: 1.1666666666666667em;
}
img.icon.arrow-right-long-selected,
.icon.arrow-right-long-selected.dx-acc-s,
.icon.arrow-right-long-selected:not(.dx-acc-s):before {
  background-position: -6.833333333333333em -6.833333333333333em;
  width: 1.1666666666666667em;
  height: 1.1666666666666667em;
}
img.icon.clear-button,
.icon.clear-button.dx-acc-s,
.icon.clear-button:not(.dx-acc-s):before {
  background-position: -8em -8em;
  width: 1.6666666666666667em;
  height: 1.6666666666666667em;
}
img.icon.cog,
.icon.cog.dx-acc-s,
.icon.cog:not(.dx-acc-s):before {
  background-position: -9.666666666666666em -9.666666666666666em;
  width: 1.8333333333333333em;
  height: 1.8333333333333333em;
}
img.icon.copy,
.icon.copy.dx-acc-s,
.icon.copy:not(.dx-acc-s):before {
  background-position: -11.5em -11.5em;
  width: 2.1666666666666665em;
  height: 2.1666666666666665em;
}
img.icon.copy.dxbButtonHover,
.icon.copy.dxbButtonHover.dx-acc-s,
.icon.copy.dxbButtonHover:not(.dx-acc-s):before {
  background-position: -13.666666666666666em -13.666666666666666em;
  width: 2.1666666666666665em;
  height: 2.1666666666666665em;
}
img.icon.copy.dxbButtonPressed,
.icon.copy.dxbButtonPressed.dx-acc-s,
.icon.copy.dxbButtonPressed:not(.dx-acc-s):before {
  background-position: -15.833333333333334em -15.833333333333334em;
  width: 2.1666666666666665em;
  height: 2.1666666666666665em;
}
img.icon.download,
.icon.download.dx-acc-s,
.icon.download:not(.dx-acc-s):before {
  background-position: -18em -18em;
  width: 1.8333333333333333em;
  height: 1.8333333333333333em;
}
img.icon.drop-down,
.icon.drop-down.dx-acc-s,
.icon.drop-down:not(.dx-acc-s):before {
  background-position: -19.833333333333332em -19.833333333333332em;
  width: 1em;
  height: 1em;
}
img.icon.font,
.icon.font.dx-acc-s,
.icon.font:not(.dx-acc-s):before {
  background-position: -20.833333333333332em -20.833333333333332em;
  width: 1em;
  height: 1em;
}
img.icon.menu,
.icon.menu.dx-acc-s,
.icon.menu:not(.dx-acc-s):before {
  background-position: -21.833333333333332em -21.833333333333332em;
  width: 2.1666666666666665em;
  height: 2.1666666666666665em;
}
img.icon.phone,
.icon.phone.dx-acc-s,
.icon.phone:not(.dx-acc-s):before {
  background-position: -24em -24em;
  width: 6.666666666666667em;
  height: 6.666666666666667em;
}
img.icon.phone-selected,
.icon.phone-selected.dx-acc-s,
.icon.phone-selected:not(.dx-acc-s):before {
  background-position: -30.666666666666668em -30.666666666666668em;
  width: 6.666666666666667em;
  height: 6.666666666666667em;
}
img.icon.play-button,
.icon.play-button.dx-acc-s,
.icon.play-button:not(.dx-acc-s):before {
  background-position: -37.333333333333336em -37.333333333333336em;
  width: 8.333333333333334em;
  height: 8.333333333333334em;
}
img.icon.rotate,
.icon.rotate.dx-acc-s,
.icon.rotate:not(.dx-acc-s):before {
  background-position: -45.666666666666664em -45.666666666666664em;
  width: 6.666666666666667em;
  height: 6.666666666666667em;
}
img.icon.search,
.icon.search.dx-acc-s,
.icon.search:not(.dx-acc-s):before {
  background-position: -52.333333333333336em -52.333333333333336em;
  width: 1.75em;
  height: 1.75em;
}
img.icon.shopping-cart,
.icon.shopping-cart.dx-acc-s,
.icon.shopping-cart:not(.dx-acc-s):before {
  background-position: -54.083333333333336em -54.083333333333336em;
  width: 1.8333333333333333em;
  height: 1.8333333333333333em;
}
img.icon.tablet,
.icon.tablet.dx-acc-s,
.icon.tablet:not(.dx-acc-s):before {
  background-position: -55.916666666666664em -55.916666666666664em;
  width: 6.666666666666667em;
  height: 6.666666666666667em;
}
img.icon.tablet-selected,
.icon.tablet-selected.dx-acc-s,
.icon.tablet-selected:not(.dx-acc-s):before {
  background-position: -62.583333333333336em -62.583333333333336em;
  width: 6.666666666666667em;
  height: 6.666666666666667em;
}
img.icon.three-dots,
.icon.three-dots.dx-acc-s,
.icon.three-dots:not(.dx-acc-s):before {
  background-position: -69.25em -69.25em;
  width: 1.0833333333333333em;
  height: 1.0833333333333333em;
}

.icon.angle-down.dx-acc-s:before {
  left: 0em;
  top: 0em;
}
.icon.angle-right.dx-acc-s:before {
  left: -1em;
  top: -1em;
}
.icon.arrow-left.dx-acc-s:before {
  left: -2em;
  top: -2em;
}
.icon.arrow-right.dx-acc-s:before {
  left: -3.8333333333333335em;
  top: -3.8333333333333335em;
}
.icon.arrow-right-long.dx-acc-s:before {
  left: -5.666666666666667em;
  top: -5.666666666666667em;
}
.icon.arrow-right-long-selected.dx-acc-s:before {
  left: -6.833333333333333em;
  top: -6.833333333333333em;
}
.icon.clear-button.dx-acc-s:before {
  left: -8em;
  top: -8em;
}
.icon.cog.dx-acc-s:before {
  left: -9.666666666666666em;
  top: -9.666666666666666em;
}
.icon.copy.dx-acc-s:before {
  left: -11.5em;
  top: -11.5em;
}
.icon.copy.dxbButtonHover.dx-acc-s:before {
  left: -13.666666666666666em;
  top: -13.666666666666666em;
}
.icon.copy.dxbButtonPressed.dx-acc-s:before {
  left: -15.833333333333334em;
  top: -15.833333333333334em;
}
.icon.download.dx-acc-s:before {
  left: -18em;
  top: -18em;
}
.icon.drop-down.dx-acc-s:before {
  left: -19.833333333333332em;
  top: -19.833333333333332em;
}
.icon.font.dx-acc-s:before {
  left: -20.833333333333332em;
  top: -20.833333333333332em;
}
.icon.menu.dx-acc-s:before {
  left: -21.833333333333332em;
  top: -21.833333333333332em;
}
.icon.phone.dx-acc-s:before {
  left: -24em;
  top: -24em;
}
.icon.phone-selected.dx-acc-s:before {
  left: -30.666666666666668em;
  top: -30.666666666666668em;
}
.icon.play-button.dx-acc-s:before {
  left: -37.333333333333336em;
  top: -37.333333333333336em;
}
.icon.rotate.dx-acc-s:before {
  left: -45.666666666666664em;
  top: -45.666666666666664em;
}
.icon.search.dx-acc-s:before {
  left: -52.333333333333336em;
  top: -52.333333333333336em;
}
.icon.shopping-cart.dx-acc-s:before {
  left: -54.083333333333336em;
  top: -54.083333333333336em;
}
.icon.tablet.dx-acc-s:before {
  left: -55.916666666666664em;
  top: -55.916666666666664em;
}
.icon.tablet-selected.dx-acc-s:before {
  left: -62.583333333333336em;
  top: -62.583333333333336em;
}
.icon.three-dots.dx-acc-s:before {
  left: -69.25em;
  top: -69.25em;
}

.icon.dx-acc-s:before {
  content: url("sprite.svg?v=7702426d00d562ef7cf64a0fdc0c28e6199206a3");
  position: absolute;
  margin: 0;
}