/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
body {
  background-color: #fff;
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  color: #313a3f;
  font-size: 12px;
  margin: 0 auto;
}
body.tpl-sticky-footer {
  position: relative;
  min-height: 100vh;
  padding-bottom: 19.3em;
  box-sizing: border-box;
}
.ts1,
.fs1,
body {
  font-size: 12px;
}
.ts1,
.fs1 {
  line-height: 17px;
}
.ts0,
.fs0 {
  font-size: 10px;
  line-height: 13px;
}
.ts2,
.fs2 {
  font-size: 15px;
  line-height: 20px;
}
.ts3,
.fs3 {
  font-size: 20px;
  line-height: 24px;
}
.ts4,
.fs4 {
  font-size: 24px;
  line-height: 29px;
}
a img,
img {
  border: 0 none;
  vertical-align: top;
}
object {
  display: block;
}
/** the gdLink class has the same properties like a normal 'a' **/
.linkColor {
  color: #116F96;
}
.gdLink,
a,
.gdLink:visited,
a:visited {
  color: #116F96;
  text-decoration: underline;
  cursor: pointer;
}
a:hover .gdLink,
.gdLink:hover,
a:hover {
  color: #029cc4;
}
.gdLink.dark,
a.dark {
  color: #313a3f;
}
.gdLink.dark:hover .gdLink,
.gdLink.dark:hover,
a.dark:hover {
  color: #6a7378;
}
.gdLink.noLink:hover,
a.noLink:hover,
.gdLink.noLink:active,
a.noLink:active,
.gdLink.noLink:visited,
a.noLink:visited,
.gdLink.noLink,
a.noLink {
  color: inherit;
  text-decoration: none;
}
a.semiLink:hover,
a.semiLink:active,
a.semiLink:visited {
  text-decoration: underline;
}
a.semiLink {
  text-decoration: none;
}
/*has only in initial state no underscore*/
.gdLink.light,
a.light,
.gdLink.light:visited,
a.light:visited {
  color: #fff;
}
a.light:hover .gdLink,
.gdLink.light:hover,
a.light:hover {
  color: #fff;
}
a,
.gdLink {
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
h1.huge {
  font-size: 24px;
  line-height: 29px;
  margin: 0;
}
h1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}
h2 {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}
h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
/** font color definitions: **/
.base.gr,
.base.tc0 {
  color: #313a3f;
}
/*Grey */
.colorScheme.orange .colorSchemeText,
.colorScheme.lightOrange .colorSchemeText,
.base.tc1 {
  color: #e36600;
}
/*Orange */
.colorScheme.red .colorSchemeText,
.base.tc2 {
  color: #931117;
}
/*Red */
.colorScheme.purple .colorSchemeText,
.base.tc3 {
  color: #402987;
}
/* */
.colorScheme.midBlue .colorSchemeText,
.colorScheme.lightBlue .colorSchemeText,
.base.tc4 {
  color: #0871a6;
}
/*Blue */
.colorScheme.turquoise .colorSchemeText,
.base.tc5 {
  color: #008580;
}
/*Turquoise */
.colorScheme.blueGreen .colorSchemeText,
.base.tc6 {
  color: #016b3f;
}
/* */
.colorScheme.midGreen .colorSchemeText,
.colorScheme.lightGreen .colorSchemeText,
.base.tc7 {
  color: #4f6b09;
}
/* */
.base.tc8 {
  color: #6a7378;
}
/*lightGrey */
.colorScheme.yellow .colorSchemeText,
.base.tc9 {
  color: #e5841c;
}
/*Yellow */
.base.gr.c,
.base.tc10 {
  color: #fff;
}
/*White */
.base.tc11 {
  color: #032d56;
}
/* */
.base.tc12 {
  color: #510a13;
}
/* loyalty gold brown*/
.base.tc13 {
  color: #4d565b;
}
/* grey of inactive navigations tabs*/
.base.tc14 {
  color: #ffd522;
}
/* light yellow/gold*/
.base.tcError {
  color: #bc111a;
}
/* ++ conditions styles + popup sizes ++ */
/* the position for the close button is not final please uses this button as it is or change it here for all */
.base.conditions .closeButton {
  height: 25px;
  margin: 10px auto 10px 231px;
}
.base.conditions.popup,
.base.conditions.popup .gameSprite.gameImage {
  width: 620px;
}
.base.conditions.popup .content {
  padding: 20px;
}
.base.conditions h1 {
  margin: 30px auto 20px;
  line-height: 27px;
}
.base.conditions h2 {
  margin: 30px auto 20px;
  line-height: 22px;
}
.base.conditions h3 {
  margin: 20px auto 15px;
  line-height: 17px;
}
.base.conditions h4 {
  margin: 20px auto 15px;
  line-height: 14px;
}
/* specify the h-tag elements for our documents - like rules, help pages and so on */
.document h1.huge {
  margin: 51px auto 8px;
}
.document h1 {
  margin: 51px auto 8px;
}
.document h2 {
  margin: 51px auto 8px;
}
.document h3 {
  margin: 26px auto 8px;
}
.document h1.reset,
.document h2.reset,
.document h3.reset {
  margin-top: -4px;
}
.document h1 + .document h1 {
  margin-top: -6px;
  margin-bottom: 24px;
}
.document h1 + .document h2 {
  margin-top: -5px;
  margin-bottom: 24px;
}
.document h1 + .document h3 {
  margin-top: -4px;
  margin-bottom: 24px;
}
.document h2 + .document h2 {
  margin-top: -6px;
  margin-bottom: 24px;
}
.document h2 + .document h3 {
  margin-top: -6px;
  margin-bottom: 24px;
}
.document h3 + .document h3 {
  margin-top: -8px;
  margin-bottom: 8px;
}
.base.conditions p {
  margin: 15px auto 20px;
}
.base.conditions ul {
  padding: 0 0 0 25px;
}
.base.conditions ul li {
  margin-bottom: 5px;
  line-height: 14px;
}
.base.conditions .asterisk {
  padding-left: 20px;
}
.base.conditions.popup table {
  width: 580px;
}
.base.conditions table {
  margin: 20px auto auto;
  border-collapse: collapse;
}
.base.conditions .base.imageFrame {
  margin: 5px 0 0;
}
.base.base.conditions thead th {
  background-color: #B0BAC0;
  color: #FFFFFF;
  text-align: left;
  height: 25px;
}
.base.base.conditions thead th:first-child {
  background: #B0BAC0;
}
/*remove the separator*/
.base.conditions tbody tr {
  background-color: #EFF1F2;
}
.base.conditions tbody tr:nth-child(even) {
  background-color: #E7EAEB;
}
.base.conditions table tbody tr {
  height: 25px;
}
.base.conditions tbody tr {
  border-top: 1px solid #fff;
}
.base.conditions thead th,
.conditions tbody td {
  padding-left: 10px;
  padding-right: 10px;
}
/* -- conditions styles + popup sizes -- */
/*
 *  Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
.base.dsari {
  font-family: d_sari;
  letter-spacing: 0.02em;
}
.dsari .base.ts0,
.dsari.base.ts0 {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}
.dsari .base.ts1,
.dsari.base.ts1 {
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
}
.dsari .base.ts2,
.dsari.base.ts2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
}
.dsari .base.ts3,
.dsari.base.ts3 {
  font-size: 21px;
  line-height: 24px;
  font-weight: 900;
}
.dsari .base.ts4,
.dsari.base.ts4 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 900;
}
.dsari .base.ts5,
.dsari.base.ts5 {
  font-size: 33px;
  line-height: 36px;
  font-weight: 900;
}
/*
 *  Copyright (c) 2003-2024 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2015 Fontspring
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Latinotype
 * License URL: http://www.fontspring.com/licenses/latinotype/webfont
 *
 *
 */
