@charset "UTF-8";

body { 
  font-family: "Segoe UI", sans-serif, "Open Sans" !important;
  font-size:12pt;
  color: #606060;
}

/* 
----------------------------
text
----------------------------
*/

.fs-7
{
  font-size: 0.9rem;
}

.bg-vorwerk
{  
  background-color: #2ca05d;
}

.bg-anthrazit
{    
  background-color: #202020;
}

.text-vorwerk
{
  color: #2ca05d;
}

.text-anthrazit
{
  color: #606060;
}

div.clickable:hover, div.dblclickable:hover
{
  background-color: #e0e0e0 !important;
  cursor:pointer;
}

.text-gray
{
  color: #c0c0c0;
}

.border-gray
{
  border-color: #d0d0d0;
}

.bg-gray
{
  background-color: #f0f0f0;
}

.border-white
{
  border-color: #ffffff;
}

.icon
{
  width: 140px;
  height: 120px;
}

.bg-common-row
{
  background-color: #fbfbfb;
}

.bg-common
{
  background-color: #ffffff;
}

.bg-uncommon-row
{
  background-color: #88ffc8;
}

.bg-uncommon
{
  background-color: #a8ffd8;
}

.bg-rare-row
{
  background-color: #8fc0ff;
}

.bg-rare
{
  background-color: #b0d3ff;
}

.bg-epic-row
{
  background-color: #cd92ff;
}

.bg-epic
{
  background-color: #dcb2ff;
}

.bg-legandary-row
{
  background-color: #ffd591;
}

.bg-legandary
{
  background-color: #ffe2b2;
}

.bg-prodigious-row
{
  background-color: #ffa6c6;
}

.bg-prodigious
{
  background-color: #ffc1d9;
}

.bg-ascended-row
{
  background-color: #9ff8ff;
}

.bg-ascended
{
  background-color: #bcfcff;
}

.bg-mystical-row
{
  background-color: #ff8282;
}

.bg-mystical
{
  background-color: #ff8787;
}

/* 
----------------------------
media queries
----------------------------
*/

/* xs */
@media only screen and (max-width: 575px) 
{ 
  .fs-auto
  {
    font-size: 1.4rem;
  }  
  .fs-auto-m
  {
    font-size: 1.2rem;
  }

  .fs-auto-s
  {
    font-size: 0.8rem;
  }
}

/* sm */
@media only screen and (min-width: 576px) and (max-width: 767px) 
{ 
  .fs-auto
  {
    font-size: 1.6rem;
  }

  .fs-auto-m
  {
    font-size: 1.3rem;
  }

  .fs-auto-s
  {
    font-size: 0.9rem;
  }
}

/* md */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  .fs-auto
  {
    font-size: 2rem;
  }

  .fs-auto-m
  {
    font-size: 1.4rem;
  }

  .fs-auto-s
  {
    font-size: 1rem;
  }
}

/* lg */
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
  .fs-auto
  {
    font-size: 2.4rem;
  }

  .fs-auto-m
  {
    font-size: 1.6rem;
  }

  .fs-auto-s
  {
    font-size: 1.1rem;
  }
}

/* xl */
@media only screen and (min-width: 1200px) and (max-width: 1399px)
{  
  .fs-auto
  {
    font-size: 2.7em;
  }

  .fs-auto-m
  {
    font-size: 1.8rem;
  }

  .fs-auto-s
  {
    font-size: 1.2rem;
  }
}

/* xxl */
@media only screen and (min-width: 1400px) 
{  
  .fs-auto
  {
    font-size: 3rem;
  }

  .fs-auto-m
  {
    font-size: 2rem;
  }

  .fs-auto-s
  {
    font-size: 1.3rem;
  }
}