﻿.theme-chooser
{
  padding-left: 15px
}

.theme-chooser > div, .theme-chooser span
{
  vertical-align: middle;
  display: inline-block
}

.theme-chooser > div
{
  width: 26px;
  height: 24px
}

.theme-chooser span
{
  padding-left: 30px;
  padding-top: 4px;
}

.theme-chooser span.dx-textbox
{
  padding-left: 0
}

.theme-chooser > div
{
  width: 26px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center
}

.theme-chooser > div.light
{
  background-image: url(../images/light.svg)
}

.theme-chooser > div.dark
{
  background-image: url(../images/dark.svg)
}

.theme-chooser > div.contrast
{
  background-image: url(../images/contrast.svg)
}

.theme-chooser > div.softblue
{
  background-image: url(../images/softblue.svg)
}

.theme-chooser > div.carmine
{
  background-image: url(../images/carmine.svg)
}

.theme-chooser > div.darkmoon
{
  background-image: url(../images/darkmoon.svg)
}

.theme-chooser > div.darkviolet
{
  background-image: url(../images/darkviolet.svg)
}

.theme-chooser > div.greenmist
{
  background-image: url(../images/greenmist.svg)
}

.theme-chooser > div.light-compact
{
  background-image: url(../images/light.compact.svg)
}

.theme-chooser > div.dark-compact
{
  background-image: url(../images/dark.compact.svg)
}

.theme-chooser > div.carmine-compact
{
  background-image: url(../images/carmine.compact.svg)
}

.theme-chooser > div.softblue-compact
{
  background-image: url(../images/softblue.compact.svg)
}

.theme-chooser > div.darkmoon-compact
{
  background-image: url(../images/darkmoon.compact.svg)
}

.theme-chooser > div.darkviolet-compact
{
  background-image: url(../images/darkviolet.compact.svg)
}

.theme-chooser > div.greenmist-compact
{
  background-image: url(../images/greenmist.compact.svg)
}

.theme-chooser > div.contrast-compact
{
  background-image: url(../images/contrast.compact.svg)
}

.theme-chooser > div.material-blue-light
{
  background-image: url(../images/material.blue.light.svg)
}

.theme-chooser > div.material-blue-dark
{
  background-image: url(../images/material.blue.dark.svg)
}

.theme-chooser > div.material-lime-light
{
  background-image: url(../images/material.lime.light.svg)
}

.theme-chooser > div.material-lime-dark
{
  background-image: url(../images/material.lime.dark.svg)
}

.theme-chooser > div.material-orange-light
{
  background-image: url(../images/material.orange.light.svg)
}

.theme-chooser > div.material-orange-dark
{
  background-image: url(../images/material.orange.dark.svg)
}

.theme-chooser > div.material-purple-light
{
  background-image: url(../images/material.purple.light.svg)
}

.theme-chooser > div.material-purple-dark
{
  background-image: url(../images/material.purple.dark.svg)
}

.theme-chooser > div.material-teal-light
{
  background-image: url(../images/material.teal.light.svg)
}

.theme-chooser > div.material-teal-dark
{
  background-image: url(../images/material.teal.dark.svg)
}

.theme-chooser > div.material-blue-light-compact
{
  background-image: url(../images/material.blue.light.compact.svg)
}

.theme-chooser > div.material-blue-dark-compact
{
  background-image: url(../images/material.blue.dark.compact.svg)
}

.theme-chooser > div.material-lime-light-compact
{
  background-image: url(../images/material.lime.light.compact.svg)
}

.theme-chooser > div.material-lime-dark-compact
{
  background-image: url(../images/material.lime.dark.compact.svg)
}

.theme-chooser > div.material-orange-light-compact
{
  background-image: url(../images/material.orange.light.compact.svg)
}

.theme-chooser > div.material-orange-dark-compact
{
  background-image: url(../images/material.orange.dark.compact.svg)
}

.theme-chooser > div.material-purple-light-compact
{
  background-image: url(../images/material.purple.light.compact.svg)
}

.theme-chooser > div.material-purple-dark-compact
{
  background-image: url(../images/material.purple.dark.compact.svg)
}

.theme-chooser > div.material-teal-light-compact
{
  background-image: url(../images/material.teal.light.compact.svg)
}

.theme-chooser > div.material-teal-dark-compact
{
  background-image: url(../images/material.teal.dark.compact.svg)
}