@font-face {
  font-family: 'd_sari';
  src: url('fonts/DSari_Book-webfont.eot');
  src: url('fonts/DSari_Book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DSari_Book-webfont.woff2') format('woff2'), url('fonts/DSari_Book-webfont.woff') format('woff'), url('fonts/DSari_Book-webfont.ttf') format('truetype'), url('fonts/DSari_Book-webfont.svg#d_sari_bookbook') format('svg');
  font-weight: normal;
}
/* bold weighted font */
@font-face {
  font-family: 'd_sari';
  src: url('fonts/DSari_Bold-webfont.eot');
  src: url('fonts/DSari_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DSari_Bold-webfont.woff2') format('woff2'), url('fonts/DSari_Bold-webfont.woff') format('woff'), url('fonts/DSari_Bold-webfont.ttf') format('truetype'), url('fonts/DSari_Bold-webfont.svg#d_sari_boldbold') format('svg');
  font-weight: bold;
}
/* super bold weighted font */
@font-face {
  font-family: 'd_sari';
  src: url('fonts/DSari_Heavy-webfont.eot');
  src: url('fonts/DSari_Heavy-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DSari_Heavy-webfont.woff2') format('woff2'), url('fonts/DSari_Heavy-webfont.woff') format('woff'), url('fonts/DSari_Heavy-webfont.ttf') format('truetype'), url('fonts/DSari_Heavy-webfont.svg#d_sari') format('svg');
  font-weight: 900;
}
.fc {
  color: #fff;
}
.colorScheme.gray .colorScheme-fc.fc,
.fc.c0 {
  color: #f5fafc;
}
.colorScheme.gray .colorScheme-fc.fc.a,
.fc.c0.a {
  color: #f5fafc;
}
.colorScheme.gray .colorScheme-fc.fc.b,
.fc.c0.b {
  color: #d9e2e7;
}
.colorScheme.gray .colorScheme-fc.fc.c,
.fc.c0.c {
  color: #cbd4d9;
}
.colorScheme.gray .colorScheme-fc.fc.d,
.fc.c0.d {
  color: #bec7cc;
}
.colorScheme.gray .colorScheme-fc.fc.e,
.fc.c0.e {
  color: #adb6bb;
}
.colorScheme.gray .colorScheme-fc.fc.f,
.fc.c0.f {
  color: #9da6ab;
}
.colorScheme.gray .colorScheme-fc.fc.g,
.fc.c0.g {
  color: #848d92;
}
.colorScheme.gray .colorScheme-fc.fc.h,
.fc.c0.h {
  color: #6a7378;
}
.colorScheme.gray .colorScheme-fc.fc.i,
.fc.c0.i {
  color: #4d565b;
}
.colorScheme.gray .colorScheme-fc.fc.j,
.fc.c0.j {
  color: #313a3f;
}
.colorScheme.yellow .colorScheme-fc.fc.a,
.fc.c1.a {
  color: #fcf9cd;
}
.colorScheme.yellow .colorScheme-fc.fc.b,
.fc.c1.b {
  color: #fff489;
}
.colorScheme.yellow .colorScheme-fc.fc.c,
.fc.c1.c {
  color: #ffea55;
}
.colorScheme.yellow .colorScheme-fc.fc.d,
.fc.c1.d {
  color: #ffd522;
}
.colorScheme.yellow .colorScheme-fc.fc.e,
.fc.c1.e {
  color: #ffc60b;
}
.colorScheme.yellow .colorScheme-fc.fc.f,
.fc.c1.f {
  color: #ffaf02;
}
.colorScheme.yellow .colorScheme-fc.fc.g,
.fc.c1.g {
  color: #f49906;
}
.colorScheme.yellow .colorScheme-fc.fc.h,
.fc.c1.h {
  color: #e5841c;
}
.colorScheme.yellow .colorScheme-fc.fc.i,
.fc.c1.i {
  color: #d46c04;
}
.colorScheme.yellow .colorScheme-fc.fc.j,
.fc.c1.j {
  color: #a85414;
}
.colorScheme.orange .colorScheme-fc.fc.a,
.fc.c2.a {
  color: #faf1d4;
}
.colorScheme.orange .colorScheme-fc.fc.b,
.fc.c2.b {
  color: #ffd37c;
}
.colorScheme.orange .colorScheme-fc.fc.c,
.fc.c2.c {
  color: #ffba5a;
}
.colorScheme.orange .colorScheme-fc.fc.d,
.fc.c2.d {
  color: #faa125;
}
.colorScheme.orange .colorScheme-fc.fc.e,
.fc.c2.e {
  color: #f7911b;
}
.colorScheme.orange .colorScheme-fc.fc.f,
.fc.c2.f {
  color: #ed7600;
}
.colorScheme.orange .colorScheme-fc.fc.g,
.fc.c2.g {
  color: #e36600;
}
.colorScheme.orange .colorScheme-fc.fc.h,
.fc.c2.h {
  color: #c95004;
}
.colorScheme.orange .colorScheme-fc.fc.i,
.fc.c2.i {
  color: #b53b07;
}
.colorScheme.orange .colorScheme-fc.fc.j,
.fc.c2.j {
  color: #933414;
}
.colorScheme.red .colorScheme-fc.fc.a,
.fc.c3.a {
  color: #f9e6e4;
}
.colorScheme.red .colorScheme-fc.fc.b,
.fc.c3.b {
  color: #f7c1bc;
}
.colorScheme.red .colorScheme-fc.fc.c,
.fc.c3.c {
  color: #f2a59e;
}
.colorScheme.red .colorScheme-fc.fc.d,
.fc.c3.d {
  color: #ed6868;
}
.colorScheme.red .colorScheme-fc.fc.e,
.fc.c3.e {
  color: #e63434;
}
.colorScheme.red .colorScheme-fc.fc.f,
.fc.c3.f {
  color: #ce2830;
}
.colorScheme.red .colorScheme-fc.fc.g,
.fc.c3.g {
  color: #bc111a;
}
.colorScheme.red .colorScheme-fc.fc.h,
.fc.c3.h {
  color: #931117;
}
.colorScheme.red .colorScheme-fc.fc.i,
.fc.c3.i {
  color: #700f1c;
}
.colorScheme.red .colorScheme-fc.fc.j,
.fc.c3.j {
  color: #510a13;
}
.colorScheme.purple .colorScheme-fc.fc.a,
.fc.c4.a {
  color: #efe8fc;
}
.colorScheme.purple .colorScheme-fc.fc.b,
.fc.c4.b {
  color: #e3d5ff;
}
.colorScheme.purple .colorScheme-fc.fc.c,
.fc.c4.c {
  color: #cfbdf4;
}
.colorScheme.purple .colorScheme-fc.fc.d,
.fc.c4.d {
  color: #af96fa;
}
.colorScheme.purple .colorScheme-fc.fc.e,
.fc.c4.e {
  color: #8c70e0;
}
.colorScheme.purple .colorScheme-fc.fc.f,
.fc.c4.f {
  color: #7963ba;
}
.colorScheme.purple .colorScheme-fc.fc.g,
.fc.c4.g {
  color: #614aa5;
}
.colorScheme.purple .colorScheme-fc.fc.h,
.fc.c4.h {
  color: #402987;
}
.colorScheme.purple .colorScheme-fc.fc.i,
.fc.c4.i {
  color: #2c2163;
}
.colorScheme.purple .colorScheme-fc.fc.j,
.fc.c4.j {
  color: #1d163f;
}
.colorScheme.midBlue .colorScheme-fc.fc.a,
.fc.c5.a {
  color: #edf5f9;
}
.colorScheme.midBlue .colorScheme-fc.fc.b,
.fc.c5.b {
  color: #bce4f7;
}
.colorScheme.midBlue .colorScheme-fc.fc.c,
.fc.c5.c {
  color: #89c3e0;
}
.colorScheme.midBlue .colorScheme-fc.fc.d,
.fc.c5.d {
  color: #61a4d4;
}
.colorScheme.midBlue .colorScheme-fc.fc.e,
.fc.c5.e {
  color: #3f88d1;
}
.colorScheme.midBlue .colorScheme-fc.fc.f,
.fc.c5.f {
  color: #246db5;
}
.colorScheme.midBlue .colorScheme-fc.fc.g,
.fc.c5.g {
  color: #165f9b;
}
.colorScheme.midBlue .colorScheme-fc.fc.h,
.fc.c5.h {
  color: #03407c;
}
.colorScheme.midBlue .colorScheme-fc.fc.i,
.fc.c5.i {
  color: #032d56;
}
.colorScheme.midBlue .colorScheme-fc.fc.j,
.fc.c5.j {
  color: #011b2d;
}
.colorScheme.lightBlue .colorScheme-fc.fc.a,
.fc.c6.a {
  color: #e8f7fc;
}
.colorScheme.lightBlue .colorScheme-fc.fc.b,
.fc.c6.b {
  color: #cff3ff;
}
.colorScheme.lightBlue .colorScheme-fc.fc.c,
.fc.c6.c {
  color: #9ee1f7;
}
.colorScheme.lightBlue .colorScheme-fc.fc.d,
.fc.c6.d {
  color: #78d2f5;
}
.colorScheme.lightBlue .colorScheme-fc.fc.e,
.fc.c6.e {
  color: #3eb7f4;
}
.colorScheme.lightBlue .colorScheme-fc.fc.f,
.fc.c6.f {
  color: #0999e1;
}
.colorScheme.lightBlue .colorScheme-fc.fc.g,
.fc.c6.g {
  color: #0a86c4;
}
.colorScheme.lightBlue .colorScheme-fc.fc.h,
.fc.c6.h {
  color: #0871a6;
}
.colorScheme.lightBlue .colorScheme-fc.fc.i,
.fc.c6.i {
  color: #06537a;
}
.colorScheme.lightBlue .colorScheme-fc.fc.j,
.fc.c6.j {
  color: #04364f;
}
.colorScheme.turquoise .colorScheme-fc.fc.a,
.fc.c7.a {
  color: #e1faf7;
}
.colorScheme.turquoise .colorScheme-fc.fc.b,
.fc.c7.b {
  color: #bdfff8;
}
.colorScheme.turquoise .colorScheme-fc.fc.c,
.fc.c7.c {
  color: #99f7ee;
}
.colorScheme.turquoise .colorScheme-fc.fc.d,
.fc.c7.d {
  color: #68ede0;
}
.colorScheme.turquoise .colorScheme-fc.fc.e,
.fc.c7.e {
  color: #3ae0db;
}
.colorScheme.turquoise .colorScheme-fc.fc.f,
.fc.c7.f {
  color: #08ccc5;
}
.colorScheme.turquoise .colorScheme-fc.fc.g,
.fc.c7.g {
  color: #04b0aa;
}
.colorScheme.turquoise .colorScheme-fc.fc.h,
.fc.c7.h {
  color: #008580;
}
.colorScheme.turquoise .colorScheme-fc.fc.i,
.fc.c7.i {
  color: #00605d;
}
.colorScheme.turquoise .colorScheme-fc.fc.j,
.fc.c7.j {
  color: #004240;
}
.colorScheme.midGreen .colorScheme-fc.fc.a,
.fc.c8.a {
  color: #e2f2d4;
}
.colorScheme.midGreen .colorScheme-fc.fc.b,
.fc.c8.b {
  color: #c6f5a9;
}
.colorScheme.midGreen .colorScheme-fc.fc.c,
.fc.c8.c {
  color: #a8ed85;
}
.colorScheme.midGreen .colorScheme-fc.fc.d,
.fc.c8.d {
  color: #85db60;
}
.colorScheme.midGreen .colorScheme-fc.fc.e,
.fc.c8.e {
  color: #64ce3e;
}
.colorScheme.midGreen .colorScheme-fc.fc.f,
.fc.c8.f {
  color: #46b324;
}
.colorScheme.midGreen .colorScheme-fc.fc.g,
.fc.c8.g {
  color: #399e16;
}
.colorScheme.midGreen .colorScheme-fc.fc.h,
.fc.c8.h {
  color: #2a7d0c;
}
.colorScheme.midGreen .colorScheme-fc.fc.i,
.fc.c8.i {
  color: #225e0d;
}
.colorScheme.midGreen .colorScheme-fc.fc.j,
.fc.c8.j {
  color: #133b06;
}
.colorScheme.lightGreen .colorScheme-fc.fc.a,
.fc.c9.a {
  color: #ecf5d5;
}
.colorScheme.lightGreen .colorScheme-fc.fc.b,
.fc.c9.b {
  color: #e1f5ab;
}
.colorScheme.lightGreen .colorScheme-fc.fc.c,
.fc.c9.c {
  color: #d0f272;
}
.colorScheme.lightGreen .colorScheme-fc.fc.d,
.fc.c9.d {
  color: #bfeb52;
}
.colorScheme.lightGreen .colorScheme-fc.fc.e,
.fc.c9.e {
  color: #aad934;
}
.colorScheme.lightGreen .colorScheme-fc.fc.f,
.fc.c9.f {
  color: #92c219;
}
.colorScheme.lightGreen .colorScheme-fc.fc.g,
.fc.c9.g {
  color: #80ad0c;
}
.colorScheme.lightGreen .colorScheme-fc.fc.h,
.fc.c9.h {
  color: #6a8f0e;
}
.colorScheme.lightGreen .colorScheme-fc.fc.i,
.fc.c9.i {
  color: #4f6b09;
}
.colorScheme.lightGreen .colorScheme-fc.fc.j,
.fc.c9.j {
  color: #294706;
}
.colorScheme.blueGreen .colorScheme-fc.fc.a,
.fc.c10.a {
  color: #e1f0e9;
}
.colorScheme.blueGreen .colorScheme-fc.fc.b,
.fc.c10.b {
  color: #beefd7;
}
.colorScheme.blueGreen .colorScheme-fc.fc.c,
.fc.c10.c {
  color: #96e3be;
}
.colorScheme.blueGreen .colorScheme-fc.fc.d,
.fc.c10.d {
  color: #76d6a8;
}
.colorScheme.blueGreen .colorScheme-fc.fc.e,
.fc.c10.e {
  color: #55c28d;
}
.colorScheme.blueGreen .colorScheme-fc.fc.f,
.fc.c10.f {
  color: #2cb070;
}
.colorScheme.blueGreen .colorScheme-fc.fc.g,
.fc.c10.g {
  color: #24965f;
}
.colorScheme.blueGreen .colorScheme-fc.fc.h,
.fc.c10.h {
  color: #016b3f;
}
.colorScheme.blueGreen .colorScheme-fc.fc.i,
.fc.c10.i {
  color: #054c2e;
}
.colorScheme.blueGreen .colorScheme-fc.fc.j,
.fc.c10.j {
  color: #032e1c;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.base.font {
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  color: #313a3f;
  font-size: 12px;
}
.base.block {
  display: block;
}
.base.noWrap {
  white-space: nowrap;
}
.base.clipText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* This classes could be used to render different borders  */
.base.standardPadding {
  padding: 20px;
}
.base.widePadding {
  padding: 20px 26px;
}
/** needs to add the base border and g0a **/
ul.base.menuList {
  list-style: none;
  border-top: none;
  margin: 0 0 10px;
  padding: 10px 0 10px 19px;
}
ul.base.menuList.contiguous {
  border-bottom: none;
  margin: 0;
}
ul.base li {
  margin-bottom: 5px;
  line-height: 14px;
}
hr.base.contentSeparator {
  clear: both;
  margin: 6px 0 0 0;
  height: 0;
  border: 1px solid;
  border-color: #C9CACA #F4F8FB #fff;
}
body.cursorWait * {
  cursor: wait !important;
}
.base.border {
  border: 1px solid #bec7cc;
}
.base.border.noTop {
  border-top: none;
}
.base.border.noBottom {
  border-bottom: none;
}
.base.border.bottomOnly {
  border-top: none;
  border-left: none;
  border-right: none;
}
.base.allBorderRadius {
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.base.topBorderRadius {
  -webkit-border-radius: 10px 10px 0 0;
  -khtml-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.base.topBorderRadius.inner {
  -webkit-border-radius: 7px 7px 0 0;
  -khtml-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}
.base.topLeftBorderRadius {
  -webkit-border-top-left-radius: 10px;
  -khtml-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
.base.topRightBorderRadius {
  -webkit-border-top-right-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.base.bottomBorderRadius {
  -webkit-border-radius: 0 0 10px 10px;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.base.bottomRightBorderRadius {
  -webkit-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.base.bottomLeftBorderRadius {
  -webkit-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mobile .base.allBorderRadius {
  border-radius: 5px;
}
.mobile .base.topBorderRadius {
  border-radius: 5px 5px 0 0;
}
.mobile .base.topBorderRadius.inner {
  border-radius: 7px 7px 0 0;
}
.mobile .base.topLeftBorderRadius {
  border-top-left-radius: 5px;
}
.mobile .base.topRightBorderRadius {
  border-top-right-radius: 5px;
}
.mobile .base.bottomBorderRadius {
  border-radius: 0 0 5px 5px;
}
.mobile .base.bottomRightBorderRadius {
  border-bottom-right-radius: 5px;
}
.mobile .base.bottomLeftBorderRadius {
  border-bottom-left-radius: 5px;
}
.base.imageFrame {
  display: inline-block;
  border: 3px solid white;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 1px 1px rgba(193, 201, 206, 0.75), 0 0 0 1px rgba(193, 201, 206, 0.75) inset;
  -moz-box-shadow: 0 0 1px 1px rgba(193, 201, 206, 0.75), 0 0 0 1px rgba(193, 201, 206, 0.75) inset;
  box-shadow: 0 0 1px 1px rgba(193, 201, 206, 0.75), 0 0 0 1px rgba(193, 201, 206, 0.75) inset;
  padding: 1px;
  position: relative;
  left: -4px;
  top: -4px;
}
.base.imageFrame img,
.base.imageFrame .base.img {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/* ++++++++ gd header line ++++++++ */
/* IE filter needs this extra div to hide the background gradient. Thx IE */
.decorate.gdHeaderBigMask,
.decorate.gdHeaderMask {
  overflow: hidden;
  filter: none !important;
}
.decorate.gdHeaderBig,
.decorate.gdHeader {
  margin: 0;
  padding: 0 0 0 10px;
  position: relative;
  background: linear-gradient(#f5fafc, #d9e2e7);
  border: 1px solid #bec7cc;
}
.decorate.gdHeader {
  height: 23px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
}
.decorate.gdHeaderBig {
  height: 68px;
}
.colorScheme.lightGreen .decorate.gdHeader.colorScheme,
.colorScheme.midGreen .decorate.gdHeader.colorScheme,
.colorScheme.lightBlue .decorate.gdHeader.colorScheme,
.colorScheme.midBlue .decorate.gdHeader.colorScheme,
.colorScheme.red .decorate.gdHeader.colorScheme,
.colorScheme.purple .decorate.gdHeader.colorScheme,
.colorScheme.blueGreen .decorate.gdHeader.colorScheme,
.colorScheme.orange .decorate.gdHeader.colorScheme,
.colorScheme.yellow .decorate.gdHeader.colorScheme,
.colorScheme.turquoise .decorate.gdHeader.colorScheme,
.decorate.gdHeader.action {
  color: #ffffff;
  background: linear-gradient(#ce2830, #931117);
}
.decorate.gdHeader.cards {
  color: #ffffff;
  background: linear-gradient(#ed7600, #c95004);
}
.decorate.gdHeader.knowledge {
  color: #ffffff;
  background: linear-gradient(#0999e1, #0871a6);
}
.decorate.gdHeaderBig .html {
  position: relative;
}
.decorate.gdHeader .text {
  position: relative;
  line-height: 24px;
}
.decorate.gdHeader.right,
.decorate.gdHeader.right .gdHeaderRightPart,
.decorate.gdHeader.left,
.decorate.gdHeader.left .gdHeaderRightPart,
#content .rightContent .decorate.gdHeader,
#content .rightContent .decorate.gdHeaderRightPart,
#content #leftContent .decorate.gdHeader,
#content #leftContent .decorate.gdHeaderRightPart {
  font-size: 12px;
  font-weight: normal;
}
.decorate.gdHeaderBigMask,
.decorate.gdHeaderBig,
.decorate.gdHeaderMask,
.decorate.gdHeader {
  border-radius: 10px 10px 0 0;
}
.decorate.gdHeader.right,
.decorate.gdHeader.right .gdHeaderRightPart,
.decorate.gdHeader.left,
.decorate.gdHeader.left .gdHeaderRightPart,
#content .rightContent .decorate.gdHeaderMask,
#content .rightContent .decorate.gdHeaderMask .decorate.gdHeader,
#content .rightContent .decorate.gdHeaderMask .decorate.gdHeaderRightPart,
#content #leftContent .decorate.gdHeaderMask,
#content #leftContent .decorate.gdHeaderMask .decorate.gdHeader,
#content #leftContent .decorate.gdHeaderMask .decorate.gdHeaderRightPart {
  border-radius: 0 0 0 0;
}
.decorate.gdHeader.left .gdHeaderRightPart,
.decorate.gdHeader.right .gdHeaderRightPart,
#content .rightContent .decorate.gdHeader .gdHeaderRightPart,
#content #leftContent .decorate.gdHeader .gdHeaderRightPart {
  width: 40px !important;
}
.decorate.gdHeader .gdHeaderRightPart {
  width: 90px;
}
#content #centerContent .decorate.gdHeaderMask .decorate.gdHeader,
#content #centerContent .decorate.gdHeaderMask .decorate.gdHeaderRightPart {
  border-radius: 10px 10px 0 0;
}
.gdHeaderBig .decorate.gdHeaderBigRightPart {
  position: absolute;
  right: 0;
}
.gdHeader .decorate.gdHeaderRightPart {
  height: 22px;
  position: absolute;
  right: 0;
}
.decorate.gdHeaderMask.left,
.decorate.gdHeader.left,
.decorate.gdHeaderMask.right,
.decorate.gdHeader.right,
.decorate.gdHeader.right .gdHeaderRightPart {
  border-radius: 0 0 0 0 !important;
}
.decorate.gdHeaderMask.corner.right,
.decorate.gdHeader.corner.right,
.decorate.gdHeader.corner.right .gdHeaderRightPart {
  border-radius: 0 10px 0 0 !important;
}
#content .rightContent .decorate.gdHeaderMask:first-child,
#content .rightContent .decorate.gdHeaderMask:first-child .decorate.gdHeader .gdHeaderRightPart,
#content .rightContent .decorate.gdHeaderMask:first-child .decorate.gdHeader {
  border-radius: 0 10px 0 0;
}
.decorate.gdHeaderMask.corner.left,
.decorate.gdHeader.corner.left {
  border-radius: 10px 0 0 0 !important;
}
#content #leftContent .decorate.gdHeaderMask:first-child,
#content #leftContent .decorate.gdHeaderMask:first-child .decorate.gdHeader {
  border-radius: 10px 0 0 0;
}
/* ----------- gd header line  -----------------*/
/** ++++++ specific style for the gamesPageBox elements ++++++ **/
.base.linkedFrameBox .ribbon {
  position: absolute;
  top: -1px;
  right: 0;
}
.base.linkedFrameBox.wide .ribbon {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
}
/* reset empty do nothing */
.base.linkedFrameBox.type_empty {
  cursor: default !important;
}
.base.linkedFrameBox,
.base.linkedFrameBox.type_empty:hover {
  cursor: pointer;
  position: relative;
  padding-bottom: 29px;
  float: left;
  border-top: 1px solid white;
  display: table;
}
.base.linkedFrameBox.wide.type_empty:hover,
.base.linkedFrameBox.wide {
  width: 348px;
  padding-bottom: 9px;
}
.base.linkedFrameBox .nameAndDescBox .textContainer {
  display: none;
}
.base.linkedFrameBox.wide .nameAndDescBox .textContainer {
  display: block;
}
.base.linkedFrameBox .nameAndDescBox .title {
  bottom: 0;
  left: 10px;
  position: absolute;
  width: 133px;
  margin: 9px 2px;
}
.base.linkedFrameBox .nameAndDescBox .title.topGames {
  position: absolute;
  width: 146px;
  margin: 9px 2px;
  text-align: center;
}
.base.linkedFrameBox.wide .nameAndDescBox .title {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 9px 0;
  padding-top: 15px;
  position: static;
}
.base.linkedFrameBox.wide .nameAndDescBox .title {
  width: auto;
  padding-right: 13px;
}
.base.linkedFrameBox.wide .linkedFrameBoxGfx {
  padding: 29px 17px;
}
.base.linkedFrameBox.tournaments.type_empty .linkedFrameBoxGfx,
.base.linkedFrameBox.mobile.type_empty .linkedFrameBoxGfx,
.base.linkedFrameBox .linkedFrameBoxGfx {
  width: auto;
  padding: 19px 24px;
  margin: 9px 9px 0 9px;
  position: relative;
}
.base.linkedFrameBox.type_empty .linkedFrameBoxGfx .logo {
  width: 106px;
  height: 74px;
  margin: auto;
}
.base.linkedFrameBox span {
  display: block;
}
.base.linkedFrameBox .textContainer {
  padding-right: 12px;
}
.base.linkedFrameBox .textContainer .descText {
  display: inline;
}
.base.linkedFrameBox.tournaments .linkedFrameBoxGfx,
.base.linkedFrameBox.mobile .linkedFrameBoxGfx {
  padding: 9px 7px;
}
.base.linkedFrameBox.wide .nameAndDescBox,
.base.linkedFrameBox .content {
  position: absolute;
}
.base.linkedFrameBox p {
  position: relative;
  padding: 0;
  margin: 0;
}
.base.linkedFrameBox.wide .nameAndDescBox {
  top: 0;
  width: auto;
  padding: 10px 10px 0 148px;
  z-index: 10;
  height: 135px;
}
/* TODO move the flame to the generic sprite */
.base.linkedFrameBox .logo.empty {
  background: url('../images/icons/im_106x74_flame.png') top left no-repeat !important;
  background-position: top;
}
.base.input {
  display: inline-block;
  border: 1px solid #bec7cc;
}
.base.input input,
.base.input textarea,
.base.input select {
  color: #313a3f;
  background-color: #fff;
  border-color: #fff #bec7cc #bec7cc #fff;
  border-style: inset;
  border-width: 2px;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.9) inset;
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.9) inset;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.9) inset;
  padding: 9px 8px 9px 8px;
  margin: 0;
  font-size: 15px;
  display: block;
}
.base.input input[disabled],
.base.input textarea[disabled],
.base.input select[disabled] {
  color: #9da6ab;
}
.base.loweredBevelBorderBox {
  background-color: #fff;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: #d9e2e7;
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4) inset;
  /* Firefox (old)*/
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4) inset;
  /* Safari, Chrome */
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4) inset;
}
.base.outerFrame {
  position: relative;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4) inset;
}
.base.innerFrame {
  position: relative;
  top: -3px;
  left: -3px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: -10;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.base.shadowWithoutLineTop {
  -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: relative;
  height: 5px;
  margin-bottom: -5px;
}
.base.shadowLineTop {
  border-top: 1px solid #bec7cc;
  position: relative;
  -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
}
.base.shadowLineTop:before {
  /*overlaying the grey line*/
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 0;
  content: "";
  left: 0;
}
.base.shadowLineBottom {
  border-bottom: 1px solid #bec7cc;
  position: relative;
  -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2) inset;
}
.base.shadowLineBottom:before {
  /*overlaying the white line*/
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  bottom: -2px;
  content: "";
  left: 0;
}
.base.innerGlow {
  -webkit-box-shadow: 0 0 0 2px rgba(250, 250, 250, 0.6) inset;
  -moz-box-shadow: 0 0 0 2px rgba(250, 250, 250, 0.6) inset;
  box-shadow: 0 0 0 2px rgba(250, 250, 250, 0.6) inset;
}
.generic_sprite.ic_alert.base.asText,
.icon_sprite.small.base.asText {
  line-height: 33px;
  padding-left: 40px;
  width: auto;
}
.icon_sprite.medium.base.asText {
  line-height: 42px;
  padding-left: 50px;
  width: auto;
}
.icon_sprite.medium.base.asMiddleText,
.generic_sprite.ic_alert.base.asMiddleText,
.icon_sprite.small.base.asMiddleText {
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px;
  width: auto;
}
.icon_sprite.medium.base.asMiddleText {
  padding-left: 50px;
}
/** ++ gdTable ++ */
.comp.gdTable .g0c.header.gr.c,
.comp.gdTable .gr.c0.c.header.gr.c {
  border-bottom: 1px solid #4d565b;
}
.comp.gdTable .g0c.header.mirror.gr.c,
.comp.gdTable .gr.c0.c.header.mirror.gr.c {
  border-top: 1px solid #848d92;
}
.comp.gdTable .c0.c.header .separator {
  border-left: 1px solid #4d565b;
  box-shadow: 1px 0 0 #848d92 inset;
}
.colorScheme.yellow .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #d46c04;
}
.colorScheme.yellow .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #f49906;
}
.colorScheme.yellow .comp.gdTable.colorScheme .header .separator {
  border-left: 1px solid #d46c04;
  box-shadow: 1px 0 0 #f49906 inset;
}
.comp.gdTable {
  position: relative;
}
.colorScheme.orange .comp.gdTable.colorScheme .header.gr.c,
.comp.gdTable .header {
  border-bottom: 1px solid #b53b07;
}
.colorScheme.orange .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #e36600;
}
.comp.gdTable .header.mirror {
  border-top: 1px solid #e36600;
  border-bottom: 1px solid #b53b07;
}
.colorScheme.orange .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .header .separator {
  border-left: 1px solid #b53b07;
  box-shadow: 1px 0 0 #e36600 inset;
  margin-left: -1px;
  /* the old one was with grphic - just for having the same width as before */
}
.comp.gdTable .g3c.header,
.comp.gdTable .gr.c3.c.header,
.colorScheme.red .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #700f1c;
}
.comp.gdTable .g3c.header.mirror,
.comp.gdTable .gr.c3.c.header.mirror,
.colorScheme.red .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #bc111a;
}
.colorScheme.red .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c3.c.header .separator {
  border-left: 1px solid #700f1c;
  box-shadow: 1px 0 0 #bc111a inset;
}
.comp.gdTable .g4c.header,
.comp.gdTable .gr.c4.c.header,
.colorScheme.purple .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #2c2163;
}
.comp.gdTable .g4c.header.mirror,
.comp.gdTable .gr.c4.c.header.mirror,
.colorScheme.purple .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #614aa5;
}
.colorScheme.purple .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c4.c.header .separator {
  border-left: 1px solid #2c2163;
  box-shadow: 1px 0 0 #614aa5 inset;
}
.comp.gdTable .g5c.header,
.comp.gdTable .gr.c5.c.header.gr.c,
.colorScheme.midBlue .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #032d56;
}
.comp.gdTable .g5c.header.mirror,
.comp.gdTable .gr.c5.c.header.mirror,
.colorScheme.midBlue .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #165f9b;
}
.colorScheme.midBlue .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c5.c.header .separator {
  border-left: 1px solid #032d56;
  box-shadow: 1px 0 0 #165f9b inset;
}
.comp.gdTable .g6c.header,
.comp.gdTable .gr.c6.c.header,
.colorScheme.lightBlue .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #06537a;
}
.comp.gdTable .g6c.header.mirror,
.comp.gdTable .gr.c6.c.header.mirror,
.colorScheme.lightBlue .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #0a86c4;
}
.colorScheme.lightBlue .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c6.c.header .separator {
  border-left: 1px solid #06537a;
  box-shadow: 1px 0 0 #0a86c4 inset;
}
.comp.gdTable .g7c.header,
.comp.gdTable .gr.c7.c.header,
.colorScheme.turquoise .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #00605d;
}
.comp.gdTable .g7c.header.mirror,
.comp.gdTable .gr.c7.c.header.mirror,
.colorScheme.turquoise .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #04b0aa;
}
.colorScheme.turquoise .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c7.c.header .separator {
  border-left: 1px solid #00605d;
  box-shadow: 1px 0 0 #04b0aa inset;
}
.comp.gdTable .g8c.header,
.comp.gdTable .gr.c8.c.header,
.colorScheme.midGreen .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #225e0d;
}
.comp.gdTable .g8c.header.mirror,
.comp.gdTable .gr.c8.c.header.mirror,
.colorScheme.midGreen .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #399e16;
}
.colorScheme.midGreen .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c8.c.header .separator {
  border-left: 1px solid #225e0d;
  box-shadow: 1px 0 0 #399e16 inset;
}
.comp.gdTable .g9c.header,
.comp.gdTable .gr.c9.c.header,
.colorScheme.lightGreen .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #4f6b09;
}
.comp.gdTable .g9c.header.mirror,
.comp.gdTable .gr.c9.c.header.mirror,
.colorScheme.lightGreen .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #80ad0c;
}
.colorScheme.lightGreen .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c9.c.header .separator {
  border-left: 1px solid #4f6b09;
  box-shadow: 1px 0 0 #80ad0c inset;
}
.comp.gdTable .g10c.header,
.comp.gdTable .gr.c10.c.header,
.colorScheme.blueGreen .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #054c2e;
}
.comp.gdTable .g10c.header.mirror,
.comp.gdTable .gr.c10.c.header.mirror,
.colorScheme.blueGreen .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #24965f;
}
.colorScheme.blueGreen .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c10.c.header .separator {
  border-left: 1px solid #054c2e;
  box-shadow: 1px 0 0 #24965f inset;
}
.comp.gdTable {
  position: relative;
}
/** add here the border colors for the other gamedesings related colors */
.comp.gdTable .header {
  position: relative;
  color: #ffffff;
}
/* for having some content on the right side. E.g. for the buttonTab*/
.comp.gdTable .header .buttonRight {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.comp.gdTable .header .buttonTab {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 10px;
  float: left;
  width: auto;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin-left: 0;
  margin-top: 2px;
}
.comp.gdTable .main.header .buttonTab {
  height: 24px;
  line-height: 24px;
  margin-top: 0;
}
.comp.gdTable .main.header .buttonTab.trippleState:hover,
.comp.gdTable .main.header .buttonTab:hover {
  line-height: 24px;
  height: 24px;
}
.comp.gdTable .main.header .buttonTab.trippleState:active,
.comp.gdTable .main.header .buttonTab:active,
.comp.gdTable .main.header .buttonTab.active {
  line-height: 24px;
  height: 24px;
}
.comp.gdTable .sub.header .buttonTab {
  line-height: 16px;
  height: 16px;
  margin-top: 1px;
}
.comp.gdTable .header .buttonTab.trippleState:hover,
.comp.gdTable .header .buttonTab:hover {
  line-height: 24px;
  height: 24px;
  margin-top: 0px;
  -moz-box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, 0.4) inset !important;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, 0.4) inset !important;
  box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, 0.4) inset !important;
}
.comp.gdTable .header .buttonTab.trippleState:active,
.comp.gdTable .header .buttonTab:active,
.comp.gdTable .header .buttonTab.active {
  line-height: 24px;
  height: 24px;
  margin-top: 0px;
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset !important;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset !important;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset !important;
}
.comp.gdTable .sub.header .buttonTab.trippleState:hover,
.comp.gdTable .sub.header .buttonTab:hover,
.comp.gdTable .sub.header .buttonTab.trippleState:active,
.comp.gdTable .sub.header .buttonTab:active,
.comp.gdTable .sub.header .buttonTab.active {
  line-height: 18px;
  height: 18px;
  margin-top: 0px;
}
.comp.gdTable .header .swoosh {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.comp.gdTable .gdTableRow {
  clear: both;
  height: 44px;
  margin-top: 1px;
}
.comp.gdTable .bg.gdTableRow:nth-of-type(even),
.comp.gdTable .gdTableRow:nth-of-type(even) {
  background-color: #ffffff;
}
.comp.gdTable .gdTableRow .avatarOuterBox {
  -webkit-border-radius: 17px;
  -khtml-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  border: 1px solid rgba(124, 121, 121, 0.7);
  width: 28px;
  height: 28px;
  background-color: white;
  padding: 2px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(124, 121, 121, 0.4);
  -moz-box-shadow: 1px 1px 1px 0 rgba(124, 121, 121, 0.4);
  box-shadow: 1px 1px 1px 0 rgba(124, 121, 121, 0.4);
}
.comp.gdTable .gdTableRow .avatarOuterBox .avatarInnerBox {
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  border: 1px solid rgba(124, 121, 121, 0.7);
  width: 24px;
  height: 24px;
  margin-top: 1px;
  margin-left: 1px;
  background-position: 50% 50%;
  background-size: cover;
}
.comp.gdTable .main.header {
  height: 24px;
}
.comp.gdTable .main.header .gdTableData:not(.sortButton) {
  margin-top: 3px;
}
.comp.gdTable .main.header .title {
  margin-left: 10px;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
}
.comp.gdTable .sub.header {
  height: 18px;
}
.comp.gdTable .gdTableData {
  float: left;
  position: relative;
  z-index: 1;
  padding-left: 10px;
  line-height: 18px;
}
.comp.gdTable .sub.header .gdTableData {
  line-height: 16px;
  margin-top: 1px;
}
/* could be removed if we have 20px left default (with the new grid g940)*/
.comp.gdTable .header .gdTableData.arrowState {
  padding-left: 20px;
}
.comp.gdTable .gdTableRow {
  position: relative;
}
.comp.gdTable .gdTableRow .left,
.comp.gdTable .gdTableRow .right {
  position: absolute;
  width: 50%;
  height: 100%;
  bottom: 0;
}
.comp.gdTable .gdTableRow .left {
  left: 0;
}
.comp.gdTable .gdTableRow .right {
  right: 0;
}
/* ++ gameMenuList for the games menu on the left side ++ */
.base.gameMenuSimpleUlList {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.base.gameMenuSimpleUlList li {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.base.gameMenuSimpleUlList li.gamelinksheader {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.base.gameMenuList {
  border-top: none;
  border-bottom: none;
  margin-bottom: 10px;
}
.base.gameMenuList .gameMenuListBox {
  cursor: pointer;
  padding: 4px 10px 5px 15px;
  height: 40px;
  border-left: none;
  border-right: none;
  border-top: 1px solid #fff;
}
.base.gameMenuList .gameMenuListBox.iconSmallWrapper {
  height: 38px;
  padding: 9px 0 0 28px;
}
.base.gameMenuList .gameMenuListBox.iconSmallWrapper .icon_sprite.small {
  width: 140px;
}
.base.gameMenuList a {
  display: table-cell;
  width: 128px;
  margin: 0 0 0 -10px;
  padding: 0 5px 0 70px;
  vertical-align: middle;
  color: #313a3f;
  text-decoration: none !important;
  outline: none;
}
.base.gameMenuList.accordion a.toggleArrow {
  line-height: 18px;
}
.base.gameMenuList.accordion a.toggleArrow .text {
  display: none;
}
.base.gameMenuList.accordion a.down .text.more {
  display: inline;
}
.base.gameMenuList.accordion a.up .text.close {
  display: inline;
}
.base.gameMenuList .gameMenuListBox.press:active,
.base.gameMenuList .gameMenuListBox.press.active,
.base.gameMenuList .gameMenuListBox.press.active.hover:hover {
  border-top: 1px solid #71777C !important;
  -webkit-box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  -moz-box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  background: none;
  background-color: #adb6bb !important;
  filter: none;
  /* IE6,IE7 */
  -ms-filter: none;
  /* IE8 */
}
.base.gameMenuList a {
  *display: block;
  *width: auto;
}
.base.gameMenuList .toggle {
  border-bottom: 1px solid #bec7cc;
  cursor: pointer;
  font-size: 11px;
  margin-top: -8px;
  height: 18px;
  line-height: 17px;
  outline: medium none;
  text-align: center;
}
.base.gameMenuList .toggle a {
  display: inline;
}
.base.gameMenuList .toggle .wait {
  background: url('../images/icons/ic_36x12_spinner.gif') no-repeat !important;
}
.base.gameMenuList .toggle.hide a {
  display: block;
  margin: auto;
  padding: 0;
  position: relative;
}
.base.gameMenuList.accordion .action.show a,
.base.gameMenuList.accordion .cards.show a,
.base.gameMenuList.accordion .knowledge.show a {
  color: #246db5;
  padding-left: 15px;
  font-weight: bold;
  letter-spacing: normal;
}
.base.gameMenuList.accordion .cards.show a {
  color: #e36600;
}
.base.gameMenuList.accordion .action.show a {
  color: #931117;
}
/* -- gameMenuList -- */
.base.arrowTriangle:after,
.base.arrowTriangle:before {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.base.arrowTriangle:after {
  border: 12px solid transparent;
}
.base.arrowTriangle:before {
  border: 15px solid transparent;
  border: 13px solid transparent\9;
}
.base.arrowTriangle.top:after,
.base.arrowTriangle.bottom:after {
  left: 23px;
}
.base.arrowTriangle.top:before,
.base.arrowTriangle.bottom:before {
  left: 20px;
  left: 22px\9;
}
.base.arrowTriangle.top.center:before,
.base.arrowTriangle.bottom.center:before {
  left: -moz-calc(37%);
  left: -webkit-calc(37%);
  left: calc(37%);
}
.base.arrowTriangle.left.center:before,
.base.arrowTriangle.right.center:before {
  top: -moz-calc(37%);
  top: -webkit-calc(37%);
  top: calc(37%);
}
.base.arrowTriangle.top.center:after,
.base.arrowTriangle.bottom.center:after {
  left: -moz-calc(40%);
  left: -webkit-calc(40%);
  left: calc(40%);
}
.base.arrowTriangle.left.center:after,
.base.arrowTriangle.right.center:after {
  top: -moz-calc(40%);
  top: -webkit-calc(40%);
  top: calc(40%);
}
.base.arrowTriangle.top.topRight:after {
  left: auto;
  right: 20px;
}
.base.arrowTriangle.top.topRight:before {
  left: auto;
  right: 17px;
  right: 19px\9;
}
.base.arrowTriangle.top:after {
  border-color: transparent transparent white;
  bottom: 100%;
}
.base.arrowTriangle.top:before {
  border-color: transparent transparent rgba(0, 0, 0, 0.1);
  border-color: transparent transparent rgb(185, 192, 198)\9;
  bottom: 100%;
}
.base.arrowTriangle.bottom:after {
  border-color: white transparent transparent ;
  top: 100%;
}
.base.arrowTriangle.bottom:before {
  border-color: rgba(0, 0, 0, 0.1) transparent transparent;
  border-color: rgb(185, 192, 198) transparent transparent\9;
  top: 100%;
}
.base.arrowTriangle.right:after,
.base.arrowTriangle.left:after {
  top: 9px;
}
.base.arrowTriangle.right:before,
.base.arrowTriangle.left:before {
  top: 6px;
  top: 8px\9;
}
.base.arrowTriangle.right:after {
  border-color: transparent transparent transparent white;
  left: 100%;
}
.base.arrowTriangle.right:before {
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
  border-color: transparent transparent transparent rgb(185, 192, 198)\9;
  left: 100%;
}
.base.arrowTriangle.left:after {
  border-color: transparent white  transparent  transparent;
  right: 100%;
}
.base.arrowTriangle.left:before {
  border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
  border-color: transparent rgb(185, 192, 198) transparent transparent\9;
  right: 100%;
}
/** ------- arrow triangle top for a loweredBevelBorderBox*/
.base.loweredBevelBorderBox.arrowTriangle.top:after {
  border-width: 15px;
  border-style: solid outset;
  top: -26px;
  left: 102px;
}
.base.loweredBevelBorderBox.arrowTriangle.top:before {
  border-width: 14px;
  top: -28px;
  left: 103px;
}
.base.pointer.downArrow {
  background: white;
  position: relative;
  margin-bottom: 21px;
  cursor: default;
}
.base.pointer.downArrow:before,
.base.pointer.downArrow:after,
.base.pointer.topArrow:before,
.base.pointer.topArrow:after {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
}
.base.pointer.downArrow:before {
  border-color: rgba(0, 0, 0, 0.1) transparent transparent;
  top: 100%;
}
.base.pointer.downArrow:after {
  border-color: white transparent transparent;
  top: 98%;
}
.base.pointer.downArrow.left:after,
.base.pointer.downArrow.left:before,
.base.pointer.topArrow.topLeft:after,
.base.pointer.topArrow.topLeft:before {
  left: 30px;
}
.base.pointer.downArrow.right:after,
.base.pointer.downArrow.right:before,
.base.pointer.topArrow.topRight:after,
.base.pointer.topArrow.topRight:before {
  right: 30px;
}
.gecko .base.pointer.downArrow:before,
.gecko .base.pointer.downArrow:after {
  border-width: 20px;
  border-style: outset;
}
.gecko .base.pointer.downArrow:before {
  border-color: rgba(0, 0, 0, 0.5) transparent transparent;
}
.base.pointer.topArrow {
  background: white;
  position: relative;
  margin-top: 21px;
  cursor: default;
}
.base.pointer.topArrow:before {
  border-color: transparent transparent rgba(0, 0, 0, 0.1);
  bottom: 100%;
}
.base.pointer.topArrow:after {
  border-color: transparent transparent white;
  bottom: 97%;
}
.tooltipWrapper {
  position: relative;
}
.tooltipContainer {
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 0 #000000;
  border: 1px solid #B9C0C6;
  width: 240px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 12;
}
.tooltipContainer.hidden {
  display: none;
}
.tooltipContainer.reusable {
  width: 270px;
}
.tooltipContainer .tooltipHead {
  background-color: #e7edf0;
  background-repeat: repeat-x;
  height: 30px;
  -webkit-border-radius: 9px 9px 0 0;
  -khtml-border-radius: 9px 9px 0 0;
  -moz-border-radius: 9px 9px 0 0;
  -ms-border-radius: 9px 9px 0 0;
  -o-border-radius: 9px 9px 0 0;
  border-radius: 9px 9px 0 0;
}
.tooltipContainer .tooltipHead .headerTexts {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  padding-left: 4px;
}
.tooltipContainer .tooltipHead .headerTexts {
  *display: block;
  *width: auto;
}
.tooltipContainer .tooltipHead .icon_sprite.small.headerTexts {
  padding-left: 25px;
  width: auto;
}
.tooltipContainer .tooltipHead .headerTexts .headerText {
  font-weight: bold;
  display: block;
  margin-left: 14px;
}
.tooltipContainer .tooltipHead .headline {
  font-weight: bold;
  display: block;
  margin-left: 20px;
  margin-top: 20px;
}
.tooltipContainer .tooltipHead .headerTexts .subHeaderText {
  font-weight: bold;
  margin-left: 14px;
}
.tooltipContainer .tooltipHead .subHeadline {
  font-weight: bold;
  margin-left: 20px;
}
.tooltipContainer .tooltipBody {
  padding: 16px 17px 17px 17px;
  text-align: left;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 9px 9px;
  -khtml-border-radius: 0 0 9px 9px;
  -moz-border-radius: 0 0 9px 9px;
  -ms-border-radius: 0 0 9px 9px;
  -o-border-radius: 0 0 9px 9px;
  border-radius: 0 0 9px 9px;
}
.tooltipContainer .tooltipHead .toolIconPos {
  margin-top: 11px;
  margin-left: 15px;
  float: left;
  height: 33px;
  width: 33px;
}
.tooltipWrapper .tooltipContainer .closeButtonPos {
  position: absolute;
  top: 4px;
  right: 3px;
}
.tooltipWrapper .tooltipContainer .closeButtonPos:hover {
  cursor: pointer;
}
/***************************************************************
*    could be extended for more Colors by adding rules like
*   .tooltipWrapper .tooltipContainer .tooltipHead.bg.c0.a .base.arrowTriangle.top:after{
*        border-color: transparent transparent <colorcode>;
*    }
*
****************************************************************/
.tooltipWrapper .tooltipContainer .tooltipHead .base.arrowTriangle.top:after {
  border-color: transparent transparent #e7edf0;
}
.tooltipWrapper .tooltipContainer .tooltipHead .base.arrowTriangle.right:after {
  border-color: transparent transparent transparent #e7edf0;
}
.tooltipWrapper .tooltipContainer .tooltipHead .base.arrowTriangle.left:after {
  border-color: transparent #e7edf0 transparent transparent;
}
.tooltipWrapper .tooltipContainer.top {
  top: 15px;
}
.tooltipWrapper .tooltipContainer.bottom {
  bottom: 15px;
}
.tooltipWrapper .tooltipContainer.left {
  left: 25px;
}
.tooltipWrapper .tooltipContainer.right {
  right: 25px;
}
/** little helper **/
.tooltipWrapper .tooltipContainer div.clearDiv {
  clear: both;
  height: 0;
}
/** general CSS from tooltip-component**/
/** CSS for specific components **/
.base.expandableInfo {
  margin-bottom: 4px;
}
.base.expandableInfo .expandableInfoContent {
  margin-top: 4px;
}
.base.expandableInfo > * {
  padding-left: 20px;
}
.base.spinner.big {
  background: url('../images/spinner/spinner_grey_big.gif') top left no-repeat;
  min-width: 32px;
  min-height: 32px;
}
.base.spinner.small {
  background: url('../images/spinner/spinner_grey_small.gif') top left no-repeat;
  min-width: 16px;
  min-height: 16px;
}
.base.validationMessageTooltip {
  position: absolute;
  box-shadow: 0 0 10px 0 #000000;
  border: 1px solid #B9C0C6;
  width: 130px;
  line-height: 14px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 12;
  padding: 16px 17px 17px 17px;
  background-color: #ffffff;
  display: block;
}
#commonTooltip {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  /* we need to put this above jquery colorbox... (which uses a really large z-index) */
  z-index: 2000000;
}
#commonTooltip.preparing {
  display: block;
  visibility: hidden;
}
#commonTooltip.visible {
  display: block;
  visibility: visible;
}
#commonTooltip.smallWidth {
  width: 250px;
}
#collapsibleTab .tabLinkContainer .tabBar {
  float: right;
  position: relative;
  height: 31px;
  padding-top: 9px;
  border-bottom: 0;
  padding-right: 10px;
  margin-top: -2px;
}
#collapsibleTab .tabCloseLink {
  float: right;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  margin-top: 20px;
  height: 0px;
}
#collapsibleTab .tabLinkContainer {
  height: 30px;
  cursor: pointer;
}
#collapsibleTab .tabLinkContainer a.tabLink {
  color: #333333;
  padding: 0 0 0 16px;
  text-decoration: none;
  outline: none;
  font-weight: bold;
  margin-left: 11px;
}
#collapsibleTab .tabLinkContainer {
  position: absolute;
  top: -29px;
  right: 27px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#collapsibleTab .animatedDiv {
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
#collapsibleTab .animatedCSSDiv {
  overflow: hidden;
  height: 0;
  margin-top: -1px;
  -webkit-transition: height 250ms;
  -moz-transition: height 250ms;
  -ms-transition: height 250ms;
  -o-transition: height 250ms;
  transition: height 250ms;
}
#collapsibleTab .tabContent {
  padding: 30px 30px 24px 30px;
  margin-bottom: 30px;
}
#collapsibleTab .tabLinkContainer div.tabBar:first-child {
  padding-right: 30px;
}
#collapsibleTab .tabsContentContainer {
  padding-bottom: 0px;
}
#collapsibleTab .tabsContentContainer.active {
  padding-bottom: 30px;
}
#collapsibleTab #tabInfoIcon {
  position: absolute;
  right: -13px;
  top: -19px;
}
#collapsibleTab h4 {
  padding: 0px;
  margin: 0px;
}
#collapsibleTab .tabContent p {
  margin: 0px 0px 20px 0px;
}
#collapsibleTab .lastElement {
  margin-bottom: 0px;
}
#collapsibleTab.newspaper .tabContent {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
  -moz-column-rule: 1px outset #C9CACA;
  -webkit-column-rule: 1px outset #C9CACA;
  column-rule: 1px outset #C9CACA;
}
.flatArrow.field {
  position: relative;
}
.flatArrow.field.active:after {
  background: url('../images/generic_sprite.png') top left no-repeat;
  content: "";
  display: inline-block;
  width: 30px;
  height: 9px;
  position: absolute;
  background-position: -4px -623px;
  left: 50%;
  margin-left: -15px;
  top: 0px;
}
.base.colorButton.inactive.state,
.base.colorButton.row.inactive.state,
.base.colorButton {
  position: relative;
  display: inline-block;
  /* Standard for all */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 9px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  padding: 0 20px;
  /* ios reset */
  -webkit-appearance: none;
  /* size specific */
  height: 37px;
  line-height: 36px;
  font-size: 14px;
  /* color specific */
  color: #61696E;
  background-color: #d9e2e7;
  border: 1px solid #9daab0;
  box-shadow: 1px 2px 3px 0 rgba(49, 58, 63, 0.5), -5px -5px 9px 0 #b7bcbe inset, 5px 5px 9px 0 #f4f6f8 inset;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.base.colorButton.inactive.state:focus,
.base.colorButton.row.inactive.state:focus,
.base.colorButton:focus {
  outline: 0;
}
.base.colorButton.inactive.state:focus-visible,
.base.colorButton.row.inactive.state:focus-visible,
.base.colorButton:focus-visible {
  outline: auto #101010 !important;
}
.base.colorButton[type=submit]::-moz-focus-inner,
.base.colorButton[type=button]::-moz-focus-inner {
  margin-top: -2px;
}
.base.colorButton.small,
.base.colorButton.small.inactive.state {
  padding: 0 12px;
}
.base.colorButton.tiny,
.base.colorButton.tiny.inactive.state {
  padding: 0 10px;
}
.base.colorButton.tiny.lowPad {
  padding: 0 7px;
}
/*Wrapper class for the table row buttons*/
.base.colorButtonRowWrapper {
  display: table;
}
/* standard inactive state */
.base.colorButton.small.inactive.state,
.base.colorButton.tiny.inactive.state,
.base.colorButton.huge.inactive.state,
.base.colorButton.row.inactive.state,
.base.colorButton.inactive.state {
  cursor: default;
}
/* small */
.base.colorButton.small.inactive.state,
.base.colorButton.small.inactive.state:hover,
.base.colorButton.small.inactive.state:active,
.base.colorButton.small.inactive.state:active,
.base.colorButton.small {
  border-radius: 7px;
  font-size: 10px;
  line-height: 25px;
  height: 26px;
}
.base.colorButton.vertical {
  position: absolute;
  left: -30px;
  width: 28px;
  min-width: 28px;
  height: 55px;
  padding: 8px 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: -3px -3px 6px 0 #B7BCBE inset, 3px 3px 6px 0 #F4F6F8 inset;
}
/* tiny */
.base.colorButton.tiny.inactive.state,
.base.colorButton.tiny.inactive.state:hover,
.base.colorButton.tiny.inactive.state:active,
.base.colorButton.tiny.inactive.state:active,
.base.colorButton.tiny {
  border-radius: 5px;
  font-size: 10px;
  line-height: 17px;
  height: 18px;
}
.base.colorButton.tiny.fixed,
.base.colorButton.tiny.fixed.inactive.state {
  padding: 0;
  margin: 0;
  min-width: 38px;
  box-sizing: border-box;
  height: 20px;
}
.base.colorButton.tiny.fixed[class*=icf-]::before,
.base.colorButton.tiny.fixed.inactive.state[class*=icf-]::before {
  font-size: 15px;
}
.base.colorButton.tiny.fixed.invisible:not(:hover) {
  box-shadow: none ;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: inherit;
  text-shadow: none;
}
.base.colorButton.small.row.inactive.state,
.base.colorButton.small.row.inactive.state:hover,
.base.colorButton.small.row.inactive.state:active,
.base.colorButton.small.row {
  width: auto;
  display: table-cell;
  min-width: 0;
  border-left-width: 0 !important;
  border-radius: 0px;
  /* TODO needs to be set up for all other colors - otherwise the inactive state has a gray hover */
}
/* small row inactive configuration */
.base.colorButton.small.row.inactive.state:first-of-type,
.base.colorButton.small.row.inactive.state:active:first-of-type,
.base.colorButton.small.row.inactive.state:hover:first-of-type,
.base.colorButton.small.row:first-of-type {
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  border-left-width: 1px !important;
}
/* with active class no cursor*/
.base.colorButton.active {
  cursor: default !important;
}
/* small row default configuration */
.base.colorButton.small.row.inactive.state:last-of-type,
.base.colorButton.small.row.inactive.state:active:last-of-type,
.base.colorButton.small.row.inactive.state:hover:last-of-type,
.base.colorButton.small.row:last-of-type {
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
}
/* use this for positioning a icon inside the button */
.base.colorButton.tiny.fixed .icon {
  display: block;
  margin: auto;
}
.base.colorButton.huge.inactive.state,
.base.colorButton.huge.inactive.state:hover,
.base.colorButton.huge.inactive.state:active,
.base.colorButton.huge.inactive.state:active,
.base.colorButton.huge {
  border-radius: 10px;
  font-size: 18px;
  line-height: 41px;
  height: 48px;
}
/* hover state grey */
/* active state grey */
.base.colorButton.small.row.active,
.base.colorButton.small.row:active,
.base.colorButton.active,
.base.colorButton:active {
  background-color: #e7ecef;
  box-shadow: 0 0 0.6em 0 #bec7cc inset;
}
/* blueGreen */
.colorScheme .colorScheme.base.colorButton,
.colorScheme .colorScheme.base.colorButton.inactive.state,
.colorScheme .colorScheme.base.colorButton.small.inactive.state,
.colorScheme .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.inactive.state,
.base.colorButton.small.inactive.state,
.base.colorButton.tiny.inactive.state,
.base.colorButton {
  color: #313a3f;
  background: linear-gradient(to bottom, #f5fafc 5%, #d9e2e7 100%);
  border: 1px solid #cbd4d9;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #fff inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.inactive.state,
.colorScheme .colorScheme.base.colorButton.small.inactive.state,
.colorScheme .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.small.inactive.state,
.base.colorButton.tiny.inactive.state,
.base.colorButton.inactive.state {
  color: #adb6bb;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #f5fafc 0%, #d9e2e7 100%);
  border: 1px solid #cbd4d9;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #fff inset;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton:hover,
.base.colorButton.hover,
.base.colorButton:hover {
  background: linear-gradient(to bottom, #f5fafc 0%, #cbd4d9 100%);
  border: 1px solid #bec7cc;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.hover,
.base.colorButton.small:hover {
  background: linear-gradient(to bottom, #f5fafc 0%, #cbd4d9 100%);
  border: 1px solid #bec7cc;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.tiny.hover,
.colorScheme .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.hover,
.base.colorButton.tiny:hover {
  background: linear-gradient(to bottom, #f5fafc 0%, #cbd4d9 100%);
  border: 1px solid #bec7cc;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.active,
.colorScheme .colorScheme.base.colorButton:active,
.base.colorButton.active,
.base.colorButton:active {
  box-shadow: 0 0 0.6em 0 #bec7cc inset;
  background: linear-gradient(to bottom, #f5fafc 0%, #cbd4d9 100%);
  border: 1px solid #bec7cc;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.small.active,
.colorScheme .colorScheme.base.colorButton.small:active,
.base.colorButton.small:active,
.base.colorButton.small.active {
  box-shadow: 0 0 0.6em 0 #bec7cc inset;
  background: linear-gradient(to bottom, #f5fafc 0%, #cbd4d9 100%);
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.tiny.active,
.colorScheme .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny:active,
.base.colorButton.tiny.active {
  box-shadow: 0 0 0.6em 0 #bec7cc inset;
  background: linear-gradient(to bottom, #f5fafc 0%, #cbd4d9 100%);
  border: 1px solid #bec7cc;
}
.colorScheme.gray .colorScheme.base.colorButton,
.colorScheme.gray .colorScheme.base.colorButton.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.gray.inactive.state,
.base.colorButton.gray.small.inactive.state,
.base.colorButton.gray.tiny.inactive.state,
.base.colorButton.gray {
  color: #fff;
  background: linear-gradient(to bottom, #9da6ab 5%, #848d92 100%);
  border: 1px solid #848d92;
  text-shadow: 0 0 3px #848d92, 0 0 3px #848d92, 0 0 3px #848d92, 0 0 3px #848d92, 0 0 3px #848d92;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #cbd4d9 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.gray.small.inactive.state,
.base.colorButton.gray.tiny.inactive.state,
.base.colorButton.gray.inactive.state {
  color: #adb6bb;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #9da6ab 0%, #848d92 100%);
  border: 1px solid #848d92;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #cbd4d9 inset;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton:hover,
.base.colorButton.gray.hover,
.base.colorButton.gray:hover {
  background: linear-gradient(to bottom, #adb6bb 0%, #9da6ab 100%);
  border: 1px solid #9da6ab;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.gray.hover,
.base.colorButton.small.gray:hover {
  background: linear-gradient(to bottom, #adb6bb 0%, #9da6ab 100%);
  border: 1px solid #9da6ab;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.tiny.hover,
.colorScheme.gray .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.gray.hover,
.base.colorButton.tiny.gray:hover {
  background: linear-gradient(to bottom, #adb6bb 0%, #9da6ab 100%);
  border: 1px solid #9da6ab;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.active,
.colorScheme.gray .colorScheme.base.colorButton:active,
.base.colorButton.gray.active,
.base.colorButton.gray:active {
  box-shadow: 0 0 0.6em 0 #4d565b inset;
  background: linear-gradient(to bottom, #adb6bb 0%, #9da6ab 100%);
  border: 1px solid #9da6ab;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.small.active,
.colorScheme.gray .colorScheme.base.colorButton.small:active,
.base.colorButton.small.gray:active,
.base.colorButton.small.gray.active {
  box-shadow: 0 0 0.6em 0 #4d565b inset;
  background: linear-gradient(to bottom, #adb6bb 0%, #9da6ab 100%);
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.tiny.active,
.colorScheme.gray .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.gray:active,
.base.colorButton.tiny.gray.active {
  box-shadow: 0 0 0.6em 0 #4d565b inset;
  background: linear-gradient(to bottom, #adb6bb 0%, #9da6ab 100%);
  border: 1px solid #9da6ab;
}
.colorScheme.yellow .colorScheme.base.colorButton,
.colorScheme.yellow .colorScheme.base.colorButton.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.yellow.inactive.state,
.base.colorButton.yellow.small.inactive.state,
.base.colorButton.yellow.tiny.inactive.state,
.base.colorButton.yellow {
  color: #fff;
  background: linear-gradient(to bottom, #ffaf02 5%, #f49906 100%);
  border: 1px solid #f49906;
  text-shadow: 0 0 3px #e5841c, 0 0 3px #e5841c, 0 0 3px #e5841c, 0 0 3px #e5841c, 0 0 3px #e5841c;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #ffea55 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.yellow.small.inactive.state,
.base.colorButton.yellow.tiny.inactive.state,
.base.colorButton.yellow.inactive.state {
  color: #ffc60b;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #ffaf02 0%, #f49906 100%);
  border: 1px solid #f49906;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #ffea55 inset;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton:hover,
.base.colorButton.yellow.hover,
.base.colorButton.yellow:hover {
  background: linear-gradient(to bottom, #ffc60b 0%, #ffaf02 100%);
  border: 1px solid #ffaf02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.yellow.hover,
.base.colorButton.small.yellow:hover {
  background: linear-gradient(to bottom, #ffc60b 0%, #ffaf02 100%);
  border: 1px solid #ffaf02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.tiny.hover,
.colorScheme.yellow .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.yellow.hover,
.base.colorButton.tiny.yellow:hover {
  background: linear-gradient(to bottom, #ffc60b 0%, #ffaf02 100%);
  border: 1px solid #ffaf02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.active,
.colorScheme.yellow .colorScheme.base.colorButton:active,
.base.colorButton.yellow.active,
.base.colorButton.yellow:active {
  box-shadow: 0 0 0.6em 0 #d46c04 inset;
  background: linear-gradient(to bottom, #ffc60b 0%, #ffaf02 100%);
  border: 1px solid #ffaf02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.small.active,
.colorScheme.yellow .colorScheme.base.colorButton.small:active,
.base.colorButton.small.yellow:active,
.base.colorButton.small.yellow.active {
  box-shadow: 0 0 0.6em 0 #d46c04 inset;
  background: linear-gradient(to bottom, #ffc60b 0%, #ffaf02 100%);
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.tiny.active,
.colorScheme.yellow .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.yellow:active,
.base.colorButton.tiny.yellow.active {
  box-shadow: 0 0 0.6em 0 #d46c04 inset;
  background: linear-gradient(to bottom, #ffc60b 0%, #ffaf02 100%);
  border: 1px solid #ffaf02;
}
.colorScheme.orange .colorScheme.base.colorButton,
.colorScheme.orange .colorScheme.base.colorButton.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.orange.inactive.state,
.base.colorButton.orange.small.inactive.state,
.base.colorButton.orange.tiny.inactive.state,
.base.colorButton.orange {
  color: #fff;
  background: linear-gradient(to bottom, #ed7600 5%, #e36600 100%);
  border: 1px solid #e36600;
  text-shadow: 0 0 3px #e36600, 0 0 3px #e36600, 0 0 3px #e36600, 0 0 3px #e36600, 0 0 3px #e36600;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #ffba5a inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.orange.small.inactive.state,
.base.colorButton.orange.tiny.inactive.state,
.base.colorButton.orange.inactive.state {
  color: #f7911b;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #ed7600 0%, #e36600 100%);
  border: 1px solid #e36600;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #ffba5a inset;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton:hover,
.base.colorButton.orange.hover,
.base.colorButton.orange:hover {
  background: linear-gradient(to bottom, #f7911b 0%, #ed7600 100%);
  border: 1px solid #ed7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.orange.hover,
.base.colorButton.small.orange:hover {
  background: linear-gradient(to bottom, #f7911b 0%, #ed7600 100%);
  border: 1px solid #ed7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.tiny.hover,
.colorScheme.orange .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.orange.hover,
.base.colorButton.tiny.orange:hover {
  background: linear-gradient(to bottom, #f7911b 0%, #ed7600 100%);
  border: 1px solid #ed7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.active,
.colorScheme.orange .colorScheme.base.colorButton:active,
.base.colorButton.orange.active,
.base.colorButton.orange:active {
  box-shadow: 0 0 0.6em 0 #b53b07 inset;
  background: linear-gradient(to bottom, #f7911b 0%, #ed7600 100%);
  border: 1px solid #ed7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.small.active,
.colorScheme.orange .colorScheme.base.colorButton.small:active,
.base.colorButton.small.orange:active,
.base.colorButton.small.orange.active {
  box-shadow: 0 0 0.6em 0 #b53b07 inset;
  background: linear-gradient(to bottom, #f7911b 0%, #ed7600 100%);
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.tiny.active,
.colorScheme.orange .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.orange:active,
.base.colorButton.tiny.orange.active {
  box-shadow: 0 0 0.6em 0 #b53b07 inset;
  background: linear-gradient(to bottom, #f7911b 0%, #ed7600 100%);
  border: 1px solid #ed7600;
}
.colorScheme.red .colorScheme.base.colorButton,
.colorScheme.red .colorScheme.base.colorButton.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.red.inactive.state,
.base.colorButton.red.small.inactive.state,
.base.colorButton.red.tiny.inactive.state,
.base.colorButton.red {
  color: #fff;
  background: linear-gradient(to bottom, #ce2830 5%, #bc111a 100%);
  border: 1px solid #bc111a;
  text-shadow: 0 0 3px #bc111a, 0 0 3px #bc111a, 0 0 3px #bc111a, 0 0 3px #bc111a, 0 0 3px #bc111a;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #f2a59e inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.red.small.inactive.state,
.base.colorButton.red.tiny.inactive.state,
.base.colorButton.red.inactive.state {
  color: #e63434;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #ce2830 0%, #bc111a 100%);
  border: 1px solid #bc111a;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #f2a59e inset;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton:hover,
.base.colorButton.red.hover,
.base.colorButton.red:hover {
  background: linear-gradient(to bottom, #e63434 0%, #ce2830 100%);
  border: 1px solid #ce2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.red.hover,
.base.colorButton.small.red:hover {
  background: linear-gradient(to bottom, #e63434 0%, #ce2830 100%);
  border: 1px solid #ce2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.tiny.hover,
.colorScheme.red .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.red.hover,
.base.colorButton.tiny.red:hover {
  background: linear-gradient(to bottom, #e63434 0%, #ce2830 100%);
  border: 1px solid #ce2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.active,
.colorScheme.red .colorScheme.base.colorButton:active,
.base.colorButton.red.active,
.base.colorButton.red:active {
  box-shadow: 0 0 0.6em 0 #700f1c inset;
  background: linear-gradient(to bottom, #e63434 0%, #ce2830 100%);
  border: 1px solid #ce2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.small.active,
.colorScheme.red .colorScheme.base.colorButton.small:active,
.base.colorButton.small.red:active,
.base.colorButton.small.red.active {
  box-shadow: 0 0 0.6em 0 #700f1c inset;
  background: linear-gradient(to bottom, #e63434 0%, #ce2830 100%);
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.tiny.active,
.colorScheme.red .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.red:active,
.base.colorButton.tiny.red.active {
  box-shadow: 0 0 0.6em 0 #700f1c inset;
  background: linear-gradient(to bottom, #e63434 0%, #ce2830 100%);
  border: 1px solid #ce2830;
}
.colorScheme.purple .colorScheme.base.colorButton,
.colorScheme.purple .colorScheme.base.colorButton.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.purple.inactive.state,
.base.colorButton.purple.small.inactive.state,
.base.colorButton.purple.tiny.inactive.state,
.base.colorButton.purple {
  color: #fff;
  background: linear-gradient(to bottom, #8c70e0 5%, #7963ba 100%);
  border: 1px solid #7963ba;
  text-shadow: 0 0 3px #7963ba, 0 0 3px #7963ba, 0 0 3px #7963ba, 0 0 3px #7963ba, 0 0 3px #7963ba;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #cfbdf4 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.purple.small.inactive.state,
.base.colorButton.purple.tiny.inactive.state,
.base.colorButton.purple.inactive.state {
  color: #af96fa;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #8c70e0 0%, #7963ba 100%);
  border: 1px solid #7963ba;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #cfbdf4 inset;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton:hover,
.base.colorButton.purple.hover,
.base.colorButton.purple:hover {
  background: linear-gradient(to bottom, #af96fa 0%, #8c70e0 100%);
  border: 1px solid #8c70e0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.purple.hover,
.base.colorButton.small.purple:hover {
  background: linear-gradient(to bottom, #af96fa 0%, #8c70e0 100%);
  border: 1px solid #8c70e0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.tiny.hover,
.colorScheme.purple .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.purple.hover,
.base.colorButton.tiny.purple:hover {
  background: linear-gradient(to bottom, #af96fa 0%, #8c70e0 100%);
  border: 1px solid #8c70e0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.active,
.colorScheme.purple .colorScheme.base.colorButton:active,
.base.colorButton.purple.active,
.base.colorButton.purple:active {
  box-shadow: 0 0 0.6em 0 #2c2163 inset;
  background: linear-gradient(to bottom, #af96fa 0%, #8c70e0 100%);
  border: 1px solid #8c70e0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.small.active,
.colorScheme.purple .colorScheme.base.colorButton.small:active,
.base.colorButton.small.purple:active,
.base.colorButton.small.purple.active {
  box-shadow: 0 0 0.6em 0 #2c2163 inset;
  background: linear-gradient(to bottom, #af96fa 0%, #8c70e0 100%);
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.tiny.active,
.colorScheme.purple .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.purple:active,
.base.colorButton.tiny.purple.active {
  box-shadow: 0 0 0.6em 0 #2c2163 inset;
  background: linear-gradient(to bottom, #af96fa 0%, #8c70e0 100%);
  border: 1px solid #8c70e0;
}
.colorScheme.midBlue .colorScheme.base.colorButton,
.colorScheme.midBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midBlue.inactive.state,
.base.colorButton.midBlue.small.inactive.state,
.base.colorButton.midBlue.tiny.inactive.state,
.base.colorButton.midBlue {
  color: #fff;
  background: linear-gradient(to bottom, #246db5 5%, #165f9b 100%);
  border: 1px solid #165f9b;
  text-shadow: 0 0 3px #165f9b, 0 0 3px #165f9b, 0 0 3px #165f9b, 0 0 3px #165f9b, 0 0 3px #165f9b;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #61a4d4 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midBlue.small.inactive.state,
.base.colorButton.midBlue.tiny.inactive.state,
.base.colorButton.midBlue.inactive.state {
  color: #3f88d1;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #246db5 0%, #165f9b 100%);
  border: 1px solid #165f9b;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #61a4d4 inset;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton:hover,
.base.colorButton.midBlue.hover,
.base.colorButton.midBlue:hover {
  background: linear-gradient(to bottom, #3f88d1 0%, #246db5 100%);
  border: 1px solid #246db5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.midBlue.hover,
.base.colorButton.small.midBlue:hover {
  background: linear-gradient(to bottom, #3f88d1 0%, #246db5 100%);
  border: 1px solid #246db5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.hover,
.colorScheme.midBlue .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.midBlue.hover,
.base.colorButton.tiny.midBlue:hover {
  background: linear-gradient(to bottom, #3f88d1 0%, #246db5 100%);
  border: 1px solid #246db5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.active,
.colorScheme.midBlue .colorScheme.base.colorButton:active,
.base.colorButton.midBlue.active,
.base.colorButton.midBlue:active {
  box-shadow: 0 0 0.6em 0 #032d56 inset;
  background: linear-gradient(to bottom, #3f88d1 0%, #246db5 100%);
  border: 1px solid #246db5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.small.active,
.colorScheme.midBlue .colorScheme.base.colorButton.small:active,
.base.colorButton.small.midBlue:active,
.base.colorButton.small.midBlue.active {
  box-shadow: 0 0 0.6em 0 #032d56 inset;
  background: linear-gradient(to bottom, #3f88d1 0%, #246db5 100%);
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.active,
.colorScheme.midBlue .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.midBlue:active,
.base.colorButton.tiny.midBlue.active {
  box-shadow: 0 0 0.6em 0 #032d56 inset;
  background: linear-gradient(to bottom, #3f88d1 0%, #246db5 100%);
  border: 1px solid #246db5;
}
.colorScheme.lightBlue .colorScheme.base.colorButton,
.colorScheme.lightBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightBlue.inactive.state,
.base.colorButton.lightBlue.small.inactive.state,
.base.colorButton.lightBlue.tiny.inactive.state,
.base.colorButton.lightBlue {
  color: #fff;
  background: linear-gradient(to bottom, #0999e1 5%, #0a86c4 100%);
  border: 1px solid #0a86c4;
  text-shadow: 0 0 3px #0a86c4, 0 0 3px #0a86c4, 0 0 3px #0a86c4, 0 0 3px #0a86c4, 0 0 3px #0a86c4;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #78d2f5 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightBlue.small.inactive.state,
.base.colorButton.lightBlue.tiny.inactive.state,
.base.colorButton.lightBlue.inactive.state {
  color: #3eb7f4;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #0999e1 0%, #0a86c4 100%);
  border: 1px solid #0a86c4;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #78d2f5 inset;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton:hover,
.base.colorButton.lightBlue.hover,
.base.colorButton.lightBlue:hover {
  background: linear-gradient(to bottom, #3eb7f4 0%, #0999e1 100%);
  border: 1px solid #0999e1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.lightBlue.hover,
.base.colorButton.small.lightBlue:hover {
  background: linear-gradient(to bottom, #3eb7f4 0%, #0999e1 100%);
  border: 1px solid #0999e1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.hover,
.colorScheme.lightBlue .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.lightBlue.hover,
.base.colorButton.tiny.lightBlue:hover {
  background: linear-gradient(to bottom, #3eb7f4 0%, #0999e1 100%);
  border: 1px solid #0999e1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.active,
.colorScheme.lightBlue .colorScheme.base.colorButton:active,
.base.colorButton.lightBlue.active,
.base.colorButton.lightBlue:active {
  box-shadow: 0 0 0.6em 0 #06537a inset;
  background: linear-gradient(to bottom, #3eb7f4 0%, #0999e1 100%);
  border: 1px solid #0999e1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.small.active,
.colorScheme.lightBlue .colorScheme.base.colorButton.small:active,
.base.colorButton.small.lightBlue:active,
.base.colorButton.small.lightBlue.active {
  box-shadow: 0 0 0.6em 0 #06537a inset;
  background: linear-gradient(to bottom, #3eb7f4 0%, #0999e1 100%);
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.active,
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.lightBlue:active,
.base.colorButton.tiny.lightBlue.active {
  box-shadow: 0 0 0.6em 0 #06537a inset;
  background: linear-gradient(to bottom, #3eb7f4 0%, #0999e1 100%);
  border: 1px solid #0999e1;
}
.colorScheme.turquoise .colorScheme.base.colorButton,
.colorScheme.turquoise .colorScheme.base.colorButton.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.turquoise.inactive.state,
.base.colorButton.turquoise.small.inactive.state,
.base.colorButton.turquoise.tiny.inactive.state,
.base.colorButton.turquoise {
  color: #fff;
  background: linear-gradient(to bottom, #08ccc5 5%, #04b0aa 100%);
  border: 1px solid #04b0aa;
  text-shadow: 0 0 3px #04b0aa, 0 0 3px #04b0aa, 0 0 3px #04b0aa, 0 0 3px #04b0aa, 0 0 3px #04b0aa;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #99f7ee inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.turquoise.small.inactive.state,
.base.colorButton.turquoise.tiny.inactive.state,
.base.colorButton.turquoise.inactive.state {
  color: #3ae0db;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #08ccc5 0%, #04b0aa 100%);
  border: 1px solid #04b0aa;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #99f7ee inset;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton:hover,
.base.colorButton.turquoise.hover,
.base.colorButton.turquoise:hover {
  background: linear-gradient(to bottom, #3ae0db 0%, #08ccc5 100%);
  border: 1px solid #08ccc5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.turquoise.hover,
.base.colorButton.small.turquoise:hover {
  background: linear-gradient(to bottom, #3ae0db 0%, #08ccc5 100%);
  border: 1px solid #08ccc5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.hover,
.colorScheme.turquoise .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.turquoise.hover,
.base.colorButton.tiny.turquoise:hover {
  background: linear-gradient(to bottom, #3ae0db 0%, #08ccc5 100%);
  border: 1px solid #08ccc5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.active,
.colorScheme.turquoise .colorScheme.base.colorButton:active,
.base.colorButton.turquoise.active,
.base.colorButton.turquoise:active {
  box-shadow: 0 0 0.6em 0 #00605d inset;
  background: linear-gradient(to bottom, #3ae0db 0%, #08ccc5 100%);
  border: 1px solid #08ccc5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.small.active,
.colorScheme.turquoise .colorScheme.base.colorButton.small:active,
.base.colorButton.small.turquoise:active,
.base.colorButton.small.turquoise.active {
  box-shadow: 0 0 0.6em 0 #00605d inset;
  background: linear-gradient(to bottom, #3ae0db 0%, #08ccc5 100%);
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.active,
.colorScheme.turquoise .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.turquoise:active,
.base.colorButton.tiny.turquoise.active {
  box-shadow: 0 0 0.6em 0 #00605d inset;
  background: linear-gradient(to bottom, #3ae0db 0%, #08ccc5 100%);
  border: 1px solid #08ccc5;
}
.colorScheme.midGreen .colorScheme.base.colorButton,
.colorScheme.midGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midGreen.inactive.state,
.base.colorButton.midGreen.small.inactive.state,
.base.colorButton.midGreen.tiny.inactive.state,
.base.colorButton.midGreen {
  color: #fff;
  background: linear-gradient(to bottom, #46b324 5%, #399e16 100%);
  border: 1px solid #399e16;
  text-shadow: 0 0 3px #399e16, 0 0 3px #399e16, 0 0 3px #399e16, 0 0 3px #399e16, 0 0 3px #399e16;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #a8ed85 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midGreen.small.inactive.state,
.base.colorButton.midGreen.tiny.inactive.state,
.base.colorButton.midGreen.inactive.state {
  color: #64ce3e;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #46b324 0%, #399e16 100%);
  border: 1px solid #399e16;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #a8ed85 inset;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton:hover,
.base.colorButton.midGreen.hover,
.base.colorButton.midGreen:hover {
  background: linear-gradient(to bottom, #64ce3e 0%, #46b324 100%);
  border: 1px solid #46b324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.midGreen.hover,
.base.colorButton.small.midGreen:hover {
  background: linear-gradient(to bottom, #64ce3e 0%, #46b324 100%);
  border: 1px solid #46b324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.hover,
.colorScheme.midGreen .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.midGreen.hover,
.base.colorButton.tiny.midGreen:hover {
  background: linear-gradient(to bottom, #64ce3e 0%, #46b324 100%);
  border: 1px solid #46b324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.active,
.colorScheme.midGreen .colorScheme.base.colorButton:active,
.base.colorButton.midGreen.active,
.base.colorButton.midGreen:active {
  box-shadow: 0 0 0.6em 0 #225e0d inset;
  background: linear-gradient(to bottom, #64ce3e 0%, #46b324 100%);
  border: 1px solid #46b324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.small.active,
.colorScheme.midGreen .colorScheme.base.colorButton.small:active,
.base.colorButton.small.midGreen:active,
.base.colorButton.small.midGreen.active {
  box-shadow: 0 0 0.6em 0 #225e0d inset;
  background: linear-gradient(to bottom, #64ce3e 0%, #46b324 100%);
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.active,
.colorScheme.midGreen .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.midGreen:active,
.base.colorButton.tiny.midGreen.active {
  box-shadow: 0 0 0.6em 0 #225e0d inset;
  background: linear-gradient(to bottom, #64ce3e 0%, #46b324 100%);
  border: 1px solid #46b324;
}
.colorScheme.lightGreen .colorScheme.base.colorButton,
.colorScheme.lightGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightGreen.inactive.state,
.base.colorButton.lightGreen.small.inactive.state,
.base.colorButton.lightGreen.tiny.inactive.state,
.base.colorButton.lightGreen {
  color: #fff;
  background: linear-gradient(to bottom, #92c219 5%, #80ad0c 100%);
  border: 1px solid #80ad0c;
  text-shadow: 0 0 3px #80ad0c, 0 0 3px #80ad0c, 0 0 3px #80ad0c, 0 0 3px #80ad0c, 0 0 3px #80ad0c;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #d0f272 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightGreen.small.inactive.state,
.base.colorButton.lightGreen.tiny.inactive.state,
.base.colorButton.lightGreen.inactive.state {
  color: #aad934;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #92c219 0%, #80ad0c 100%);
  border: 1px solid #80ad0c;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #d0f272 inset;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton:hover,
.base.colorButton.lightGreen.hover,
.base.colorButton.lightGreen:hover {
  background: linear-gradient(to bottom, #aad934 0%, #92c219 100%);
  border: 1px solid #92c219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.lightGreen.hover,
.base.colorButton.small.lightGreen:hover {
  background: linear-gradient(to bottom, #aad934 0%, #92c219 100%);
  border: 1px solid #92c219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.hover,
.colorScheme.lightGreen .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.lightGreen.hover,
.base.colorButton.tiny.lightGreen:hover {
  background: linear-gradient(to bottom, #aad934 0%, #92c219 100%);
  border: 1px solid #92c219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.active,
.colorScheme.lightGreen .colorScheme.base.colorButton:active,
.base.colorButton.lightGreen.active,
.base.colorButton.lightGreen:active {
  box-shadow: 0 0 0.6em 0 #4f6b09 inset;
  background: linear-gradient(to bottom, #aad934 0%, #92c219 100%);
  border: 1px solid #92c219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.small.active,
.colorScheme.lightGreen .colorScheme.base.colorButton.small:active,
.base.colorButton.small.lightGreen:active,
.base.colorButton.small.lightGreen.active {
  box-shadow: 0 0 0.6em 0 #4f6b09 inset;
  background: linear-gradient(to bottom, #aad934 0%, #92c219 100%);
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.active,
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.lightGreen:active,
.base.colorButton.tiny.lightGreen.active {
  box-shadow: 0 0 0.6em 0 #4f6b09 inset;
  background: linear-gradient(to bottom, #aad934 0%, #92c219 100%);
  border: 1px solid #92c219;
}
.colorScheme.blueGreen .colorScheme.base.colorButton,
.colorScheme.blueGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.blueGreen.inactive.state,
.base.colorButton.blueGreen.small.inactive.state,
.base.colorButton.blueGreen.tiny.inactive.state,
.base.colorButton.blueGreen {
  color: #fff;
  background: linear-gradient(to bottom, #2cb070 5%, #24965f 100%);
  border: 1px solid #24965f;
  text-shadow: 0 0 3px #24965f, 0 0 3px #24965f, 0 0 3px #24965f, 0 0 3px #24965f, 0 0 3px #24965f;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #96e3be inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.blueGreen.small.inactive.state,
.base.colorButton.blueGreen.tiny.inactive.state,
.base.colorButton.blueGreen.inactive.state {
  color: #55c28d;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #2cb070 0%, #24965f 100%);
  border: 1px solid #24965f;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #96e3be inset;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton:hover,
.base.colorButton.blueGreen.hover,
.base.colorButton.blueGreen:hover {
  background: linear-gradient(to bottom, #55c28d 0%, #2cb070 100%);
  border: 1px solid #2cb070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.blueGreen.hover,
.base.colorButton.small.blueGreen:hover {
  background: linear-gradient(to bottom, #55c28d 0%, #2cb070 100%);
  border: 1px solid #2cb070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.hover,
.colorScheme.blueGreen .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.blueGreen.hover,
.base.colorButton.tiny.blueGreen:hover {
  background: linear-gradient(to bottom, #55c28d 0%, #2cb070 100%);
  border: 1px solid #2cb070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.active,
.colorScheme.blueGreen .colorScheme.base.colorButton:active,
.base.colorButton.blueGreen.active,
.base.colorButton.blueGreen:active {
  box-shadow: 0 0 0.6em 0 #054c2e inset;
  background: linear-gradient(to bottom, #55c28d 0%, #2cb070 100%);
  border: 1px solid #2cb070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.small.active,
.colorScheme.blueGreen .colorScheme.base.colorButton.small:active,
.base.colorButton.small.blueGreen:active,
.base.colorButton.small.blueGreen.active {
  box-shadow: 0 0 0.6em 0 #054c2e inset;
  background: linear-gradient(to bottom, #55c28d 0%, #2cb070 100%);
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.active,
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.blueGreen:active,
.base.colorButton.tiny.blueGreen.active {
  box-shadow: 0 0 0.6em 0 #054c2e inset;
  background: linear-gradient(to bottom, #55c28d 0%, #2cb070 100%);
  border: 1px solid #2cb070;
}
/** CSS for colorButton**/
.colorButtonContainer .colorButton {
  position: relative;
  float: left;
  cursor: pointer;
}
/** there is one sprite per color - normally we will only use one or two on a page so it does not make sense to load the
    full portfolio **/
.white.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_white_sprite.png) no-repeat top left;
}
.yellow.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_yellow_sprite.png) no-repeat top left;
}
.orange.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_orange_sprite.png) no-repeat top left;
}
.red.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_red_sprite.png) no-repeat top left;
}
.purple.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_purple_sprite.png) no-repeat top left;
}
.midBlue.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_midBlue_sprite.png) no-repeat top left;
}
.lightBlue.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_lightBlue_sprite.png) no-repeat top left;
}
.turqouise.colorButtonContainer .colorButton,
.turquoise.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_turqouise_sprite.png) no-repeat top left;
}
.midGreen.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_midGreen_sprite.png) no-repeat top left;
}
.lightGreen.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_lightGreen_sprite.png) no-repeat top left;
}
.blueGreen.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_blueGreen_sprite.png) no-repeat top left;
}
.colorButtonContainer .colorButton.bCenter {
  background-repeat: repeat-x;
  min-width: 70px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  text-decoration: none;
}
.white.colorButtonContainer .colorButton.bCenter {
  color: #61696e;
}
/** small button configuration **/
.small.colorButtonContainer .colorButton {
  font-size: 10px;
  line-height: 29px;
  height: 32px;
}
.small.colorButtonContainer:active .colorButton {
  line-height: 29px;
}
.small.colorButtonContainer .colorButton.bCenter {
  padding: 0 2px 0 0;
}
.small.colorButtonContainer .colorButton.bLeft,
.small .colorButton.bRight {
  width: 12px;
}
.small.colorButtonContainer .colorButton.bLeft {
  background-position: 0 -235px;
}
.small.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -28px -235px;
}
.small.colorButtonContainer:active .colorButton.bLeft {
  background-position: -56px -235px;
}
.small.colorButtonContainer .colorButton.bCenter {
  background-position: 0 -269px;
}
.small.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0 -303px;
}
.small.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0 -337px;
}
.small.colorButtonContainer .colorButton.bRight {
  background-position: -12px -235px;
}
.small.colorButtonContainer:hover .colorButton.bRight {
  background-position: -40px -235px;
}
.small.colorButtonContainer:active .colorButton.bRight {
  background-position: -68px -235px;
}
/** default button configuration **/
.default.colorButtonContainer .colorButton {
  font-size: 14px;
  line-height: 38px;
  height: 45px;
}
.default.colorButtonContainer:active .colorButton {
  line-height: 38px;
}
.default.colorButtonContainer .colorButton.bCenter {
  padding: 0 7px 0 5px;
}
.default.colorButtonContainer .colorButton.bLeft,
.default.colorButtonContainer .colorButton.bRight {
  width: 16px;
}
.default.colorButtonContainer .colorButton.bLeft {
  background-position: 0 0;
}
.default.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -36px 0;
}
.default.colorButtonContainer:active .colorButton.bLeft {
  background-position: 0px -47px;
}
.default.colorButtonContainer .colorButton.bCenter {
  background-position: 0 -94px;
}
.default.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0 -141px;
}
.default.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0 -188px;
}
.default.colorButtonContainer .colorButton.bRight {
  background-position: -16px 0;
}
.default.colorButtonContainer:hover .colorButton.bRight {
  background-position: -52px 0px;
}
.default.colorButtonContainer:active .colorButton.bRight {
  background-position: -16px -47px;
}
/** TODO remove login and use tiny  **/
.login.colorButtonContainer .colorButton {
  font-size: 10px;
  line-height: 20px;
  height: 22px;
}
.login.colorButtonContainer:active .colorButton {
  line-height: 22px;
}
.login.colorButtonContainer .colorButton.bCenter {
  padding: 0 7px 0 5px;
  min-width: 61px;
}
.login.colorButtonContainer .colorButton.bLeft,
.login .colorButton.bRight {
  width: 12px;
}
.login.colorButtonContainer .colorButton.bLeft {
  background-position: 0px -371px;
}
.login.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -27px -371px;
}
.login.colorButtonContainer:active .colorButton.bLeft {
  background-position: -54px -371px;
}
.login.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -397px;
}
.login.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -423px;
  min-width: 61px;
}
.login.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0px -449px;
  min-width: 61px;
}
.login.colorButtonContainer .colorButton.bRight {
  background-position: -12px -371px;
}
.login.colorButtonContainer:hover .colorButton.bRight {
  background-position: -39px -371px;
}
.login.colorButtonContainer:active .colorButton.bRight {
  background-position: -66px -371px;
}
.tiny.colorButtonContainer .colorButton {
  font-size: 10px;
  line-height: 20px;
  height: 24px;
}
.tiny.colorButtonContainer:active .colorButton {
  line-height: 22px;
}
.tiny.colorButtonContainer .colorButton.bCenter {
  padding: 0 7px 0 5px;
  min-width: 61px;
}
.tiny.colorButtonContainer .colorButton.bLeft,
.tiny .colorButton.bRight {
  width: 12px;
}
.tiny.colorButtonContainer .colorButton.bLeft {
  background-position: 0px -371px;
}
.tiny.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -27px -371px;
}
.tiny.colorButtonContainer:active .colorButton.bLeft {
  background-position: -54px -371px;
}
.tiny.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -397px;
}
.tiny.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -423px;
  min-width: 61px;
}
.tiny.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0px -449px;
  min-width: 61px;
}
.tiny.colorButtonContainer .colorButton.bRight {
  background-position: -12px -371px;
}
.tiny.colorButtonContainer:hover .colorButton.bRight {
  background-position: -39px -371px;
}
.tiny.colorButtonContainer:active .colorButton.bRight {
  background-position: -66px -371px;
}
/* @Deprecated fixedTiny use  'fixed tiny' instead */
.fixed.tiny.colorButtonContainer .colorButton.bLeft,
.fixed.tiny.colorButtonContainer .colorButton.bRight,
.fixedTiny.colorButtonContainer .colorButton.bLeft,
.fixedTiny.colorButtonContainer .colorButton.bRight {
  display: none;
}
.fixedTiny.colorButtonContainer .colorButton.bCenter,
.fixed.tiny.colorButtonContainer .colorButton.bCenter {
  background-position: -41px -475px;
  min-width: 39px;
  width: 39px;
  height: 24px;
}
.invisible.fixedTiny.colorButtonContainer .colorButton.bCenter,
.invisible.fixed.tiny.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -475px;
}
.fixedTiny.colorButtonContainer:hover .colorButton.bCenter,
.fixed.tiny.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -501px;
}
.fixedTiny.colorButtonContainer:active .colorButton.bCenter,
.fixed.tiny.colorButtonContainer:active .colorButton.bCenter {
  background-position: -41px -501px;
}
.fixedTiny.colorButtonContainer .colorButton.bRight,
.fixed.tiny.colorButtonContainer .colorButton.bRight {
  background-position: -12px -371px;
}
.fixedTiny.colorButtonContainer:hover .colorButton.bRight,
.fixed.tiny.colorButtonContainer:hover .colorButton.bRight {
  background-position: -39px -371px;
}
.fixedTiny.colorButtonContainer:active .colorButton.bRight,
.fixed.tiny.colorButtonContainer:active .colorButton.bRight {
  background-position: -66px -371px;
}
/* generic logo position for the fixedTiny - Please add more if required*/
.fixedTiny.colorButtonContainer .generic_sprite.ic_friend_add,
.fixed.tiny.colorButtonContainer .generic_sprite.ic_friend_add {
  display: block;
  margin: 1px 0 0 7px;
}
.fixedTiny.colorButtonContainer .generic_sprite.ic_friend_add_over,
.fixed.tiny.colorButtonContainer .generic_sprite.ic_friend_add_over {
  display: block;
  margin: 1px 0 0 7px;
}
.fixedLeftArrow.colorButtonContainer .colorButton.bLeft,
.fixedLeftArrow.colorButtonContainer .colorButton.bRight {
  display: none;
}
.fixedLeftArrow.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -527px;
  width: 49px;
  height: 28px;
  min-width: 0;
}
.fixedLeftArrow.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -557px;
  width: 49px;
  height: 28px;
}
.fixedLeftArrow.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0px -587px;
  width: 49px;
  height: 29px;
}
/* fixedLeftArrow with icons */
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_message2 {
  display: block;
  margin: 4px 7px 6px 15px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_friend_add_over {
  display: block;
  margin: 5px 0 0 14px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_delete {
  display: block;
  margin: 5px 0 0 17px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_denied {
  display: block;
  margin: 5px 0 0 17px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_delete2 {
  display: block;
  margin: 5px 0 0 17px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_denied2 {
  display: block;
  margin: 5px 0 0 17px;
}
/*
 * Copyright (c) 2003-2018 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/** background color definitions: **/
/* c0 */
.base.conditions.popup,
#cboxLoadedContent,
.colorScheme.white .base.colorScheme.bg.a,
.base.bg.c0.a,
.base.b0a {
  background-color: #f5fafc;
}
.colorScheme.white .base.colorScheme.bg,
.base.bg.c0,
.base.b0 {
  background-color: #FFFFFF;
}
.colorScheme.white .base.colorScheme.bg.b,
.base.bg.c0.b,
.base.b0b {
  background-color: #d9e2e7;
}
.colorScheme.white .base.colorScheme.bg.c,
.base.bg.c0.c,
.base.b0c {
  background-color: #9da6ab;
}
.colorScheme.white .base.colorScheme.bg.d,
.base.bg.c0.d {
  background-color: #313a3f;
}
/* c1 */
.colorScheme.yellow .base.colorScheme.bg.a,
.base.bg.c1.a {
  background-color: #fcf9cd;
}
.colorScheme.yellow .base.colorScheme.bg.b,
.base.bg.c1.b,
.base.b1b {
  background-color: #fff489;
}
.colorScheme.yellow .base.colorScheme.bg.c,
.base.bg.c1.c,
.base.b1c {
  background-color: #ffaf02;
}
/* c2 */
.colorScheme.orange .base.colorScheme.bg.a,
.base.bg.c2.a,
.base.b2a {
  background-color: #faf1d4;
}
.colorScheme.orange .base.colorScheme.bg.b,
.base.bg.c2.b,
.base.b2b {
  background-color: #ffd37c;
}
.colorScheme.orange .base.colorScheme.bg.c,
.base.bg.c2.c,
.base.b2c {
  background-color: #ed7600;
}
/* c3 */
.colorScheme.red .base.colorScheme.bg.a,
.base.bg.c3.a,
.base.b3a {
  background-color: #f9e6e4;
}
.colorScheme.red .base.colorScheme.bg.b,
.base.bg.c3.b {
  background-color: #f7c1bc;
}
.colorScheme.red .base.colorScheme.bg.c,
.base.bg.c3.c,
.base.b3c {
  background-color: #ce2830;
}
/* c4 */
.colorScheme.purple .base.colorScheme.bg.a,
.base.bg.c4.a,
.base.b4a {
  background-color: #efe8fc;
}
.colorScheme.purple .base.colorScheme.bg.b,
.base.bg.c4.b {
  background-color: #e3d5ff;
}
.colorScheme.purple .base.colorScheme.bg.c,
.base.bg.c4.c {
  background-color: #7963ba;
}
/* c5 */
.colorScheme.midBlue .base.colorScheme.bg.a,
.base.bg.c5.a,
.base.b5a {
  background-color: #edf5f9;
}
.colorScheme.midBlue .base.colorScheme.bg.b,
.base.bg.c5.b,
.base.b5b {
  background-color: #bce4f7;
}
.colorScheme.midBlue .base.colorScheme.bg.c,
.base.bg.c5.c,
.base.b5c {
  background-color: #246db5;
}
/* c6 */
.colorScheme.lightBlue .base.colorScheme.bg.a,
.base.bg.c6.a {
  background-color: #e8f7fc;
}
.colorScheme.lightBlue .base.colorScheme.bg.b,
.base.bg.c6.b,
.base.b6b {
  background-color: #cff3ff;
}
.colorScheme.lightBlue .base.colorScheme.bg.c,
.base.bg.c6.c {
  background-color: #0999e1;
}
/* c7 */
.colorScheme.turquoise .base.colorScheme.bg.a,
.colorScheme.turqouise .base.colorScheme.bg.a,
.base.bg.c7.a {
  background-color: #e1faf7;
}
.colorScheme.turquoise .base.colorScheme.bg.b,
.colorScheme.turqouise .base.colorScheme.bg.b,
.base.bg.c7.b {
  background-color: #bdfff8;
}
.colorScheme.turquoise .base.colorScheme.bg.c,
.colorScheme.turqouise .base.colorScheme.bg.c,
.base.bg.c7.c {
  background-color: #08ccc5;
}
/* c8 */
.colorScheme.midGreen .base.colorScheme.bg.a,
.base.bg.c8.a,
.base.b8a {
  background-color: #e2f2d4;
}
.colorScheme.midGreen .base.colorScheme.bg.b,
.base.bg.c8.b,
.base.b8b {
  background-color: #c6f5a9;
}
.colorScheme.midGreen .base.colorScheme.bg.c,
.base.bg.c8.c,
.base.b8c {
  background-color: #46b324;
}
.base.bg.c8.i,
.base.b8i {
  background-color: #225e0d;
}
/* c9 */
.colorScheme.lightGreen .base.colorScheme.bg.a,
.base.bg.c9.a,
.base.b9a {
  background-color: #ecf5d5;
}
.colorScheme.lightGreen .base.colorScheme.bg.b,
.base.bg.c9.b,
.base.b9b {
  background-color: #e1f5ab;
}
.colorScheme.lightGreen .base.colorScheme.bg.c,
.base.bg.c9.c,
.base.b9c {
  background-color: #92c219;
}
/* c10 */
.colorScheme.blueGreen .base.colorScheme.bg.a,
.base.bg.c10.a,
.base.b10a {
  background-color: #e1f0e9;
}
.colorScheme.blueGreen .base.colorScheme.bg.b,
.base.bg.c10.b {
  background-color: #beefd7;
}
.colorScheme.blueGreen .base.colorScheme.bg.c,
.base.bg.c10.c,
.base.b10c {
  background-color: #2cb070;
}
/** gradient definitions:
 *  standard gradient grey (light to dark): base g0a
 *  standard gradient grey (dark to light) with hover functionality: base g0a mirror hover
**/
.base.g0a.press:active,
.base.g0a.press.active,
.base.g0a.press.active.hover:hover,
.base.gr.c0.a.press:active,
.base.gr.c0.a.press.active,
.base.gr.c0.a.press.active.hover:hover {
  border-top: 1px solid #6a7378 !important;
  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  background: none !important;
  background-color: #bec7cc !important;
}
/* g0a mirror hover is g0b mirror */
.base.g0a.mirror.hover:hover,
.base.g0b.mirror,
.base.g0a.mirror.hover.focus,
.base.gr.c0.a.mirror.hover:hover,
.base.gr.c0.b.mirror,
.base.gr.c0.a.mirror.hover.focus {
  background: #bec7cc;
  background: linear-gradient(#bec7cc, #d9e2e7);
}
.colorScheme.gray .gr.a.colorScheme,
.base.g0a,
.base.gr.c0.a {
  background: #f5fafc;
  background: linear-gradient(#f5fafc, #d9e2e7);
}
.colorScheme.gray .gr.a.colorScheme.mirror,
.base.g0a.mirror,
.base.gr.c0.a.mirror {
  background: #d9e2e7;
  background: linear-gradient(#d9e2e7, #f5fafc);
}
.colorScheme.gray .gr.b.colorScheme,
.base.g0b,
.base.gr.c0.b {
  background: #d9e2e7;
  background: linear-gradient(#d9e2e7, #bec7cc);
}
.colorScheme.gray .gr.b.colorScheme.mirror,
.base.g0b.mirror,
.base.gr.c0.b.mirror {
  background: #bec7cc;
  background: linear-gradient(#bec7cc, #d9e2e7);
}
.colorScheme.gray .gr.b.colorScheme.horizontal,
.base.g0b.horizontal,
.base.gr.c0.b.horizontal {
  background: #d9e2e7;
  background: linear-gradient(to right, #d9e2e7 0%, #bec7cc 100%);
}
.colorScheme.gray .gr.b.colorScheme.horizontal.mirror,
.base.g0b.horizontal.mirror,
.base.gr.c0.b.horizontal.mirror {
  background: #bec7cc;
  background: linear-gradient(to right, #bec7cc 0%, #d9e2e7 100%);
}
.colorScheme.gray .gr.c.colorScheme,
.base.gr.c0.c {
  background: #9da6ab;
  background: linear-gradient(#9da6ab, #6a7378);
}
.colorScheme.gray .gr.c.colorScheme.mirror,
.base.gr.c0.c.mirror {
  background: #6a7378;
  background: linear-gradient(#6a7378, #9da6ab);
}
.colorScheme.gray .gr.b.colorScheme.horizontal,
.base.g0c.horizontal,
.base.gr.c0.c.horizontal {
  background: #9da6ab;
  background: linear-gradient(to right, #9da6ab 0%, #6a7378 100%);
}
.colorScheme.gray .gr.b.colorScheme.horizontal.mirror,
.base.g0c.horizontal.mirror,
.base.gr.c0.c.horizontal.mirror {
  background: #6a7378;
  background: linear-gradient(to right, #6a7378 0%, #9da6ab 100%);
}
.colorScheme.yellow .gr.a.colorScheme,
.base.g1a,
.base.gr.c1.a {
  background: #fcf9cd;
  background: linear-gradient(#fcf9cd, #fff489);
}
.colorScheme.yellow .gr.a.colorScheme.mirror,
.base.g1a.mirror,
.base.gr.c1.a.mirror {
  background: #fff489;
  background: linear-gradient(#fff489, #fcf9cd);
}
.colorScheme.yellow .gr.b.colorScheme,
.base.g1b,
.base.gr.c1.b {
  background: #fff489;
  background: linear-gradient(#fff489, #ffd522);
}
.colorScheme.yellow .gr.b.colorScheme.mirror,
.base.g1b.mirror,
.base.gr.c1.b.mirror {
  background: #ffd522;
  background: linear-gradient(#ffd522, #fff489);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal,
.base.g1b.horizontal,
.base.gr.c1.b.horizontal {
  background: #fff489;
  background: linear-gradient(to right, #fff489 0%, #ffd522 100%);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal.mirror,
.base.g1b.horizontal.mirror,
.base.gr.c1.b.horizontal.mirror {
  background: #ffd522;
  background: linear-gradient(to right, #ffd522 0%, #fff489 100%);
}
.colorScheme.yellow .gr.c.colorScheme,
.base.gr.c1.c {
  background: #ffaf02;
  background: linear-gradient(#ffaf02, #e5841c);
}
.colorScheme.yellow .gr.c.colorScheme.mirror,
.base.gr.c1.c.mirror {
  background: #e5841c;
  background: linear-gradient(#e5841c, #ffaf02);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal,
.base.g1c.horizontal,
.base.gr.c1.c.horizontal {
  background: #ffaf02;
  background: linear-gradient(to right, #ffaf02 0%, #e5841c 100%);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal.mirror,
.base.g1c.horizontal.mirror,
.base.gr.c1.c.horizontal.mirror {
  background: #e5841c;
  background: linear-gradient(to right, #e5841c 0%, #ffaf02 100%);
}
.colorScheme.orange .gr.a.colorScheme,
.base.g2a,
.base.gr.c2.a {
  background: #faf1d4;
  background: linear-gradient(#faf1d4, #ffd37c);
}
.colorScheme.orange .gr.a.colorScheme.mirror,
.base.g2a.mirror,
.base.gr.c2.a.mirror {
  background: #ffd37c;
  background: linear-gradient(#ffd37c, #faf1d4);
}
.colorScheme.orange .gr.b.colorScheme,
.base.g2b,
.base.gr.c2.b {
  background: #ffd37c;
  background: linear-gradient(#ffd37c, #faa125);
}
.colorScheme.orange .gr.b.colorScheme.mirror,
.base.g2b.mirror,
.base.gr.c2.b.mirror {
  background: #faa125;
  background: linear-gradient(#faa125, #ffd37c);
}
.colorScheme.orange .gr.b.colorScheme.horizontal,
.base.g2b.horizontal,
.base.gr.c2.b.horizontal {
  background: #ffd37c;
  background: linear-gradient(to right, #ffd37c 0%, #faa125 100%);
}
.colorScheme.orange .gr.b.colorScheme.horizontal.mirror,
.base.g2b.horizontal.mirror,
.base.gr.c2.b.horizontal.mirror {
  background: #faa125;
  background: linear-gradient(to right, #faa125 0%, #ffd37c 100%);
}
.colorScheme.orange .gr.c.colorScheme,
.base.gr.c2.c {
  background: #ed7600;
  background: linear-gradient(#ed7600, #c95004);
}
.colorScheme.orange .gr.c.colorScheme.mirror,
.base.gr.c2.c.mirror {
  background: #c95004;
  background: linear-gradient(#c95004, #ed7600);
}
.colorScheme.orange .gr.b.colorScheme.horizontal,
.base.g2c.horizontal,
.base.gr.c2.c.horizontal {
  background: #ed7600;
  background: linear-gradient(to right, #ed7600 0%, #c95004 100%);
}
.colorScheme.orange .gr.b.colorScheme.horizontal.mirror,
.base.g2c.horizontal.mirror,
.base.gr.c2.c.horizontal.mirror {
  background: #c95004;
  background: linear-gradient(to right, #c95004 0%, #ed7600 100%);
}
.colorScheme.red .gr.a.colorScheme,
.base.g3a,
.base.gr.c3.a {
  background: #f9e6e4;
  background: linear-gradient(#f9e6e4, #f7c1bc);
}
.colorScheme.red .gr.a.colorScheme.mirror,
.base.g3a.mirror,
.base.gr.c3.a.mirror {
  background: #f7c1bc;
  background: linear-gradient(#f7c1bc, #f9e6e4);
}
.colorScheme.red .gr.b.colorScheme,
.base.g3b,
.base.gr.c3.b {
  background: #f7c1bc;
  background: linear-gradient(#f7c1bc, #ed6868);
}
.colorScheme.red .gr.b.colorScheme.mirror,
.base.g3b.mirror,
.base.gr.c3.b.mirror {
  background: #ed6868;
  background: linear-gradient(#ed6868, #f7c1bc);
}
.colorScheme.red .gr.b.colorScheme.horizontal,
.base.g3b.horizontal,
.base.gr.c3.b.horizontal {
  background: #f7c1bc;
  background: linear-gradient(to right, #f7c1bc 0%, #ed6868 100%);
}
.colorScheme.red .gr.b.colorScheme.horizontal.mirror,
.base.g3b.horizontal.mirror,
.base.gr.c3.b.horizontal.mirror {
  background: #ed6868;
  background: linear-gradient(to right, #ed6868 0%, #f7c1bc 100%);
}
.colorScheme.red .gr.c.colorScheme,
.base.gr.c3.c {
  background: #ce2830;
  background: linear-gradient(#ce2830, #931117);
}
.colorScheme.red .gr.c.colorScheme.mirror,
.base.gr.c3.c.mirror {
  background: #931117;
  background: linear-gradient(#931117, #ce2830);
}
.colorScheme.red .gr.b.colorScheme.horizontal,
.base.g3c.horizontal,
.base.gr.c3.c.horizontal {
  background: #ce2830;
  background: linear-gradient(to right, #ce2830 0%, #931117 100%);
}
.colorScheme.red .gr.b.colorScheme.horizontal.mirror,
.base.g3c.horizontal.mirror,
.base.gr.c3.c.horizontal.mirror {
  background: #931117;
  background: linear-gradient(to right, #931117 0%, #ce2830 100%);
}
.colorScheme.purple .gr.a.colorScheme,
.base.g4a,
.base.gr.c4.a {
  background: #efe8fc;
  background: linear-gradient(#efe8fc, #e3d5ff);
}
.colorScheme.purple .gr.a.colorScheme.mirror,
.base.g4a.mirror,
.base.gr.c4.a.mirror {
  background: #e3d5ff;
  background: linear-gradient(#e3d5ff, #efe8fc);
}
.colorScheme.purple .gr.b.colorScheme,
.base.g4b,
.base.gr.c4.b {
  background: #e3d5ff;
  background: linear-gradient(#e3d5ff, #af96fa);
}
.colorScheme.purple .gr.b.colorScheme.mirror,
.base.g4b.mirror,
.base.gr.c4.b.mirror {
  background: #af96fa;
  background: linear-gradient(#af96fa, #e3d5ff);
}
.colorScheme.purple .gr.b.colorScheme.horizontal,
.base.g4b.horizontal,
.base.gr.c4.b.horizontal {
  background: #e3d5ff;
  background: linear-gradient(to right, #e3d5ff 0%, #af96fa 100%);
}
.colorScheme.purple .gr.b.colorScheme.horizontal.mirror,
.base.g4b.horizontal.mirror,
.base.gr.c4.b.horizontal.mirror {
  background: #af96fa;
  background: linear-gradient(to right, #af96fa 0%, #e3d5ff 100%);
}
.colorScheme.purple .gr.c.colorScheme,
.base.gr.c4.c {
  background: #7963ba;
  background: linear-gradient(#7963ba, #402987);
}
.colorScheme.purple .gr.c.colorScheme.mirror,
.base.gr.c4.c.mirror {
  background: #402987;
  background: linear-gradient(#402987, #7963ba);
}
.colorScheme.purple .gr.b.colorScheme.horizontal,
.base.g4c.horizontal,
.base.gr.c4.c.horizontal {
  background: #7963ba;
  background: linear-gradient(to right, #7963ba 0%, #402987 100%);
}
.colorScheme.purple .gr.b.colorScheme.horizontal.mirror,
.base.g4c.horizontal.mirror,
.base.gr.c4.c.horizontal.mirror {
  background: #402987;
  background: linear-gradient(to right, #402987 0%, #7963ba 100%);
}
.colorScheme.midBlue .gr.a.colorScheme,
.base.g5a,
.base.gr.c5.a {
  background: #edf5f9;
  background: linear-gradient(#edf5f9, #bce4f7);
}
.colorScheme.midBlue .gr.a.colorScheme.mirror,
.base.g5a.mirror,
.base.gr.c5.a.mirror {
  background: #bce4f7;
  background: linear-gradient(#bce4f7, #edf5f9);
}
.colorScheme.midBlue .gr.b.colorScheme,
.base.g5b,
.base.gr.c5.b {
  background: #bce4f7;
  background: linear-gradient(#bce4f7, #61a4d4);
}
.colorScheme.midBlue .gr.b.colorScheme.mirror,
.base.g5b.mirror,
.base.gr.c5.b.mirror {
  background: #61a4d4;
  background: linear-gradient(#61a4d4, #bce4f7);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal,
.base.g5b.horizontal,
.base.gr.c5.b.horizontal {
  background: #bce4f7;
  background: linear-gradient(to right, #bce4f7 0%, #61a4d4 100%);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal.mirror,
.base.g5b.horizontal.mirror,
.base.gr.c5.b.horizontal.mirror {
  background: #61a4d4;
  background: linear-gradient(to right, #61a4d4 0%, #bce4f7 100%);
}
.colorScheme.midBlue .gr.c.colorScheme,
.base.gr.c5.c {
  background: #246db5;
  background: linear-gradient(#246db5, #03407c);
}
.colorScheme.midBlue .gr.c.colorScheme.mirror,
.base.gr.c5.c.mirror {
  background: #03407c;
  background: linear-gradient(#03407c, #246db5);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal,
.base.g5c.horizontal,
.base.gr.c5.c.horizontal {
  background: #246db5;
  background: linear-gradient(to right, #246db5 0%, #03407c 100%);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal.mirror,
.base.g5c.horizontal.mirror,
.base.gr.c5.c.horizontal.mirror {
  background: #03407c;
  background: linear-gradient(to right, #03407c 0%, #246db5 100%);
}
.colorScheme.lightBlue .gr.a.colorScheme,
.base.g6a,
.base.gr.c6.a {
  background: #e8f7fc;
  background: linear-gradient(#e8f7fc, #cff3ff);
}
.colorScheme.lightBlue .gr.a.colorScheme.mirror,
.base.g6a.mirror,
.base.gr.c6.a.mirror {
  background: #cff3ff;
  background: linear-gradient(#cff3ff, #e8f7fc);
}
.colorScheme.lightBlue .gr.b.colorScheme,
.base.g6b,
.base.gr.c6.b {
  background: #cff3ff;
  background: linear-gradient(#cff3ff, #78d2f5);
}
.colorScheme.lightBlue .gr.b.colorScheme.mirror,
.base.g6b.mirror,
.base.gr.c6.b.mirror {
  background: #78d2f5;
  background: linear-gradient(#78d2f5, #cff3ff);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal,
.base.g6b.horizontal,
.base.gr.c6.b.horizontal {
  background: #cff3ff;
  background: linear-gradient(to right, #cff3ff 0%, #78d2f5 100%);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal.mirror,
.base.g6b.horizontal.mirror,
.base.gr.c6.b.horizontal.mirror {
  background: #78d2f5;
  background: linear-gradient(to right, #78d2f5 0%, #cff3ff 100%);
}
.colorScheme.lightBlue .gr.c.colorScheme,
.base.gr.c6.c {
  background: #0999e1;
  background: linear-gradient(#0999e1, #0871a6);
}
.colorScheme.lightBlue .gr.c.colorScheme.mirror,
.base.gr.c6.c.mirror {
  background: #0871a6;
  background: linear-gradient(#0871a6, #0999e1);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal,
.base.g6c.horizontal,
.base.gr.c6.c.horizontal {
  background: #0999e1;
  background: linear-gradient(to right, #0999e1 0%, #0871a6 100%);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal.mirror,
.base.g6c.horizontal.mirror,
.base.gr.c6.c.horizontal.mirror {
  background: #0871a6;
  background: linear-gradient(to right, #0871a6 0%, #0999e1 100%);
}
.colorScheme.turquoise .gr.a.colorScheme,
.base.g7a,
.base.gr.c7.a {
  background: #e1faf7;
  background: linear-gradient(#e1faf7, #bdfff8);
}
.colorScheme.turquoise .gr.a.colorScheme.mirror,
.base.g7a.mirror,
.base.gr.c7.a.mirror {
  background: #bdfff8;
  background: linear-gradient(#bdfff8, #e1faf7);
}
.colorScheme.turquoise .gr.b.colorScheme,
.base.g7b,
.base.gr.c7.b {
  background: #bdfff8;
  background: linear-gradient(#bdfff8, #68ede0);
}
.colorScheme.turquoise .gr.b.colorScheme.mirror,
.base.g7b.mirror,
.base.gr.c7.b.mirror {
  background: #68ede0;
  background: linear-gradient(#68ede0, #bdfff8);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal,
.base.g7b.horizontal,
.base.gr.c7.b.horizontal {
  background: #bdfff8;
  background: linear-gradient(to right, #bdfff8 0%, #68ede0 100%);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal.mirror,
.base.g7b.horizontal.mirror,
.base.gr.c7.b.horizontal.mirror {
  background: #68ede0;
  background: linear-gradient(to right, #68ede0 0%, #bdfff8 100%);
}
.colorScheme.turquoise .gr.c.colorScheme,
.base.gr.c7.c {
  background: #08ccc5;
  background: linear-gradient(#08ccc5, #008580);
}
.colorScheme.turquoise .gr.c.colorScheme.mirror,
.base.gr.c7.c.mirror {
  background: #008580;
  background: linear-gradient(#008580, #08ccc5);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal,
.base.g7c.horizontal,
.base.gr.c7.c.horizontal {
  background: #08ccc5;
  background: linear-gradient(to right, #08ccc5 0%, #008580 100%);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal.mirror,
.base.g7c.horizontal.mirror,
.base.gr.c7.c.horizontal.mirror {
  background: #008580;
  background: linear-gradient(to right, #008580 0%, #08ccc5 100%);
}
.colorScheme.midGreen .gr.a.colorScheme,
.base.g8a,
.base.gr.c8.a {
  background: #e2f2d4;
  background: linear-gradient(#e2f2d4, #c6f5a9);
}
.colorScheme.midGreen .gr.a.colorScheme.mirror,
.base.g8a.mirror,
.base.gr.c8.a.mirror {
  background: #c6f5a9;
  background: linear-gradient(#c6f5a9, #e2f2d4);
}
.colorScheme.midGreen .gr.b.colorScheme,
.base.g8b,
.base.gr.c8.b {
  background: #c6f5a9;
  background: linear-gradient(#c6f5a9, #85db60);
}
.colorScheme.midGreen .gr.b.colorScheme.mirror,
.base.g8b.mirror,
.base.gr.c8.b.mirror {
  background: #85db60;
  background: linear-gradient(#85db60, #c6f5a9);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal,
.base.g8b.horizontal,
.base.gr.c8.b.horizontal {
  background: #c6f5a9;
  background: linear-gradient(to right, #c6f5a9 0%, #85db60 100%);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal.mirror,
.base.g8b.horizontal.mirror,
.base.gr.c8.b.horizontal.mirror {
  background: #85db60;
  background: linear-gradient(to right, #85db60 0%, #c6f5a9 100%);
}
.colorScheme.midGreen .gr.c.colorScheme,
.base.gr.c8.c {
  background: #46b324;
  background: linear-gradient(#46b324, #2a7d0c);
}
.colorScheme.midGreen .gr.c.colorScheme.mirror,
.base.gr.c8.c.mirror {
  background: #2a7d0c;
  background: linear-gradient(#2a7d0c, #46b324);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal,
.base.g8c.horizontal,
.base.gr.c8.c.horizontal {
  background: #46b324;
  background: linear-gradient(to right, #46b324 0%, #2a7d0c 100%);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal.mirror,
.base.g8c.horizontal.mirror,
.base.gr.c8.c.horizontal.mirror {
  background: #2a7d0c;
  background: linear-gradient(to right, #2a7d0c 0%, #46b324 100%);
}
.colorScheme.lightGreen .gr.a.colorScheme,
.base.g9a,
.base.gr.c9.a {
  background: #ecf5d5;
  background: linear-gradient(#ecf5d5, #e1f5ab);
}
.colorScheme.lightGreen .gr.a.colorScheme.mirror,
.base.g9a.mirror,
.base.gr.c9.a.mirror {
  background: #e1f5ab;
  background: linear-gradient(#e1f5ab, #ecf5d5);
}
.colorScheme.lightGreen .gr.b.colorScheme,
.base.g9b,
.base.gr.c9.b {
  background: #e1f5ab;
  background: linear-gradient(#e1f5ab, #bfeb52);
}
.colorScheme.lightGreen .gr.b.colorScheme.mirror,
.base.g9b.mirror,
.base.gr.c9.b.mirror {
  background: #bfeb52;
  background: linear-gradient(#bfeb52, #e1f5ab);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal,
.base.g9b.horizontal,
.base.gr.c9.b.horizontal {
  background: #e1f5ab;
  background: linear-gradient(to right, #e1f5ab 0%, #bfeb52 100%);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal.mirror,
.base.g9b.horizontal.mirror,
.base.gr.c9.b.horizontal.mirror {
  background: #bfeb52;
  background: linear-gradient(to right, #bfeb52 0%, #e1f5ab 100%);
}
.colorScheme.lightGreen .gr.c.colorScheme,
.base.gr.c9.c {
  background: #92c219;
  background: linear-gradient(#92c219, #6a8f0e);
}
.colorScheme.lightGreen .gr.c.colorScheme.mirror,
.base.gr.c9.c.mirror {
  background: #6a8f0e;
  background: linear-gradient(#6a8f0e, #92c219);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal,
.base.g9c.horizontal,
.base.gr.c9.c.horizontal {
  background: #92c219;
  background: linear-gradient(to right, #92c219 0%, #6a8f0e 100%);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal.mirror,
.base.g9c.horizontal.mirror,
.base.gr.c9.c.horizontal.mirror {
  background: #6a8f0e;
  background: linear-gradient(to right, #6a8f0e 0%, #92c219 100%);
}
.colorScheme.blueGreen .gr.a.colorScheme,
.base.g10a,
.base.gr.c10.a {
  background: #e1f0e9;
  background: linear-gradient(#e1f0e9, #beefd7);
}
.colorScheme.blueGreen .gr.a.colorScheme.mirror,
.base.g10a.mirror,
.base.gr.c10.a.mirror {
  background: #beefd7;
  background: linear-gradient(#beefd7, #e1f0e9);
}
.colorScheme.blueGreen .gr.b.colorScheme,
.base.g10b,
.base.gr.c10.b {
  background: #beefd7;
  background: linear-gradient(#beefd7, #76d6a8);
}
.colorScheme.blueGreen .gr.b.colorScheme.mirror,
.base.g10b.mirror,
.base.gr.c10.b.mirror {
  background: #76d6a8;
  background: linear-gradient(#76d6a8, #beefd7);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal,
.base.g10b.horizontal,
.base.gr.c10.b.horizontal {
  background: #beefd7;
  background: linear-gradient(to right, #beefd7 0%, #76d6a8 100%);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal.mirror,
.base.g10b.horizontal.mirror,
.base.gr.c10.b.horizontal.mirror {
  background: #76d6a8;
  background: linear-gradient(to right, #76d6a8 0%, #beefd7 100%);
}
.colorScheme.blueGreen .gr.c.colorScheme,
.base.gr.c10.c {
  background: #2cb070;
  background: linear-gradient(#2cb070, #016b3f);
}
.colorScheme.blueGreen .gr.c.colorScheme.mirror,
.base.gr.c10.c.mirror {
  background: #016b3f;
  background: linear-gradient(#016b3f, #2cb070);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal,
.base.g10c.horizontal,
.base.gr.c10.c.horizontal {
  background: #2cb070;
  background: linear-gradient(to right, #2cb070 0%, #016b3f 100%);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal.mirror,
.base.g10c.horizontal.mirror,
.base.gr.c10.c.horizontal.mirror {
  background: #016b3f;
  background: linear-gradient(to right, #016b3f 0%, #2cb070 100%);
}
.loyalty.GOLD .base.loyaltyGradient {
  background: #ffd37c;
  background: linear-gradient(#ffd37c, #faf1d4);
}
.loyalty.SILVER .base.loyaltyGradient {
  background: #bce4f7;
  background: linear-gradient(#bce4f7, #edf5f9);
}
/* Game specific header and text */
/* Disable default logo*/
.gameSprite.game_default .coloredBanner,
.gameSprite.game_default_green .coloredBanner,
.gameSprite.game_bus .coloredBanner,
.gameSprite.game_lab .coloredBanner,
.gameSprite.game_jwl .coloredBanner,
.gameSprite.game_ams .coloredBanner,
.gameSprite.game_flu .coloredBanner,
.gameSprite.game_kno .coloredBanner,
.gameSprite.game_mau .coloredBanner,
.gameSprite.game_mjj .coloredBanner,
.gameSprite.game_mpy .coloredBanner,
.gameSprite.game_rom .coloredBanner,
.gameSprite.game_spi .coloredBanner,
.gameSprite.game_bub .coloredBanner,
.gameSprite.game_bux .coloredBanner,
.gameSprite.game_bel .coloredBanner,
.gameSprite.game_tar .coloredBanner,
.gameSprite.game_kla .coloredBanner,
.gameSprite.game_ska .coloredBanner,
.gameSprite.game_ruk .coloredBanner,
.gameSprite.game_mbs .coloredBanner,
.gameSprite.game_rum .coloredBanner,
.gameSprite.game_jt2 .coloredBanner,
.gameSprite.game_so3 .coloredBanner,
.gameSprite.game_sh2 .coloredBanner,
.gameSprite.game_jok .coloredBanner {
  display: none;
}
/* Load default gameImage */
.gameSprite.gameImage {
  background: url('../images/gameSprites/generic_gameBanner_SPRITE.png') top left no-repeat;
  position: relative;
  background-position: -7px -7px;
  width: 700px;
  height: 250px;
}
.gameSprite.gameImage.coloredBanner {
  width: 489px;
  height: 180px;
}
.gameSprite.colorScheme.white .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1968px;
}
.gameSprite.colorScheme.purple .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1780px;
}
.gameSprite.colorScheme .gameSprite.gameImage.coloredBanner,
.gameSprite.colorScheme.orange .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1596px;
}
.gameSprite.colorScheme.lightBlue .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1407px;
}
.gameSprite.colorScheme.midBlue .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1219px;
}
.gameSprite.colorScheme.midGreen .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1028px;
}
.gameSprite.colorScheme.lightGreen .gameSprite.gameImage.coloredBanner {
  background-position: -7px -837px;
}
.gameSprite.colorScheme.blueGreen .gameSprite.gameImage.coloredBanner {
  background-position: -7px -647px;
}
.gameSprite.colorScheme.yellow .gameSprite.gameImage.coloredBanner {
  background-position: -7px -458px;
}
.gameSprite.colorScheme.turquoise .gameSprite.gameImage.coloredBanner {
  background-position: -7px -268px;
}
.gameSprite .gamelogo106x74 {
  position: absolute;
  left: 103px;
  top: 15px;
}
.gameSprite .logoText {
  position: absolute;
}
.gameSprite.game_lab.gameImage,
.gameSprite.game_flu.gameImage,
.gameSprite.game_ams.gameImage,
.gameSprite.game_bus.gameImage,
.gameSprite.game_jwl.gameImage,
.gameSprite.game_kno.gameImage,
.gameSprite.game_mau.gameImage,
.gameSprite.game_mjj.gameImage,
.gameSprite.game_mpy.gameImage,
.gameSprite.game_bel.gameImage,
.gameSprite.game_tar.gameImage,
.gameSprite.game_bub.gameImage,
.gameSprite.game_bux.gameImage,
.gameSprite.game_spi.gameImage,
.gameSprite.game_rom.gameImage,
.gameSprite.game_ruk.gameImage,
.gameSprite.game_sh2.gameImage,
.gameSprite.game_so3.gameImage,
.gameSprite.game_kla.gameImage,
.gameSprite.game_sax.gameImage,
.gameSprite.game_ska.gameImage,
.gameSprite.game_mbs.gameImage,
.gameSprite.game_rum.gameImage,
.gameSprite.game_jt2.gameImage {
  background-position: -5px -5px;
}
.gameSprite.game_flu,
.gameSprite.game_flu .logoText {
  background-image: url('../images/gameSprites/flu_SPRITE.png');
}
.gameSprite.game_flu .logoText {
  background-position: -5px -260px;
  width: 141px;
  height: 48px;
  top: 47px;
  left: 190px;
}
.gameSprite.game_ams,
.gameSprite.game_ams .logoText {
  background-image: url('../images/gameSprites/ams_SPRITE.png');
}
.gameSprite.game_ams .logoText {
  background-position: -5px -260px;
  width: 174px;
  height: 81px;
  top: 10px;
  left: 190px;
}
.gameSprite.game_default,
.gameSprite.game_default .logoText {
  background-image: url('../images/gameSprites/genericNogame_SPRITE.png');
}
.gameSprite.game_default_green,
.gameSprite.game_default_green .logoText {
  background-image: url('../images/gameSprites/genericNogame_SPRITE_green.png');
}
body[lang=fr] .gameSprite.game_ams .logoText {
  background-position: -184px -260px;
  width: 174px;
  height: 81px;
}
.gameSprite.game_lab,
.gameSprite.game_lab .logoText {
  background-image: url('../images/gameSprites/lab_SPRITE.png');
}
.gameSprite.game_lab .logoText {
  background-position: -2px -260px;
  width: 200px;
  height: 90px;
  top: 2px;
  left: 183px;
}
body[lang=de] .gameSprite.game_lab .logoText {
  background-position: -200px -260px;
}
body[lang=fr] .gameSprite.game_lab .logoText {
  background-position: -400px -260px;
}
.gameSprite.game_bus,
.gameSprite.game_bus .logoText {
  background-image: url('../images/gameSprites/bus_SPRITE.png');
}
.gameSprite.game_bus .logoText {
  background-position: -5px -260px;
  width: 178px;
  height: 82px;
  top: 8px;
  left: 153px;
}
body[lang=fr] .gameSprite.game_bus .logoText {
  background-position: -188px -260px;
  width: 178px;
  height: 82px;
}
.gameSprite.game_jwl,
.gameSprite.game_jwl .logoText {
  background-image: url('../images/gameSprites/jwl_SPRITE.png');
}
.gameSprite.game_jwl .logoText {
  background-position: -5px -260px;
  width: 200px;
  height: 106px;
  top: -10px;
  left: 130px;
}
body[lang=fr] .gameSprite.game_jwl .logoText {
  background-position: -210px -260px;
  width: 200px;
  height: 105px;
}
body[lang=sv] .gameSprite.game_jwl .logoText {
  background-position: -415px -260px;
  width: 200px;
  height: 105px;
}
body[lang=es] .gameSprite.game_jwl .logoText {
  background-position: -620px -260px;
  width: 200px;
  height: 105px;
}
.gameSprite.game_kno,
.gameSprite.game_kno .logoText {
  background-image: url('../images/gameSprites/kno_SPRITE.png');
}
.gameSprite.game_kno .logoText {
  background-position: -280px -263px;
  width: 143px;
  height: 73px;
  top: 16px;
  left: 262px;
}
body[lang=de] .gameSprite.game_kno .logoText {
  background-position: -10px -272px;
  width: 214px;
  height: 56px;
  top: 29px;
  left: 223px;
}
body[lang=es] .gameSprite.game_kno .logoText {
  background-position: -961px -270px;
  width: 221px;
  height: 66px;
  top: 29px;
  left: 223px;
}
body[lang=fr] .gameSprite.game_kno .logoText {
  background-position: -751px -273px;
  width: 164px;
  height: 64px;
  top: 29px;
  left: 252px;
}
body[lang=nl] .gameSprite.game_kno .logoText {
  background-position: -483px -269px;
  width: 228px;
  height: 59px;
  top: 29px;
  left: 223px;
}
.gameSprite.game_mau,
.gameSprite.game_mau .logoText,
.gameSprite.game_mau .bannerOverlay {
  background-image: url('../images/gameSprites/mau_SPRITE.png');
}
.gameSprite.game_mau .logoText {
  background-position: -5px -260px;
  width: 229px;
  height: 97px;
  top: -10px;
  left: 235px;
}
body[lang=de] .gameSprite.game_mau .logoText {
  background-position: -239px -260px;
  width: 229px;
  height: 97px;
}
body[lang=es] .gameSprite.game_mau .logoText {
  background-position: -473px -260px;
  width: 229px;
  height: 97px;
}
body[lang=fr] .gameSprite.game_mau .logoText {
  background-position: -707px -260px;
  width: 229px;
  height: 97px;
}
body[lang=nl] .gameSprite.game_mau .logoText {
  background-position: -941px -260px;
  width: 229px;
  height: 97px;
}
body[lang=en] .gameSprite.game_mau .bannerOverlay,
body[lang=fr] .gameSprite.game_mau .bannerOverlay {
  display: block;
  background-position: -710px -5px;
}
.gameSprite.game_mjj,
.gameSprite.game_mjj .logoText {
  background-image: url('../images/gameSprites/mjj_SPRITE.png');
}
.gameSprite.game_mjj .logoText {
  background-position: -5px -260px;
  width: 218px;
  height: 95px;
  top: 0px;
  left: 208px;
}
body[lang=de] .gameSprite.game_mjj .logoText {
  background-position: -228px -260px;
  width: 218px;
  height: 95px;
}
body[lang=fr] .gameSprite.game_mjj .logoText {
  background-position: -451px -260px;
  width: 218px;
  height: 95px;
}
.gameSprite.game_mpy,
.gameSprite.game_mpy .logoText {
  background-image: url('../images/gameSprites/mpy_SPRITE.png');
}
.gameSprite.game_mpy .logoText {
  background-position: -5px -260px;
  width: 202px;
  height: 70px;
  top: 10px;
  left: 279px;
}
body[lang=de] .gameSprite.game_mpy .logoText {
  background-position: -212px -260px;
  width: 202px;
  height: 70px;
}
body[lang=es] .gameSprite.game_mpy .logoText {
  background-position: -419px -260px;
  width: 202px;
  height: 70px;
}
body[lang=fr] .gameSprite.game_mpy .logoText {
  background-position: -626px -260px;
  width: 202px;
  height: 70px;
}
body[lang=nl] .gameSprite.game_mpy .logoText {
  background-position: -833px -260px;
  width: 202px;
  height: 70px;
}
.gameSprite.game_rom,
.gameSprite.game_rom .logoText {
  background-image: url('../images/gameSprites/rom_SPRITE.png');
}
.gameSprite.game_rom .logoText {
  background-position: -206px -262px;
  width: 199px;
  height: 87px;
  top: 7px;
  left: 220px;
}
body[lang=de] .gameSprite.game_rom .logoText {
  background-position: -6px -262px;
  width: 199px;
  height: 87px;
}
body[lang=es] .gameSprite.game_rom .logoText {
  background-position: -6px -262px;
  width: 199px;
  height: 87px;
}
body[lang=fr] .gameSprite.game_rom .logoText {
  background-position: -406px -262px;
  width: 199px;
  height: 87px;
}
body[lang=nl] .gameSprite.game_rom .logoText {
  background-position: -606px -262px;
  width: 199px;
  height: 87px;
}
.gameSprite.game_rom.gv_rom {
  background-position: -47px -354px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_rom.gv_3ro {
  background-position: -6px -354px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_spi,
.gameSprite.game_spi .logoText {
  background-image: url('../images/gameSprites/spi_SPRITE.png');
}
.gameSprite.game_spi .logoText {
  background-position: -5px -259px;
  width: 186px;
  height: 85px;
  top: 10px;
  left: 190px;
}
.gameSprite.game_bub,
.gameSprite.game_bub .logoText {
  background-image: url('../images/gameSprites/bub_SPRITE.png');
}
.gameSprite.game_bub .logoText {
  background-position: -5px -260px;
  width: 178px;
  height: 83px;
  top: 10px;
  left: 192px;
}
body[lang=fr] .gameSprite.game_bub .logoText {
  background-position: -189px -260px;
  width: 178px;
  height: 83px;
}
.gameSprite.game_bux,
.gameSprite.game_bux .logoText {
  background-image: url('../images/gameSprites/bux_SPRITE.png');
}
.gameSprite.game_bux .logoText {
  background-position: -5px -260px;
  width: 178px;
  height: 83px;
  top: 10px;
  left: 217px;
}
body[lang=fr] .gameSprite.game_bux .logoText {
  background-position: -189px -260px;
  width: 178px;
  height: 83px;
}
.gameSprite.game_bel,
.gameSprite.game_bel .logoText {
  background-image: url('../images/gameSprites/bel_SPRITE.png');
}
.gameSprite.game_bel .logoText {
  background-position: -5px -260px;
  width: 170px;
  height: 84px;
  top: 9px;
  left: 215px;
}
.gameSprite.game_bel.gv_bel {
  background-position: -5px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_bel.gv_ann {
  background-position: -87px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_bel.gv_con {
  background-position: -46px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_bel.gv_coi {
  background-position: -128px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_tar,
.gameSprite.game_tar .logoText {
  background-image: url('../images/gameSprites/tar_SPRITE.png');
}
.gameSprite.game_tar .logoText {
  background-position: -5px -259px;
  width: 131px;
  height: 64px;
  top: 23px;
  left: 257px;
}
.gameSprite.game_kla,
.gameSprite.game_kla .logoText {
  background-image: url('../images/gameSprites/kla_SPRITE.png');
}
.gameSprite.game_kla .logoText {
  background-position: -5px -260px;
  width: 176px;
  height: 84px;
  top: 10px;
  left: 217px;
}
.gameSprite.game_kla.gv_ams {
  background-position: -184px -260px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_kla.gv_rot {
  background-position: -223px -260px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_ska,
.gameSprite.game_ska .logoText {
  background-image: url('../images/gameSprites/ska_SPRITE.png');
}
.gameSprite.game_ska .logoText {
  background-position: -33px -275px;
  width: 141px;
  height: 82px;
  top: 10px;
  left: 250px;
}
.gameSprite.game_ska.gv_pub {
  background-position: -2px -398px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_ska.gv_default {
  background-position: -56px -399px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_ruk,
.gameSprite.game_ruk .logoText {
  background-image: url('../images/gameSprites/ruk_SPRITE.png');
}
.gameSprite.game_ruk {
  background-position: -5px -4px;
}
.gameSprite.game_ruk .logoText {
  background-position: -4px -260px;
  width: 192px;
  height: 89px;
  top: 4px;
  left: 162px;
}
body[lang=fr] .gameSprite.game_ruk .logoText {
  background-position: -399px -260px;
}
body[lang=de] .gameSprite.game_ruk .logoText {
  background-position: -201px -260px;
}
.gameSprite.game_sh2,
.gameSprite.game_sh2 .logoText {
  background-image: url('../images/gameSprites/sh2_SPRITE.png');
}
.gameSprite.game_sh2 {
  background-position: -5px -5px;
}
.gameSprite.game_sh2 .logoText {
  background-position: -5px -260px;
  width: 180px;
  height: 95px;
  top: 4px;
  left: 265px;
}
body[lang=fr] .gameSprite.game_sh2 .logoText {
  background-position: -190px -260px;
}
.gameSprite.game_so3,
.gameSprite.game_so3 .logoText {
  background-image: url('../images/gameSprites/so3_SPRITE.png');
}
.gameSprite.game_so3 {
  background-position: -5px -5px;
}
.gameSprite.game_so3 .logoText {
  background-position: -5px -260px;
  width: 210px;
  height: 95px;
  top: 4px;
  left: 248px;
}
body[lang=nl] .gameSprite.game_so3 .logoText {
  background-position: -220px -260px;
}
.gameSprite.game_mbs,
.gameSprite.game_mbs .logoText {
  background-image: url('../images/gameSprites/mbs_SPRITE.png');
}
.gameSprite.game_mbs {
  background-position: -5px -4px;
}
.gameSprite.game_mbs .logoText {
  background-position: -5px -260px;
  width: 134px;
  height: 61px;
  top: 15px;
  left: 261px;
}
body[lang=fr] .gameSprite.game_mbs .logoText {
  background-position: -144px -260px;
}
.gameSprite.game_rum,
.gameSprite.game_rum .logoText {
  background-image: url('../images/gameSprites/rum_SPRITE.png');
}
.gameSprite.game_rum {
  background-position: -5px -5px;
}
.gameSprite.game_rum .logoText {
  background-position: -5px -260px;
  width: 184px;
  height: 95px;
  top: 0;
  left: 258px;
}
.gameSprite.game_jt2,
.gameSprite.game_jt2 .logoText {
  background-image: url('../images/gameSprites/jt2_SPRITE.png');
}
.gameSprite.game_jt2 {
  background-position: -5px -5px;
}
.gameSprite.game_jt2 .logoText {
  background-position: -5px -260px;
  width: 184px;
  height: 95px;
  top: 0;
  left: 258px;
}
.gameSprite.game_jok {
  background: 0 0 url('../images/gameSprites/jok_banner_700x100.jpg');
}
.gameSprite.game_sss[class*="gv"],
.gameSprite.game_prt[class*="gv"],
.gameSprite.game_sen[class*="gv"] {
  height: 36px;
  width: 36px;
  background: 0 0 url('../images/gameSprites/variants_SPRITE.png');
}
.gameSprite.game_sss.gv_66 {
  background-position: 0 0;
}
.gameSprite.game_sss.gv_schnapsen {
  background-position: -72px -36px;
}
.gameSprite.game_prt.gv_test {
  background-position: 0 -36px;
}
.gameSprite.game_prt.gv_classic {
  background-position: -36px 0;
}
.gameSprite.game_sen.gv_full {
  background-position: -36px -36px;
}
.gameSprite.game_sen.gv_pro {
  background-position: -72px 0;
}
.gameSprite.game_bgm[class*="gv"] {
  height: 36px;
  width: 36px;
  background: 0 0 url('../images/gameSprites/bgm_SPRITE.png');
}
.gameSprite.game_bgm.gv_white {
  background-position: -36px 0;
}
.gameSprite.game_bgm.gv_black {
  background-position: 0 0;
}
.base.gameBanner.gameImage,
.base.gameBanner .bannerOverlay {
  width: 100%;
  max-width: 700px;
}
.base.gameBanner,
.base.gameBanner.max,
.base.gameBanner .bannerOverlay,
.base.gameBanner.max .bannerOverlay {
  height: 250px;
  position: relative;
}
.base.gameBanner.min .overflowWrapper,
.base.gameBanner.min,
.base.gameBanner.min .bannerOverlay {
  height: 100px;
}
.base.gameBanner.min .overflowWrapper {
  overflow: hidden;
}
.base.gameBanner .bannerOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.base.gameBanner .ribbon {
  position: absolute;
  right: -1px;
  top: -1px;
}
.base.gameBanner .coloredBanner {
  position: relative;
  left: 0px;
  top: 0px;
}
.icon_sprite {
  background: top left no-repeat;
}
.colorScheme.darkGrey .icon_sprite.colorScheme,
.icon_sprite.darkGrey {
  background-image: url('../images/icons/icon_darkGrey_sprite.png');
}
.colorScheme.blueGreen .icon_sprite.colorScheme,
.icon_sprite.blueGreen {
  background-image: url('../images/icons/icon_blueGreen_sprite.png');
}
.colorScheme.lightGreen .icon_sprite.colorScheme,
.icon_sprite.lightGreen {
  background-image: url('../images/icons/icon_lightGreen_sprite.png');
}
.colorScheme.orange .icon_sprite.colorScheme,
.icon_sprite.lightOrange {
  background-image: url('../images/icons/icon_lightOrange_sprite.png');
}
.colorScheme.lightBlue .icon_sprite.colorScheme,
.icon_sprite.lightBlue {
  background-image: url('../images/icons/icon_lightBlue_sprite.png');
}
.colorScheme.midBlue .icon_sprite.colorScheme,
.icon_sprite.midBlue {
  background-image: url('../images/icons/icon_midBlue_sprite.png');
}
.colorScheme.midGreen .icon_sprite.colorScheme,
.icon_sprite.midGreen {
  background-image: url('../images/icons/icon_midGreen_sprite.png');
}
.colorScheme.midGrey .icon_sprite.colorScheme,
.icon_sprite.midGrey {
  background-image: url('../images/icons/icon_midGrey_sprite.png');
}
.icon_sprite.midOrange {
  background-image: url('../images/icons/icon_midOrange_sprite.png');
}
.colorScheme.purple .icon_sprite.colorScheme,
.icon_sprite.purple {
  background-image: url('../images/icons/icon_purple_sprite.png');
}
.colorScheme.red .icon_sprite.colorScheme,
.icon_sprite.red {
  background-image: url('../images/icons/icon_red_sprite.png');
}
.colorScheme.turquoise .icon_sprite.colorScheme,
.icon_sprite.turquoise {
  background-image: url('../images/icons/icon_turqouise_sprite.png');
}
.colorScheme.yellow .icon_sprite.colorScheme,
.icon_sprite.yellow {
  background-image: url('../images/icons/icon_yellow_sprite.png');
}
/** hover effects for icons **/
.hover:hover .icon_sprite.allGames.small.midGrey.hover,
.hover:hover .icon_sprite.allGames_small.midGrey.hover {
  background-image: url('../images/icons/icon_darkGrey_sprite.png');
}
.hover:hover .icon_sprite.favorite.small.midGrey.hover,
.hover:hover .icon_sprite.favorite_small.midGrey.hover {
  background-image: url('../images/icons/icon_darkGrey_sprite.png');
}
.hover:hover .icon_sprite.action.small.midGrey.hover,
.hover:hover .icon_sprite.action_small.midGrey.hover {
  background-image: url('../images/icons/icon_red_sprite.png');
}
.hover:hover .icon_sprite.logic.small.midGrey.hover,
.hover:hover .icon_sprite.logic_small.midGrey.hover {
  background-image: url('../images/icons/icon_midBlue_sprite.png');
}
.hover:hover .icon_sprite.cardsBoard.small.midGrey.hover,
.hover:hover .icon_sprite.cardsBoard_small.midGrey.hover {
  background-image: url('../images/icons/icon_lightOrange_sprite.png');
}
.hover:hover .icon_sprite.mobile.small.midGrey.hover,
.hover:hover .icon_sprite.mobile_small.midGrey.hover {
  background-image: url('../images/icons/icon_turqouise_sprite.png');
}
.hover:hover .icon_sprite.tournaments.small.midGrey.hover,
.hover:hover .icon_sprite.tournaments_small.midGrey.hover {
  background-image: url('../images/icons/icon_yellow_sprite.png');
}
/** hover effects for icons **/
.icon_sprite.mailService.medium,
.icon_sprite.mailService_medium {
  background-position: -3px -5px;
  width: 43px;
  height: 42px;
}
.icon_sprite.mailService.small,
.icon_sprite.mailService_small {
  background-position: -3px -51px;
  width: 34px;
  height: 33px;
}
.icon_sprite.phoneService.medium,
.icon_sprite.phoneService_medium {
  background-position: -3px -89px;
  width: 43px;
  height: 42px;
}
.icon_sprite.phoneService.small,
.icon_sprite.phoneService_small {
  background-position: -3px -135px;
  width: 34px;
  height: 33px;
}
.icon_sprite.question.medium,
.icon_sprite.question_medium {
  background-position: -3px -173px;
  width: 43px;
  height: 42px;
}
.icon_sprite.question.small,
.icon_sprite.question_small {
  background-position: -3px -219px;
  width: 34px;
  height: 33px;
}
.icon_sprite.community.medium,
.icon_sprite.community_medium {
  background-position: -3px -257px;
  width: 43px;
  height: 42px;
}
.icon_sprite.community.small,
.icon_sprite.community_small {
  background-position: -3px -303px;
  width: 34px;
  height: 33px;
}
.icon_sprite.timing.medium {
  background-position: -3px -341px;
  width: 43px;
  height: 42px;
}
.icon_sprite.timing.small {
  background-position: -3px -387px;
  width: 34px;
  height: 33px;
}
.icon_sprite.info.medium,
.icon_sprite.info_medium {
  background-position: -3px -425px;
  width: 43px;
  height: 42px;
}
.icon_sprite.info.small,
.icon_sprite.info_small {
  background-position: -3px -471px;
  width: 34px;
  height: 33px;
}
.icon_sprite.security.medium,
.icon_sprite.security_medium {
  background-position: -3px -509px;
  width: 43px;
  height: 42px;
}
.icon_sprite.security.small,
.icon_sprite.security_small {
  background-position: -3px -555px;
  width: 34px;
  height: 33px;
}
.icon_sprite.tournaments.medium,
.icon_sprite.tournaments_medium {
  background-position: -3px -593px;
  width: 43px;
  height: 42px;
}
.icon_sprite.tournaments.small,
.icon_sprite.tournaments_small {
  background-position: -3px -639px;
  width: 34px;
  height: 33px;
}
.icon_sprite.winnings.medium,
.icon_sprite.winnings_medium {
  background-position: -3px -677px;
  width: 43px;
  height: 42px;
}
.icon_sprite.winnings.small,
.icon_sprite.winnings_small {
  background-position: -3px -723px;
  width: 34px;
  height: 33px;
}
.icon_sprite.mobile.medium,
.icon_sprite.mobile_medium {
  background-position: -3px -761px;
  width: 43px;
  height: 42px;
}
.icon_sprite.mobile.small,
.icon_sprite.mobile_small {
  background-position: -3px -807px;
  width: 34px;
  height: 33px;
}
.icon_sprite.message.medium,
.icon_sprite.message_medium {
  background-position: -3px -845px;
  width: 43px;
  height: 42px;
}
.icon_sprite.message.small,
.icon_sprite.message_small {
  background-position: -3px -891px;
  width: 34px;
  height: 33px;
}
.icon_sprite.special.medium {
  background-position: -3px -929px;
  width: 43px;
  height: 42px;
}
.icon_sprite.special.small {
  background-position: -3px -975px;
  width: 34px;
  height: 33px;
}
.icon_sprite.allGames.medium,
.icon_sprite.allGames_medium {
  background-position: -3px -1013px;
  width: 43px;
  height: 42px;
}
.icon_sprite.allGames.small,
.icon_sprite.allGames_small {
  background-position: -3px -1059px;
  width: 34px;
  height: 33px;
}
.icon_sprite.logic.medium,
.icon_sprite.logic_medium {
  background-position: -3px -1097px;
  width: 43px;
  height: 42px;
}
.icon_sprite.logic.small,
.icon_sprite.logic_small {
  background-position: -3px -1143px;
  width: 34px;
  height: 33px;
}
.icon_sprite.action.medium,
.icon_sprite.action_medium {
  background-position: -3px -1181px;
  width: 43px;
  height: 42px;
}
.icon_sprite.action.small,
.icon_sprite.action_small {
  background-position: -3px -1227px;
  width: 34px;
  height: 33px;
}
.icon_sprite.cardsBoard.medium,
.icon_sprite.cardsBoard_medium {
  background-position: -3px -1265px;
  width: 43px;
  height: 42px;
}
.icon_sprite.cardsBoard.small,
.icon_sprite.cardsBoard_small {
  background-position: -3px -1311px;
  width: 34px;
  height: 33px;
}
.icon_sprite.favorite.medium,
.icon_sprite.favorite_medium {
  background-position: -3px -1349px;
  width: 43px;
  height: 42px;
}
.icon_sprite.favorite.small,
.icon_sprite.favorite_small {
  background-position: -3px -1395px;
  width: 34px;
  height: 33px;
}
.icon_sprite.denied.medium,
.icon_sprite.denied_medium {
  background-position: -3px -1433px;
  width: 43px;
  height: 42px;
}
.icon_sprite.denied.small,
.icon_sprite.denied_small {
  background-position: -3px -1479px;
  width: 34px;
  height: 33px;
}
.icon_sprite.approved.small,
.icon_sprite.approved_small {
  background-position: -3px -1563px;
  width: 34px;
  height: 33px;
}
.icon_sprite.approved.medium,
.icon_sprite.approved_medium {
  background-position: -3px -1517px;
  width: 43px;
  height: 42px;
}
.icon_sprite.warning.medium,
.icon_sprite.warning_medium {
  background-position: -3px -1601px;
  width: 43px;
  height: 42px;
}
.icon_sprite.warning.small,
.icon_sprite.warning_small {
  background-position: -3px -1647px;
  width: 34px;
  height: 33px;
}
.icon_sprite.sameLevel.small {
  background-position: -3px -1731px;
  width: 34px;
  height: 33px;
}
.icon_sprite.friend.medium {
  background-position: -3px -1852px;
  width: 43px;
  height: 42px;
}
.icon_sprite.friend.small {
  background-position: -3px -1899px;
  width: 32px;
  height: 32px;
}
.icon_sprite.challenge.medium {
  background-position: -3px -1939px;
  width: 43px;
  height: 42px;
}
.icon_sprite.challenge.small {
  background-position: -3px -1986px;
  width: 32px;
  height: 32px;
}
/** --- ICON SPRITE COORDINATES --- */
.icon_tiny_sprite {
  background: url('../images/icons/icon_tiny_sprite.png') top left no-repeat;
}
.icon_tiny_sprite.mailService {
  background-position: -2px -4px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.phoneService {
  background-position: -2px -31px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.approved {
  background-position: -2px -58px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.deleteClose {
  background-position: -2px -85px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.question {
  background-position: -2px -112px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.warning {
  background-position: -2px -139px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.timing {
  background-position: -2px -166px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.favorite {
  background-position: -2px -193px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.cardsBoard {
  background-position: -2px -220px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.action {
  background-position: -2px -247px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.logic {
  background-position: -2px -274px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.info {
  background-position: -2px -301px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.security {
  background-position: -2px -328px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.winnings {
  background-position: -2px -355px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.mobile {
  background-position: -2px -382px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.denied {
  background-position: -2px -409px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.allGames {
  background-position: -2px -436px;
  width: 24px;
  height: 24px;
}
/** +++ GENERIC SPRITE COORDINATES +++ */
/** COLOR BOX NEEDS ALSO THE SPRITE **/
.decorate.gdHeader .gdHeaderRightPart,
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxClose,
.generic_sprite {
  background: url('../images/generic_sprite.png') top left no-repeat;
}
.generic_sprite.us_flag {
  background-position: -250px -4px;
  width: 17px;
  height: 13px;
}
.generic_sprite.de_flag {
  background-position: -250px -19px;
  width: 17px;
  height: 13px;
}
.generic_sprite.at_flag {
  background-position: -250px -34px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ch_flag {
  background-position: -250px -50px;
  width: 17px;
  height: 13px;
}
.generic_sprite.dk_flag {
  background-position: -250px -64px;
  width: 17px;
  height: 13px;
}
.generic_sprite.es_flag {
  background-position: -250px -80px;
  width: 17px;
  height: 13px;
}
.generic_sprite.fr_flag {
  background-position: -250px -95px;
  width: 17px;
  height: 13px;
}
.generic_sprite.nl_flag {
  background-position: -250px -110px;
  width: 17px;
  height: 13px;
}
.generic_sprite.se_flag {
  background-position: -250px -125px;
  width: 17px;
  height: 13px;
}
.generic_sprite.gb_flag,
.generic_sprite.uk_flag {
  background-position: -250px -141px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ca_flag {
  background-position: -229px -30px;
  width: 17px;
  height: 13px;
}
.generic_sprite.jc_flag {
  background-position: -229px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.br_flag {
  background-position: -229px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ve_flag {
  background-position: -210px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.uy_flag {
  background-position: -210px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ar_flag {
  background-position: -191px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.be_flag {
  background-position: -191px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.cl_flag {
  background-position: -172px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.mx_flag {
  background-position: -172px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.accountBox {
  background-position: -3px -76px;
  width: 240px;
  height: 92px;
}
.generic_sprite.GOLD.accountBox {
  background-position: -3px -172px;
  width: 240px;
  height: 92px;
}
.generic_sprite.SILVER.accountBox {
  background-position: -3px -268px;
  width: 240px;
  height: 92px;
}
.colorScheme.orange .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.lightGreen .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.midGreen .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.blueGreen .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.purple .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.red .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.lightBlue .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.midBlue .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.gameDesign.game_mau .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bux .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_kno .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bub .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bus .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_lab .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_flu .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_kla .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bel .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_spi .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_rom .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_mjj .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_tar .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_sax .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_ska .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_mpy .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_mau .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_kno .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_jwl .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.decorate.gdHeader.action .gdHeaderRightPart,
.decorate.gdHeader.cards .gdHeaderRightPart,
.decorate.gdHeader.knowledge .gdHeaderRightPart,
.decorate.gdHeader.base .gdHeaderRightPart,
.generic_sprite.light_swoosh {
  background-position: -105px -504px;
  width: 95px;
  height: 23px;
}
.decorate.gdHeader .gdHeaderRightPart,
.generic_sprite.dark_swoosh {
  background-position: -3px -504px;
  width: 95px;
  height: 23px;
}
.generic_sprite.big_swoosh {
  background-position: -3px -433px;
  width: 173px;
  height: 68px;
}
.generic_sprite.header_swoosh {
  background-position: -9px -438px;
  width: 50px;
  height: 27px;
}
.generic_sprite.subHeader_swoosh {
  background-position: -6px -460px;
  width: 50px;
  height: 19px;
}
.generic_sprite.category_swoosh {
  background-position: -181px -433px;
  width: 86px;
  height: 54px;
}
.generic_sprite.loyaltyLogo.ic_SILVER {
  background-position: -209px -362px;
  width: 34px;
  height: 43px;
}
.generic_sprite.loyaltyLogo.ic_GOLD {
  background-position: -172px -362px;
  width: 34px;
  height: 43px;
}
.generic_sprite.ic_facebook {
  background-position: -246px -228px;
  width: 32px;
  height: 32px;
}
.generic_sprite.ic_special {
  background-position: -249px -587px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_gameduell {
  background-position: -246px -262px;
  width: 32px;
  height: 34px;
}
.generic_sprite.ic_message {
  background-position: -249px -606px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_community {
  background-position: -249px -625px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_winnings {
  background-position: -249px -891px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_winning {
  background-position: -249px -568px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_question {
  background-position: -249px -720px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_challenge {
  background-position: -249px -1442px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_diamond {
  background-position: -249px -1535px;
  width: 17px;
  height: 14px;
}
.generic_sprite.ic_winning_GOLD {
  background-position: -249px -492px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_special.loyalty {
  background-position: -249px -511px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_community.loyalty {
  background-position: -249px -530px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_message.loyalty {
  background-position: -249px -549px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_challenge.loyalty {
  background-position: -249px -1461px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_diamond.loyalty {
  background-position: -249px -1554px;
  width: 17px;
  height: 14px;
}
.generic_sprite.arrow_grey.left {
  background-position: -249px -1342px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_grey.right {
  background-position: -257px -1342px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_grey.left.right {
  background-position: -249px -1342px;
  width: 15px;
  height: 16px;
}
.generic_sprite.arrow_white.left {
  background-position: -249px -1480px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_white.right {
  background-position: -257px -1480px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_white.left.right {
  background-position: -249px -1480px;
  width: 15px;
  height: 16px;
}
.generic_sprite.arrow_orange.up {
  background-position: -249px -1214px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_orange.down {
  background-position: -249px -1232px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_blue.up {
  background-position: -249px -1246px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_blue.down {
  background-position: -249px -1264px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_red.up {
  background-position: -249px -1278px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_red.down {
  background-position: -249px -1296px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_grey.up {
  background-position: -249px -1310px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_grey.down {
  background-position: -249px -1326px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_white.up {
  background-position: -249px -1359px;
  width: 11px;
  height: 15px;
}
.comp.gdTable .gdTableData.sortButton.arrowState.up {
  background-position: -244px -1359px;
}
.comp.gdTable .main.header .gdTableData.sortButton.arrowState.up {
  background-position: -244px -1356px;
}
.generic_sprite.arrow_white.down {
  background-position: -249px -1375px;
  width: 11px;
  height: 15px;
}
.comp.gdTable .gdTableData.sortButton.arrowState.down {
  background-position: -244px -1375px;
}
.comp.gdTable .main.header .gdTableData.sortButton.arrowState.down {
  background-position: -244px -1372px;
}
.generic_sprite.arrow_darkGrey.up {
  background-position: -249px -1391px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_darkGrey.down {
  background-position: -249px -1407px;
  width: 11px;
  height: 15px;
}
.generic_sprite.ic_searchfield {
  background-position: -3px -530px;
  width: 18px;
  height: 25px;
}
.generic_sprite.ic_searchfield.white {
  background-position: -249px -1609px;
  width: 18px;
  height: 18px;
}
.base.conditions thead th {
  background-position: -257px -758px;
}
/*Needs also the separator with small positions changes*/
.generic_sprite.table_separator {
  background-position: -250px -300px;
  width: 2px;
  height: 15px;
}
.generic_sprite.ic_money {
  background-position: -246px -191px;
  width: 32px;
  height: 35px;
}
.generic_sprite.ic_alert {
  background-position: -246px -156px;
  width: 32px;
  height: 33px;
}
.generic_sprite.ic_mailService {
  background-position: -249px -644px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_phoneService {
  background-position: -249px -663px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_approved {
  background-position: -249px -682px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_approved.white {
  background-position: -249px -1497px;
  width: 17px;
  height: 16px;
}
.generic_sprite.ic_delete {
  background-position: -249px -701px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_warning {
  background-position: -249px -739px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_timing {
  background-position: -249px -758px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_favorite {
  background-position: -249px -777px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_cardsBoard {
  background-position: -249px -796px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_action {
  background-position: -249px -815px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_logic {
  background-position: -249px -834px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_info {
  background-position: -249px -853px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_security {
  background-position: -249px -872px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_mobile {
  background-position: -249px -910px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_denied {
  background-position: -249px -929px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_allGames {
  background-position: -249px -948px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_arrow_right {
  background-position: -249px -1054px;
  width: 19px;
  height: 14px;
}
.generic_sprite.ic_arrow_left {
  background-position: -249px -1069px;
  width: 19px;
  height: 14px;
}
.generic_sprite.ic_visiCard {
  background-position: -249px -1002px;
  width: 15px;
  height: 15px;
}
.generic_sprite.ic_table {
  background-position: -249px -986px;
  width: 15px;
  height: 15px;
}
.generic_sprite.ic_message2 {
  background-position: -249px -1084px;
  width: 20px;
  height: 17px;
}
.generic_sprite.ic_delete2 {
  background-position: -249px -1102px;
  width: 19px;
  height: 17px;
}
.generic_sprite.ic_denied2 {
  background-position: -249px -1120px;
  width: 19px;
  height: 17px;
}
.generic_sprite.ic_sameLevel {
  background-position: -249px -968px;
  width: 18px;
  height: 18px;
}
.base.ui.active .generic_sprite.ic_sameLevel,
.generic_sprite.ic_sameLevel_white {
  background-position: -249px -1139px;
  width: 18px;
  height: 18px;
}
.base.ui.active .generic_sprite.ic_community,
.generic_sprite.ic_community_white {
  background-position: -249px -1158px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_clock_white {
  background-position: -249px -1176px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_warning_white {
  background-position: -249px -1195px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_challenge_white {
  background-position: -249px -1424px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_cdiamond_white {
  background-position: -249px -1516px;
  width: 18px;
  height: 15px;
}
.generic_sprite.ic_male {
  background-position: -249px -1018px;
  width: 18px;
  height: 17px;
}
.generic_sprite.ic_female {
  background-position: -249px -1036px;
  width: 18px;
  height: 17px;
}
.generic_sprite.ic_friend_add {
  background-position: -249px -318px;
  width: 18px;
  height: 18px;
}
.generic_sprite.close_popUp {
  background-position: -172px 0px;
  width: 42px;
  height: 40px;
}
#cboxClose,
.generic_sprite.close_popUpBIG {
  background-position: -3px -635px;
  width: 50px;
  height: 50px;
}
#cboxTopLeft,
.generic_sprite.popUp_corner_topLeft {
  background-position: -217px -6px;
  width: 10px;
  height: 10px;
}
#cboxTopRight,
.generic_sprite.popUp_corner_topRight {
  background-position: -229px -6px;
  width: 10px;
  height: 10px;
}
#cboxBottomRight,
.generic_sprite.popUp_corner_downRight {
  background-position: -229px -18px;
  width: 10px;
  height: 10px;
}
#cboxBottomLeft,
.generic_sprite.popUp_corner_downLeft {
  background-position: -217px -18px;
  width: 10px;
  height: 10px;
}
.base.colorButton.tiny.fixed.invisible:hover .generic_sprite.ic_friend_add,
.invisible.fixedTiny.colorButtonContainer:hover .generic_sprite.ic_friend_add,
.invisible.fixed.tiny.colorButtonContainer:hover .generic_sprite.ic_friend_add,
.invisible.fixedTiny.colorButtonContainer:active .generic_sprite.ic_friend_add,
.invisible.fixed.tiny.colorButtonContainer:active .generic_sprite.ic_friend_add,
.generic_sprite.ic_friend_add_over {
  background-position: -249px -337px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_friend_online {
  background-position: -249px -357px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_friend_offline {
  background-position: -249px -375px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_friend_grey {
  background-position: -249px -394px;
  width: 18px;
  height: 18px;
}
.base.ui.active .generic_sprite.ic_friend_grey,
.generic_sprite.ic_friend_white {
  background-position: -249px -413px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_smallRibbon {
  background-position: -175px -560px;
  width: 30px;
  height: 29px;
}
.generic_sprite.ic_plus {
  background-position: -249px -1571px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_minus {
  background-position: -249px -1590px;
  width: 18px;
  height: 18px;
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/** +++ GENERIC COUNTRY SPRITE +++ */
.generic_country_sprite.ribbon.new.top {
  background-position: -100px -3px;
  width: 70px;
  height: 54px;
}
.generic_country_sprite.ribbon.new.bottom {
  background-position: -4px -4px;
  width: 81px;
  height: 60px;
}
.generic_country_sprite.ribbon.beta.top {
  background-position: -273px -3px;
  width: 71px;
  height: 56px;
}
.generic_country_sprite.ribbon.beta.bottom {
  background-position: -175px -5px;
  width: 82px;
  height: 59px;
}
.generic_country_sprite.ribbon.basic {
  background-position: -354px -76px;
  width: 91px;
  height: 67px;
}
.generic_country_sprite.ribbon.premium {
  background-position: -354px -3px;
  width: 91px;
  height: 67px;
}
.generic_country_sprite {
  background: url('../images/country_sprite/generic_sprite_en.png') top left no-repeat;
}
[lang=de] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_de.png');
}
[lang=da] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_da.png');
}
[lang=es] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_es.png');
}
[lang=fr] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_fr.png');
}
[lang=nl] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_nl.png');
}
[lang=sv] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_sv.png');
}
body[lang=fr] .generic_country_sprite.ribbon.new.top {
  background-position: -86px -3px;
  width: 85px;
  height: 62px;
}
/** ++ gdLogo ++ **/
.generic_country_sprite.partnerLogo,
.generic_country_sprite#partnerLogo {
  background-position: -4px -107px;
  height: 62px;
  width: 230px;
  background-repeat: no-repeat;
}
/** -- gdLogo -- **/
/** +++ COLOR BOX STYLE +++ **/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
/* **************************************************************************************************** */
#cboxWrapper {
  background: none !important;
}
#cboxOverlay {
  background: #000 ;
}
#cboxLoadedContent {
  margin-bottom: 0 !important;
}
#colorbox,
#cboxWrapper,
#cboxContent {
  overflow: visible !important;
}
#cboxMiddleLeft {
  width: 10px !important;
  background: #fff !important;
}
#cboxMiddleRight {
  width: 10px !important;
  background: #fff !important;
}
#cboxTopCenter {
  height: 10px !important;
  background: #fff !important;
  background-image: none !important;
}
#cboxBottomCenter {
  height: 10px !important;
  background: #fff !important;
}
#cboxClose {
  position: absolute;
  top: -20px;
  right: -29px !important;
  z-index: 10000;
}
#cboxLoadedContent {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
/** +++ COLOR BOX STYLE +++ **/
#cboxLoadedContent .lightbox {
  box-sizing: border-box;
  max-height: 600px;
}
#cboxLoadedContent .lightbox.lb-small {
  width: 390px;
  padding: 26px;
}
#cboxLoadedContent .lightbox.lb-small .lb-head {
  margin-bottom: 15px;
}
#cboxLoadedContent .lightbox.lb-medium {
  width: 520px;
  padding: 34px;
}
#cboxLoadedContent .lightbox.lb-big {
  width: 640px;
  padding: 34px 52px;
}
#cboxLoadedContent .lightbox .lb-head {
  margin-bottom: 30px;
}
#cboxLoadedContent .lightbox .buttonWrapper {
  text-align: center;
  margin: 30px auto 0;
}
#cboxLoadedContent .lightbox .buttonWrapper :nth-child(2) {
  margin-left: 40px;
}
.bounceElement {
  position: relative;
  -webkit-animation: bounce 0.7s ease-out;
  -moz-animation: bounce 0.7s ease-out;
  -o-animation: bounce 0.7s ease-out;
  animation: bounce 0.7s ease-out;
}
/* Webkit, Chrome and Safari */
@-webkit-keyframes bounce {
  5% {
    -webkit-transform: translateY(-4px);
  }
  20% {
    -webkit-transform: translateY(3px);
  }
  35% {
    -webkit-transform: translateY(-4px);
  }
  50% {
    -webkit-transform: translateY(3px);
  }
  65% {
    -webkit-transform: translateY(-4px);
  }
  80% {
    -webkit-transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(0px);
  }
}
/* Opera 12.0 */
@-o-keyframes bounce {
  5% {
    -o-transform: translateY(-4px);
  }
  20% {
    -o-transform: translateY(3px);
  }
  35% {
    -o-transform: translateY(-4px);
  }
  50% {
    -o-transform: translateY(3px);
  }
  65% {
    -o-transform: translateY(-4px);
  }
  80% {
    -o-transform: translateY(3px);
  }
  90% {
    -o-transform: translateY(0px);
  }
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  5% {
    -moz-transform: translateY(-4px);
  }
  20% {
    -moz-transform: translateY(3px);
  }
  35% {
    -moz-transform: translateY(-4px);
  }
  50% {
    -moz-transform: translateY(3px);
  }
  65% {
    -moz-transform: translateY(-4px);
  }
  80% {
    -moz-transform: translateY(3px);
  }
  90% {
    -moz-transform: translateY(0px);
  }
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  5% {
    transform: translateY(-4px);
  }
  20% {
    transform: translateY(3px);
  }
  35% {
    transform: translateY(-4px);
  }
  50% {
    transform: translateY(3px);
  }
  65% {
    transform: translateY(-4px);
  }
  80% {
    transform: translateY(3px);
  }
  90% {
    transform: translateY(0px);
  }
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
#headHints .headerHint {
  margin: 0 auto;
  padding: 12px 30px 12px 0;
  max-width: 940px;
  -webkit-box-sizing: border-box;
  -webkit-user-select: text;
  -moz-box-sizing: border-box;
  -moz-user-select: text;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
#headHints .headerHint .hintText {
  padding-left: 50px;
  text-align: left;
}
#headHints .headerHint .hintDelete span {
  position: absolute;
  right: 10px;
}
#headHints .headerHint .mole {
  display: inline-block;
  width: 65px;
  height: 38px;
  background: url('../images/modules/im_65x38_mole.png') bottom left no-repeat;
  position: relative;
  top: 3px;
  float: left;
  margin-bottom: -37px;
}
#headHints .headerHint > span {
  padding-left: 50px;
  width: auto;
  display: inline-block;
}
#headHints .headerHint > span span {
  padding-top: 12px;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  font-weight: bold;
}
#headHints .headerHint.hidden {
  display: none;
}
#headHints .headerHint.leftAlign {
  text-align: left;
  padding-left: 30px;
}
#headHints .headerHint.asMiddleText > span span {
  padding-top: 3px;
}
#headHints .headerHint#ie_deprecation_banner .hintText,
#headHints .headerHint#cookieBanner .hintText {
  padding-left: 0;
}
#headHints .headerHint#ie_deprecation_banner .bannerText,
#headHints .headerHint#cookieBanner .bannerText {
  padding-left: 35px;
  float: left;
  width: 530px;
}
#headHints .headerHint#ie_deprecation_banner .bannerButtons,
#headHints .headerHint#cookieBanner .bannerButtons {
  display: inline-block;
  margin-top: 3px;
  padding-left: 75px;
}
#headHints .softshadow {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  border-top: 1px solid #B9C0C6;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 4px;
}
#headHints .softshadow.hidden {
  visibility: hidden;
}
@media (max-width: 1280px) {
  #headHints .headerHint {
    font-size: 12px;
  }
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/* CSS for navi_right/charityBox.xhtml
*/
#rightContent #charityBox {
  color: #434343;
  font-size: 11px;
  line-height: 14px;
}
#rightContent #charityBox .boldText {
  font-weight: bold;
  padding-right: 4px;
}
#rightContent #charityBox .charityLink {
  font-size: 9px;
  text-align: center;
  display: block;
}
/* css for the navi_right/customerService.xhtml:
*  different for the languages
*/
#rightContent #customerServiceBox a {
  font-size: 9px;
}
#rightContent #customerServiceBox .emailLink {
  font-size: 9px;
  text-align: center;
  display: block;
}
#rightContent #customerServiceBox .firstTextPosition {
  padding: 5px 5px 0;
  line-height: 12px;
}
body[lang=fr] #rightContent #customerServiceBox .firstTextPosition {
  padding: 5px 0 0 0;
}
#rightContent #customerServiceBox .arrowImg {
  padding: 5px 0 0 5px;
  position: relative;
  top: 1px;
}
#rightContent #customerServiceBox .arrowTeaserText {
  font-size: 12px;
  font-weight: bold;
  padding-left: 3px;
  white-space: nowrap;
}
#rightContent #customerServiceBox .teaserSubText {
  font-size: 9px;
  padding-left: 3px;
}
#rightContent #customerServiceBox .customerServiceImg {
  padding-top: 5px;
}
/* CSS for emailValidationBox.xhtml
*/
#rightContent #emailValidationBox {
  background: url('../images/teaser/im_138x154_mail.jpg') no-repeat;
}
#rightContent #emailValidationBox div.emailValidationLinkContent {
  padding: 82px 6px 24px 11px;
}
#rightContent #emailValidationBox div.emailValidationLinkContent span {
  font-size: 11px;
  color: #333;
  letter-spacing: -0.01em;
}
/* CSS for navi_right/fairnessGurantee.xhtml
*/
#rightContent #fairnessGuaranteeBox ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 12px !important;
}
#rightContent #fairnessGuaranteeBox li {
  color: #434343;
  font-size: 9px;
  padding-left: 4px;
}
#rightContent #fairnessGuaranteeBox a {
  font-size: 9px;
}
/* CSS for newsletterPromoBox.xhtml
*/
#rightContent #newsletterPromoBox {
  background: url('../images/teaser/im_138x154_newsletter.jpg') no-repeat;
}
#rightContent #newsletterPromoBox ul {
  padding: 78px 9px 10px;
  margin: 0;
}
#rightContent #newsletterPromoBox ul li {
  list-style-position: inside;
  color: #fd850f;
}
#rightContent #newsletterPromoBox ul li .elementText {
  color: #333;
  margin-left: -5px;
}
#rightContent #newsletterPromoBox a {
  padding-left: 9px;
}
#rightContent .box {
  margin-bottom: 10px;
  overflow: hidden;
}
/* height of boxes*/
#rightContent .one_box {
  /* reference size */
  height: 85px;
}
#rightContent.two_box {
  /* 2*one + 1*gutter */
  height: 180px;
}
#rightContent.four_box {
  /* 4*one + 3*gutter */
  height: 370px;
}
/* gutter between boxes */
#rightContent .one_box,
#rightContent .two_box,
#rightContent .four_box {
  margin-bottom: 10px;
  overflow: hidden;
}
/*some generic style classes*/
.block {
  display: block;
}
.rightAlign {
  text-align: right;
}
.leftAlign {
  text-align: left;
}
.centerAlign {
  text-align: center;
}
.clear {
  clear: both;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.pointer {
  cursor: pointer;
}
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
object {
  display: block;
}
/* --------------------- header, navi, footer und stuff ------------------------- */
/* >>>>>>>>>>>>> header >>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<< header <<<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> menu_left >>>>>>>>>>>>>> */
#leftContent {
  float: left;
  margin-right: 20px;
  width: 220px;
}
#leftContent #topGameImageContainer {
  display: block;
  height: 84px;
  padding: 0;
  position: relative;
  border-bottom: none;
  border-top: 1px solid white;
}
#leftContent #topGameImageContainer .ribbonTop {
  position: absolute;
  top: 0;
  right: 0;
}
#leftContent #topGameImageContainer .newGameLogo {
  display: block;
  position: relative;
  top: 5px;
  left: 50px;
}
/* <<<<<<<<<<<<< menu_left <<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> menu_right >>>>>>>>>>>>> */
#rightContentSmall,
#rightContent {
  float: left;
  margin-left: 20px;
}
#rightContent {
  width: 220px;
}
#rightContentSmall {
  width: 160px;
}
/* <<<<<<<<<<<<< menu_right <<<<<<<<<<<<< */
/* >>>>>>>>>>>>> content >>>>>>>>>>>>>>>> */
#centerContentSmall {
  width: 520px;
  float: left;
}
#content {
  width: 940px;
  margin: auto;
  position: relative;
}
/*has to be the maximum game width*/
#content #game {
  width: 800px;
}
#centerContent {
  width: 700px;
  float: left;
}
/* <<<<<<<<<<<<< content <<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> popup_template >>>>>>>>>>>>>>>>> */
#popup_template,
#popup_template_footer {
  width: 620px;
}
#popup_template_footer {
  text-align: center;
}
#popup_template_footer div.closeButton {
  display: inline-block;
  padding-top: 5px;
  text-align: center;
}
/* >>>>>>>>>>>>> gameContent >>>>>>>>>>>>>>>>> */
#gameContent {
  width: 800px;
  margin: auto auto 10px;
  position: relative;
}
#gameContent.scaleToFull {
  width: 100%;
  height: 100%;
}
#gameContent #playGame {
  position: relative;
  margin: auto;
}
/*Overwrite the default height*/
#emptyHeader #navi_top {
  height: 103px !important;
}
/* <<<<<<<<<<<<< gameContent <<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> noNavContent >>>>>>>>>>>>>>>>> */
#noNav #content {
  width: auto;
  margin: auto auto 10px;
  position: relative;
}
/*Overwrite the default height*/
#noNav #emptyHeader #navi_top {
  height: 90px !important;
}
#noNav #emptyHeader #navi_top #gdLogos {
  margin-left: 10px;
}
/* <<<<<<<<<<<<< noNav <<<<<<<<<<<<<<<< */
div #moreContent {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
/*
* All CSS definition must be available under the id rightContent.
* Be sure that we have no conflicts with other CSS styles definitions.
* Keep in mind: when we create maybe one css for all pages we have some trouble when we have no unique styles.
* This #rightContent styles are not used anymore on the homepage - I don't now who uses this
*/
#rightContent .imageContentContainer {
  border-top: none;
  margin-bottom: 10px;
  height: 154px;
}
#rightContent .contentContainer {
  border-top: none;
  height: 155px;
  width: 138px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
#rightContent .smallContentContainer {
  border-top: none;
  height: 52px;
  width: 130px;
  background-color: #ffffff;
  padding: 4px;
  margin-bottom: 10px;
}
/* For the first box add a rounded border on right side */
#rightContent > div:first-child {
  -webkit-border-top-right-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
#rightContent .dottedList {
  margin: 0;
  padding: 0;
  /* TODO color */
  color: #b3b5b4;
  list-style-type: disc;
  list-style-position: inside;
}
#rightContent .dottedList li {
  margin: 0;
  padding: 0;
  /* TODO color */
  color: #B3B5B4;
  line-height: 15px;
  list-style-type: disc;
  list-style-position: inside;
}
#rightContent .dottedList li a {
  margin-left: -4px;
}
/********* navi left community styles */
#leftContent #inputWrapper.base.input {
  position: relative;
}
#leftContent input.generic_sprite.ic_searchfield {
  background-position: 190px -525px;
  width: 198px;
  height: 17px;
}
#leftContent #navi_left_community .gameMenuList {
  margin-bottom: 0;
}
#leftContent #navi_left_community .magnifierimage {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 6px;
}
#leftContent #navi_left_community .displayNone {
  display: none;
}