@import '/fonts/signika/font.css';
@import '/fonts/entypo_iconfont/font.css';
@import '/fonts/open_sans/font.css';
@import '/fonts/icons-subgardens/font.css';
@import '/fonts/material/font.css';
@import '/fonts/prowiseMyStudent/font.css';
* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.c-baseBlueDark {
  color: #37495e;
}
.c-baseBlue70 {
  color: #737f8e;
}
.c-baseBlueMedium {
  color: #9ba4ae;
}
.c-baseBlue30 {
  color: #c3c8ce;
}
.c-baseBlue20 {
  color: #d7dbdf;
}
.c-baseBlueLight {
  color: #ebecef;
}
.c-oefenwebBlue {
  color: #009dd3;
}
/* --- Generic Game UI variables --- */
.u-mt0,
.u-margin-top-0 {
  margin-top: 0px !important;
}
.u-mb0,
.u-margin-bottom-0 {
  margin-bottom: 0px !important;
}
.u-mr0,
.u-margin-right-0 {
  margin-right: 0px !important;
}
.u-ml0,
.u-margin-left-0 {
  margin-left: 0px !important;
}
.u-mv0,
.u-margin-vertical-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-mh0,
.u-margin-horizontal-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.u-ma0,
.u-margin-0 {
  margin: 0px !important;
}
.u-mt5,
.u-margin-top-5 {
  margin-top: 5px !important;
}
.u-mb5,
.u-margin-bottom-5 {
  margin-bottom: 5px !important;
}
.u-mr5,
.u-margin-right-5 {
  margin-right: 5px !important;
}
.u-ml5,
.u-margin-left-5 {
  margin-left: 5px !important;
}
.u-mv5,
.u-margin-vertical-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.u-mh5,
.u-margin-horizontal-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.u-ma5,
.u-margin-5 {
  margin: 5px !important;
}
.u-mt10,
.u-margin-top-10 {
  margin-top: 10px !important;
}
.u-mb10,
.u-margin-bottom-10 {
  margin-bottom: 10px !important;
}
.u-mr10,
.u-margin-right-10 {
  margin-right: 10px !important;
}
.u-ml10,
.u-margin-left-10 {
  margin-left: 10px !important;
}
.u-mv10,
.u-margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.u-mh10,
.u-margin-horizontal-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.u-ma10,
.u-margin-10 {
  margin: 10px !important;
}
.u-mt15,
.u-margin-top-15 {
  margin-top: 15px !important;
}
.u-mb15,
.u-margin-bottom-15 {
  margin-bottom: 15px !important;
}
.u-mr15,
.u-margin-right-15 {
  margin-right: 15px !important;
}
.u-ml15,
.u-margin-left-15 {
  margin-left: 15px !important;
}
.u-mv15,
.u-margin-vertical-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.u-mh15,
.u-margin-horizontal-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.u-ma15,
.u-margin-15 {
  margin: 15px !important;
}
.u-mt20,
.u-margin-top-20 {
  margin-top: 20px !important;
}
.u-mb20,
.u-margin-bottom-20 {
  margin-bottom: 20px !important;
}
.u-mr20,
.u-margin-right-20 {
  margin-right: 20px !important;
}
.u-ml20,
.u-margin-left-20 {
  margin-left: 20px !important;
}
.u-mv20,
.u-margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.u-mh20,
.u-margin-horizontal-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.u-ma20,
.u-margin-20 {
  margin: 20px !important;
}
.u-mt25,
.u-margin-top-25 {
  margin-top: 25px !important;
}
.u-mb25,
.u-margin-bottom-25 {
  margin-bottom: 25px !important;
}
.u-mr25,
.u-margin-right-25 {
  margin-right: 25px !important;
}
.u-ml25,
.u-margin-left-25 {
  margin-left: 25px !important;
}
.u-mv25,
.u-margin-vertical-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.u-mh25,
.u-margin-horizontal-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.u-ma25,
.u-margin-25 {
  margin: 25px !important;
}
.u-mt30,
.u-margin-top-30 {
  margin-top: 30px !important;
}
.u-mb30,
.u-margin-bottom-30 {
  margin-bottom: 30px !important;
}
.u-mr30,
.u-margin-right-30 {
  margin-right: 30px !important;
}
.u-ml30,
.u-margin-left-30 {
  margin-left: 30px !important;
}
.u-mv30,
.u-margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.u-mh30,
.u-margin-horizontal-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.u-ma30,
.u-margin-30 {
  margin: 30px !important;
}
.u-mt35,
.u-margin-top-35 {
  margin-top: 35px !important;
}
.u-mb35,
.u-margin-bottom-35 {
  margin-bottom: 35px !important;
}
.u-mr35,
.u-margin-right-35 {
  margin-right: 35px !important;
}
.u-ml35,
.u-margin-left-35 {
  margin-left: 35px !important;
}
.u-mv35,
.u-margin-vertical-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.u-mh35,
.u-margin-horizontal-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.u-ma35,
.u-margin-35 {
  margin: 35px !important;
}
.u-mt40,
.u-margin-top-40 {
  margin-top: 40px !important;
}
.u-mb40,
.u-margin-bottom-40 {
  margin-bottom: 40px !important;
}
.u-mr40,
.u-margin-right-40 {
  margin-right: 40px !important;
}
.u-ml40,
.u-margin-left-40 {
  margin-left: 40px !important;
}
.u-mv40,
.u-margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-mh40,
.u-margin-horizontal-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.u-ma40,
.u-margin-40 {
  margin: 40px !important;
}
.u-mt45,
.u-margin-top-45 {
  margin-top: 45px !important;
}
.u-mb45,
.u-margin-bottom-45 {
  margin-bottom: 45px !important;
}
.u-mr45,
.u-margin-right-45 {
  margin-right: 45px !important;
}
.u-ml45,
.u-margin-left-45 {
  margin-left: 45px !important;
}
.u-mv45,
.u-margin-vertical-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.u-mh45,
.u-margin-horizontal-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.u-ma45,
.u-margin-45 {
  margin: 45px !important;
}
.u-mt50,
.u-margin-top-50 {
  margin-top: 50px !important;
}
.u-mb50,
.u-margin-bottom-50 {
  margin-bottom: 50px !important;
}
.u-mr50,
.u-margin-right-50 {
  margin-right: 50px !important;
}
.u-ml50,
.u-margin-left-50 {
  margin-left: 50px !important;
}
.u-mv50,
.u-margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.u-mh50,
.u-margin-horizontal-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.u-ma50,
.u-margin-50 {
  margin: 50px !important;
}
.u-mt55,
.u-margin-top-55 {
  margin-top: 55px !important;
}
.u-mb55,
.u-margin-bottom-55 {
  margin-bottom: 55px !important;
}
.u-mr55,
.u-margin-right-55 {
  margin-right: 55px !important;
}
.u-ml55,
.u-margin-left-55 {
  margin-left: 55px !important;
}
.u-mv55,
.u-margin-vertical-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.u-mh55,
.u-margin-horizontal-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}
.u-ma55,
.u-margin-55 {
  margin: 55px !important;
}
.u-mt60,
.u-margin-top-60 {
  margin-top: 60px !important;
}
.u-mb60,
.u-margin-bottom-60 {
  margin-bottom: 60px !important;
}
.u-mr60,
.u-margin-right-60 {
  margin-right: 60px !important;
}
.u-ml60,
.u-margin-left-60 {
  margin-left: 60px !important;
}
.u-mv60,
.u-margin-vertical-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.u-mh60,
.u-margin-horizontal-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.u-ma60,
.u-margin-60 {
  margin: 60px !important;
}
.u-mt65,
.u-margin-top-65 {
  margin-top: 65px !important;
}
.u-mb65,
.u-margin-bottom-65 {
  margin-bottom: 65px !important;
}
.u-mr65,
.u-margin-right-65 {
  margin-right: 65px !important;
}
.u-ml65,
.u-margin-left-65 {
  margin-left: 65px !important;
}
.u-mv65,
.u-margin-vertical-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.u-mh65,
.u-margin-horizontal-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}
.u-ma65,
.u-margin-65 {
  margin: 65px !important;
}
.u-mt70,
.u-margin-top-70 {
  margin-top: 70px !important;
}
.u-mb70,
.u-margin-bottom-70 {
  margin-bottom: 70px !important;
}
.u-mr70,
.u-margin-right-70 {
  margin-right: 70px !important;
}
.u-ml70,
.u-margin-left-70 {
  margin-left: 70px !important;
}
.u-mv70,
.u-margin-vertical-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.u-mh70,
.u-margin-horizontal-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.u-ma70,
.u-margin-70 {
  margin: 70px !important;
}
.u-mt75,
.u-margin-top-75 {
  margin-top: 75px !important;
}
.u-mb75,
.u-margin-bottom-75 {
  margin-bottom: 75px !important;
}
.u-mr75,
.u-margin-right-75 {
  margin-right: 75px !important;
}
.u-ml75,
.u-margin-left-75 {
  margin-left: 75px !important;
}
.u-mv75,
.u-margin-vertical-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.u-mh75,
.u-margin-horizontal-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}
.u-ma75,
.u-margin-75 {
  margin: 75px !important;
}
.u-mt80,
.u-margin-top-80 {
  margin-top: 80px !important;
}
.u-mb80,
.u-margin-bottom-80 {
  margin-bottom: 80px !important;
}
.u-mr80,
.u-margin-right-80 {
  margin-right: 80px !important;
}
.u-ml80,
.u-margin-left-80 {
  margin-left: 80px !important;
}
.u-mv80,
.u-margin-vertical-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.u-mh80,
.u-margin-horizontal-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.u-ma80,
.u-margin-80 {
  margin: 80px !important;
}
.u-mt85,
.u-margin-top-85 {
  margin-top: 85px !important;
}
.u-mb85,
.u-margin-bottom-85 {
  margin-bottom: 85px !important;
}
.u-mr85,
.u-margin-right-85 {
  margin-right: 85px !important;
}
.u-ml85,
.u-margin-left-85 {
  margin-left: 85px !important;
}
.u-mv85,
.u-margin-vertical-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}
.u-mh85,
.u-margin-horizontal-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}
.u-ma85,
.u-margin-85 {
  margin: 85px !important;
}
.u-mt90,
.u-margin-top-90 {
  margin-top: 90px !important;
}
.u-mb90,
.u-margin-bottom-90 {
  margin-bottom: 90px !important;
}
.u-mr90,
.u-margin-right-90 {
  margin-right: 90px !important;
}
.u-ml90,
.u-margin-left-90 {
  margin-left: 90px !important;
}
.u-mv90,
.u-margin-vertical-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.u-mh90,
.u-margin-horizontal-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}
.u-ma90,
.u-margin-90 {
  margin: 90px !important;
}
.u-mt95,
.u-margin-top-95 {
  margin-top: 95px !important;
}
.u-mb95,
.u-margin-bottom-95 {
  margin-bottom: 95px !important;
}
.u-mr95,
.u-margin-right-95 {
  margin-right: 95px !important;
}
.u-ml95,
.u-margin-left-95 {
  margin-left: 95px !important;
}
.u-mv95,
.u-margin-vertical-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}
.u-mh95,
.u-margin-horizontal-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}
.u-ma95,
.u-margin-95 {
  margin: 95px !important;
}
.u-mt100,
.u-margin-top-100 {
  margin-top: 100px !important;
}
.u-mb100,
.u-margin-bottom-100 {
  margin-bottom: 100px !important;
}
.u-mr100,
.u-margin-right-100 {
  margin-right: 100px !important;
}
.u-ml100,
.u-margin-left-100 {
  margin-left: 100px !important;
}
.u-mv100,
.u-margin-vertical-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.u-mh100,
.u-margin-horizontal-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.u-ma100,
.u-margin-100 {
  margin: 100px !important;
}
.u-mt105,
.u-margin-top-105 {
  margin-top: 105px !important;
}
.u-mb105,
.u-margin-bottom-105 {
  margin-bottom: 105px !important;
}
.u-mr105,
.u-margin-right-105 {
  margin-right: 105px !important;
}
.u-ml105,
.u-margin-left-105 {
  margin-left: 105px !important;
}
.u-mv105,
.u-margin-vertical-105 {
  margin-top: 105px !important;
  margin-bottom: 105px !important;
}
.u-mh105,
.u-margin-horizontal-105 {
  margin-left: 105px !important;
  margin-right: 105px !important;
}
.u-ma105,
.u-margin-105 {
  margin: 105px !important;
}
.u-mt110,
.u-margin-top-110 {
  margin-top: 110px !important;
}
.u-mb110,
.u-margin-bottom-110 {
  margin-bottom: 110px !important;
}
.u-mr110,
.u-margin-right-110 {
  margin-right: 110px !important;
}
.u-ml110,
.u-margin-left-110 {
  margin-left: 110px !important;
}
.u-mv110,
.u-margin-vertical-110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}
.u-mh110,
.u-margin-horizontal-110 {
  margin-left: 110px !important;
  margin-right: 110px !important;
}
.u-ma110,
.u-margin-110 {
  margin: 110px !important;
}
.u-mt115,
.u-margin-top-115 {
  margin-top: 115px !important;
}
.u-mb115,
.u-margin-bottom-115 {
  margin-bottom: 115px !important;
}
.u-mr115,
.u-margin-right-115 {
  margin-right: 115px !important;
}
.u-ml115,
.u-margin-left-115 {
  margin-left: 115px !important;
}
.u-mv115,
.u-margin-vertical-115 {
  margin-top: 115px !important;
  margin-bottom: 115px !important;
}
.u-mh115,
.u-margin-horizontal-115 {
  margin-left: 115px !important;
  margin-right: 115px !important;
}
.u-ma115,
.u-margin-115 {
  margin: 115px !important;
}
.u-mt120,
.u-margin-top-120 {
  margin-top: 120px !important;
}
.u-mb120,
.u-margin-bottom-120 {
  margin-bottom: 120px !important;
}
.u-mr120,
.u-margin-right-120 {
  margin-right: 120px !important;
}
.u-ml120,
.u-margin-left-120 {
  margin-left: 120px !important;
}
.u-mv120,
.u-margin-vertical-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.u-mh120,
.u-margin-horizontal-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.u-ma120,
.u-margin-120 {
  margin: 120px !important;
}
.u-mt125,
.u-margin-top-125 {
  margin-top: 125px !important;
}
.u-mb125,
.u-margin-bottom-125 {
  margin-bottom: 125px !important;
}
.u-mr125,
.u-margin-right-125 {
  margin-right: 125px !important;
}
.u-ml125,
.u-margin-left-125 {
  margin-left: 125px !important;
}
.u-mv125,
.u-margin-vertical-125 {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}
.u-mh125,
.u-margin-horizontal-125 {
  margin-left: 125px !important;
  margin-right: 125px !important;
}
.u-ma125,
.u-margin-125 {
  margin: 125px !important;
}
.u-mt130,
.u-margin-top-130 {
  margin-top: 130px !important;
}
.u-mb130,
.u-margin-bottom-130 {
  margin-bottom: 130px !important;
}
.u-mr130,
.u-margin-right-130 {
  margin-right: 130px !important;
}
.u-ml130,
.u-margin-left-130 {
  margin-left: 130px !important;
}
.u-mv130,
.u-margin-vertical-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}
.u-mh130,
.u-margin-horizontal-130 {
  margin-left: 130px !important;
  margin-right: 130px !important;
}
.u-ma130,
.u-margin-130 {
  margin: 130px !important;
}
.u-mt135,
.u-margin-top-135 {
  margin-top: 135px !important;
}
.u-mb135,
.u-margin-bottom-135 {
  margin-bottom: 135px !important;
}
.u-mr135,
.u-margin-right-135 {
  margin-right: 135px !important;
}
.u-ml135,
.u-margin-left-135 {
  margin-left: 135px !important;
}
.u-mv135,
.u-margin-vertical-135 {
  margin-top: 135px !important;
  margin-bottom: 135px !important;
}
.u-mh135,
.u-margin-horizontal-135 {
  margin-left: 135px !important;
  margin-right: 135px !important;
}
.u-ma135,
.u-margin-135 {
  margin: 135px !important;
}
.u-mt140,
.u-margin-top-140 {
  margin-top: 140px !important;
}
.u-mb140,
.u-margin-bottom-140 {
  margin-bottom: 140px !important;
}
.u-mr140,
.u-margin-right-140 {
  margin-right: 140px !important;
}
.u-ml140,
.u-margin-left-140 {
  margin-left: 140px !important;
}
.u-mv140,
.u-margin-vertical-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}
.u-mh140,
.u-margin-horizontal-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}
.u-ma140,
.u-margin-140 {
  margin: 140px !important;
}
.u-mt145,
.u-margin-top-145 {
  margin-top: 145px !important;
}
.u-mb145,
.u-margin-bottom-145 {
  margin-bottom: 145px !important;
}
.u-mr145,
.u-margin-right-145 {
  margin-right: 145px !important;
}
.u-ml145,
.u-margin-left-145 {
  margin-left: 145px !important;
}
.u-mv145,
.u-margin-vertical-145 {
  margin-top: 145px !important;
  margin-bottom: 145px !important;
}
.u-mh145,
.u-margin-horizontal-145 {
  margin-left: 145px !important;
  margin-right: 145px !important;
}
.u-ma145,
.u-margin-145 {
  margin: 145px !important;
}
.u-mt150,
.u-margin-top-150 {
  margin-top: 150px !important;
}
.u-mb150,
.u-margin-bottom-150 {
  margin-bottom: 150px !important;
}
.u-mr150,
.u-margin-right-150 {
  margin-right: 150px !important;
}
.u-ml150,
.u-margin-left-150 {
  margin-left: 150px !important;
}
.u-mv150,
.u-margin-vertical-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}
.u-mh150,
.u-margin-horizontal-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}
.u-ma150,
.u-margin-150 {
  margin: 150px !important;
}
.u-mt155,
.u-margin-top-155 {
  margin-top: 155px !important;
}
.u-mb155,
.u-margin-bottom-155 {
  margin-bottom: 155px !important;
}
.u-mr155,
.u-margin-right-155 {
  margin-right: 155px !important;
}
.u-ml155,
.u-margin-left-155 {
  margin-left: 155px !important;
}
.u-mv155,
.u-margin-vertical-155 {
  margin-top: 155px !important;
  margin-bottom: 155px !important;
}
.u-mh155,
.u-margin-horizontal-155 {
  margin-left: 155px !important;
  margin-right: 155px !important;
}
.u-ma155,
.u-margin-155 {
  margin: 155px !important;
}
.u-mt160,
.u-margin-top-160 {
  margin-top: 160px !important;
}
.u-mb160,
.u-margin-bottom-160 {
  margin-bottom: 160px !important;
}
.u-mr160,
.u-margin-right-160 {
  margin-right: 160px !important;
}
.u-ml160,
.u-margin-left-160 {
  margin-left: 160px !important;
}
.u-mv160,
.u-margin-vertical-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
.u-mh160,
.u-margin-horizontal-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}
.u-ma160,
.u-margin-160 {
  margin: 160px !important;
}
.u-mt165,
.u-margin-top-165 {
  margin-top: 165px !important;
}
.u-mb165,
.u-margin-bottom-165 {
  margin-bottom: 165px !important;
}
.u-mr165,
.u-margin-right-165 {
  margin-right: 165px !important;
}
.u-ml165,
.u-margin-left-165 {
  margin-left: 165px !important;
}
.u-mv165,
.u-margin-vertical-165 {
  margin-top: 165px !important;
  margin-bottom: 165px !important;
}
.u-mh165,
.u-margin-horizontal-165 {
  margin-left: 165px !important;
  margin-right: 165px !important;
}
.u-ma165,
.u-margin-165 {
  margin: 165px !important;
}
.u-mt170,
.u-margin-top-170 {
  margin-top: 170px !important;
}
.u-mb170,
.u-margin-bottom-170 {
  margin-bottom: 170px !important;
}
.u-mr170,
.u-margin-right-170 {
  margin-right: 170px !important;
}
.u-ml170,
.u-margin-left-170 {
  margin-left: 170px !important;
}
.u-mv170,
.u-margin-vertical-170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}
.u-mh170,
.u-margin-horizontal-170 {
  margin-left: 170px !important;
  margin-right: 170px !important;
}
.u-ma170,
.u-margin-170 {
  margin: 170px !important;
}
.u-mt175,
.u-margin-top-175 {
  margin-top: 175px !important;
}
.u-mb175,
.u-margin-bottom-175 {
  margin-bottom: 175px !important;
}
.u-mr175,
.u-margin-right-175 {
  margin-right: 175px !important;
}
.u-ml175,
.u-margin-left-175 {
  margin-left: 175px !important;
}
.u-mv175,
.u-margin-vertical-175 {
  margin-top: 175px !important;
  margin-bottom: 175px !important;
}
.u-mh175,
.u-margin-horizontal-175 {
  margin-left: 175px !important;
  margin-right: 175px !important;
}
.u-ma175,
.u-margin-175 {
  margin: 175px !important;
}
.u-mt180,
.u-margin-top-180 {
  margin-top: 180px !important;
}
.u-mb180,
.u-margin-bottom-180 {
  margin-bottom: 180px !important;
}
.u-mr180,
.u-margin-right-180 {
  margin-right: 180px !important;
}
.u-ml180,
.u-margin-left-180 {
  margin-left: 180px !important;
}
.u-mv180,
.u-margin-vertical-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}
.u-mh180,
.u-margin-horizontal-180 {
  margin-left: 180px !important;
  margin-right: 180px !important;
}
.u-ma180,
.u-margin-180 {
  margin: 180px !important;
}
.u-mt185,
.u-margin-top-185 {
  margin-top: 185px !important;
}
.u-mb185,
.u-margin-bottom-185 {
  margin-bottom: 185px !important;
}
.u-mr185,
.u-margin-right-185 {
  margin-right: 185px !important;
}
.u-ml185,
.u-margin-left-185 {
  margin-left: 185px !important;
}
.u-mv185,
.u-margin-vertical-185 {
  margin-top: 185px !important;
  margin-bottom: 185px !important;
}
.u-mh185,
.u-margin-horizontal-185 {
  margin-left: 185px !important;
  margin-right: 185px !important;
}
.u-ma185,
.u-margin-185 {
  margin: 185px !important;
}
.u-mt190,
.u-margin-top-190 {
  margin-top: 190px !important;
}
.u-mb190,
.u-margin-bottom-190 {
  margin-bottom: 190px !important;
}
.u-mr190,
.u-margin-right-190 {
  margin-right: 190px !important;
}
.u-ml190,
.u-margin-left-190 {
  margin-left: 190px !important;
}
.u-mv190,
.u-margin-vertical-190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}
.u-mh190,
.u-margin-horizontal-190 {
  margin-left: 190px !important;
  margin-right: 190px !important;
}
.u-ma190,
.u-margin-190 {
  margin: 190px !important;
}
.u-mt195,
.u-margin-top-195 {
  margin-top: 195px !important;
}
.u-mb195,
.u-margin-bottom-195 {
  margin-bottom: 195px !important;
}
.u-mr195,
.u-margin-right-195 {
  margin-right: 195px !important;
}
.u-ml195,
.u-margin-left-195 {
  margin-left: 195px !important;
}
.u-mv195,
.u-margin-vertical-195 {
  margin-top: 195px !important;
  margin-bottom: 195px !important;
}
.u-mh195,
.u-margin-horizontal-195 {
  margin-left: 195px !important;
  margin-right: 195px !important;
}
.u-ma195,
.u-margin-195 {
  margin: 195px !important;
}
.u-mt200,
.u-margin-top-200 {
  margin-top: 200px !important;
}
.u-mb200,
.u-margin-bottom-200 {
  margin-bottom: 200px !important;
}
.u-mr200,
.u-margin-right-200 {
  margin-right: 200px !important;
}
.u-ml200,
.u-margin-left-200 {
  margin-left: 200px !important;
}
.u-mv200,
.u-margin-vertical-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.u-mh200,
.u-margin-horizontal-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}
.u-ma200,
.u-margin-200 {
  margin: 200px !important;
}
.u-mh-auto,
.u-margin-horizontal-auto {
  margin-left: auto;
  margin-right: auto;
}
.u-pt0,
.u-padding-top-0 {
  padding-top: 0px !important;
}
.u-pb0,
.u-padding-bottom-0 {
  padding-bottom: 0px !important;
}
.u-pr0,
.u-padding-right-0 {
  padding-right: 0px !important;
}
.u-pl0,
.u-padding-left-0 {
  padding-left: 0px !important;
}
.u-pv0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.u-pa0,
.u-padding-0 {
  padding: 0px !important;
}
.u-pt5,
.u-padding-top-5 {
  padding-top: 5px !important;
}
.u-pb5,
.u-padding-bottom-5 {
  padding-bottom: 5px !important;
}
.u-pr5,
.u-padding-right-5 {
  padding-right: 5px !important;
}
.u-pl5,
.u-padding-left-5 {
  padding-left: 5px !important;
}
.u-pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.u-ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.u-pa5,
.u-padding-5 {
  padding: 5px !important;
}
.u-pt10,
.u-padding-top-10 {
  padding-top: 10px !important;
}
.u-pb10,
.u-padding-bottom-10 {
  padding-bottom: 10px !important;
}
.u-pr10,
.u-padding-right-10 {
  padding-right: 10px !important;
}
.u-pl10,
.u-padding-left-10 {
  padding-left: 10px !important;
}
.u-pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.u-ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.u-pa10,
.u-padding-10 {
  padding: 10px !important;
}
.u-pt15,
.u-padding-top-15 {
  padding-top: 15px !important;
}
.u-pb15,
.u-padding-bottom-15 {
  padding-bottom: 15px !important;
}
.u-pr15,
.u-padding-right-15 {
  padding-right: 15px !important;
}
.u-pl15,
.u-padding-left-15 {
  padding-left: 15px !important;
}
.u-pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.u-ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.u-pa15,
.u-padding-15 {
  padding: 15px !important;
}
.u-pt20,
.u-padding-top-20 {
  padding-top: 20px !important;
}
.u-pb20,
.u-padding-bottom-20 {
  padding-bottom: 20px !important;
}
.u-pr20,
.u-padding-right-20 {
  padding-right: 20px !important;
}
.u-pl20,
.u-padding-left-20 {
  padding-left: 20px !important;
}
.u-pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.u-ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.u-pa20,
.u-padding-20 {
  padding: 20px !important;
}
.u-pt25,
.u-padding-top-25 {
  padding-top: 25px !important;
}
.u-pb25,
.u-padding-bottom-25 {
  padding-bottom: 25px !important;
}
.u-pr25,
.u-padding-right-25 {
  padding-right: 25px !important;
}
.u-pl25,
.u-padding-left-25 {
  padding-left: 25px !important;
}
.u-pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.u-ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.u-pa25,
.u-padding-25 {
  padding: 25px !important;
}
.u-pt30,
.u-padding-top-30 {
  padding-top: 30px !important;
}
.u-pb30,
.u-padding-bottom-30 {
  padding-bottom: 30px !important;
}
.u-pr30,
.u-padding-right-30 {
  padding-right: 30px !important;
}
.u-pl30,
.u-padding-left-30 {
  padding-left: 30px !important;
}
.u-pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.u-ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.u-pa30,
.u-padding-30 {
  padding: 30px !important;
}
.u-pt35,
.u-padding-top-35 {
  padding-top: 35px !important;
}
.u-pb35,
.u-padding-bottom-35 {
  padding-bottom: 35px !important;
}
.u-pr35,
.u-padding-right-35 {
  padding-right: 35px !important;
}
.u-pl35,
.u-padding-left-35 {
  padding-left: 35px !important;
}
.u-pv35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.u-ph35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.u-pa35,
.u-padding-35 {
  padding: 35px !important;
}
.u-pt40,
.u-padding-top-40 {
  padding-top: 40px !important;
}
.u-pb40,
.u-padding-bottom-40 {
  padding-bottom: 40px !important;
}
.u-pr40,
.u-padding-right-40 {
  padding-right: 40px !important;
}
.u-pl40,
.u-padding-left-40 {
  padding-left: 40px !important;
}
.u-pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.u-pa40,
.u-padding-40 {
  padding: 40px !important;
}
.u-pt45,
.u-padding-top-45 {
  padding-top: 45px !important;
}
.u-pb45,
.u-padding-bottom-45 {
  padding-bottom: 45px !important;
}
.u-pr45,
.u-padding-right-45 {
  padding-right: 45px !important;
}
.u-pl45,
.u-padding-left-45 {
  padding-left: 45px !important;
}
.u-pv45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.u-ph45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.u-pa45,
.u-padding-45 {
  padding: 45px !important;
}
.u-pt50,
.u-padding-top-50 {
  padding-top: 50px !important;
}
.u-pb50,
.u-padding-bottom-50 {
  padding-bottom: 50px !important;
}
.u-pr50,
.u-padding-right-50 {
  padding-right: 50px !important;
}
.u-pl50,
.u-padding-left-50 {
  padding-left: 50px !important;
}
.u-pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.u-ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.u-pa50,
.u-padding-50 {
  padding: 50px !important;
}
.u-pt55,
.u-padding-top-55 {
  padding-top: 55px !important;
}
.u-pb55,
.u-padding-bottom-55 {
  padding-bottom: 55px !important;
}
.u-pr55,
.u-padding-right-55 {
  padding-right: 55px !important;
}
.u-pl55,
.u-padding-left-55 {
  padding-left: 55px !important;
}
.u-pv55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}
.u-ph55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}
.u-pa55,
.u-padding-55 {
  padding: 55px !important;
}
.u-pt60,
.u-padding-top-60 {
  padding-top: 60px !important;
}
.u-pb60,
.u-padding-bottom-60 {
  padding-bottom: 60px !important;
}
.u-pr60,
.u-padding-right-60 {
  padding-right: 60px !important;
}
.u-pl60,
.u-padding-left-60 {
  padding-left: 60px !important;
}
.u-pv60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.u-ph60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.u-pa60,
.u-padding-60 {
  padding: 60px !important;
}
.u-pt65,
.u-padding-top-65 {
  padding-top: 65px !important;
}
.u-pb65,
.u-padding-bottom-65 {
  padding-bottom: 65px !important;
}
.u-pr65,
.u-padding-right-65 {
  padding-right: 65px !important;
}
.u-pl65,
.u-padding-left-65 {
  padding-left: 65px !important;
}
.u-pv65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.u-ph65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
.u-pa65,
.u-padding-65 {
  padding: 65px !important;
}
.u-pt70,
.u-padding-top-70 {
  padding-top: 70px !important;
}
.u-pb70,
.u-padding-bottom-70 {
  padding-bottom: 70px !important;
}
.u-pr70,
.u-padding-right-70 {
  padding-right: 70px !important;
}
.u-pl70,
.u-padding-left-70 {
  padding-left: 70px !important;
}
.u-pv70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.u-ph70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.u-pa70,
.u-padding-70 {
  padding: 70px !important;
}
.u-pt75,
.u-padding-top-75 {
  padding-top: 75px !important;
}
.u-pb75,
.u-padding-bottom-75 {
  padding-bottom: 75px !important;
}
.u-pr75,
.u-padding-right-75 {
  padding-right: 75px !important;
}
.u-pl75,
.u-padding-left-75 {
  padding-left: 75px !important;
}
.u-pv75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.u-ph75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}
.u-pa75,
.u-padding-75 {
  padding: 75px !important;
}
.u-pt80,
.u-padding-top-80 {
  padding-top: 80px !important;
}
.u-pb80,
.u-padding-bottom-80 {
  padding-bottom: 80px !important;
}
.u-pr80,
.u-padding-right-80 {
  padding-right: 80px !important;
}
.u-pl80,
.u-padding-left-80 {
  padding-left: 80px !important;
}
.u-pv80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.u-ph80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.u-pa80,
.u-padding-80 {
  padding: 80px !important;
}
.u-pt85,
.u-padding-top-85 {
  padding-top: 85px !important;
}
.u-pb85,
.u-padding-bottom-85 {
  padding-bottom: 85px !important;
}
.u-pr85,
.u-padding-right-85 {
  padding-right: 85px !important;
}
.u-pl85,
.u-padding-left-85 {
  padding-left: 85px !important;
}
.u-pv85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}
.u-ph85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}
.u-pa85,
.u-padding-85 {
  padding: 85px !important;
}
.u-pt90,
.u-padding-top-90 {
  padding-top: 90px !important;
}
.u-pb90,
.u-padding-bottom-90 {
  padding-bottom: 90px !important;
}
.u-pr90,
.u-padding-right-90 {
  padding-right: 90px !important;
}
.u-pl90,
.u-padding-left-90 {
  padding-left: 90px !important;
}
.u-pv90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.u-ph90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.u-pa90,
.u-padding-90 {
  padding: 90px !important;
}
.u-pt95,
.u-padding-top-95 {
  padding-top: 95px !important;
}
.u-pb95,
.u-padding-bottom-95 {
  padding-bottom: 95px !important;
}
.u-pr95,
.u-padding-right-95 {
  padding-right: 95px !important;
}
.u-pl95,
.u-padding-left-95 {
  padding-left: 95px !important;
}
.u-pv95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}
.u-ph95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}
.u-pa95,
.u-padding-95 {
  padding: 95px !important;
}
.u-pt100,
.u-padding-top-100 {
  padding-top: 100px !important;
}
.u-pb100,
.u-padding-bottom-100 {
  padding-bottom: 100px !important;
}
.u-pr100,
.u-padding-right-100 {
  padding-right: 100px !important;
}
.u-pl100,
.u-padding-left-100 {
  padding-left: 100px !important;
}
.u-pv100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.u-ph100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.u-pa100,
.u-padding-100 {
  padding: 100px !important;
}
.u-pt105,
.u-padding-top-105 {
  padding-top: 105px !important;
}
.u-pb105,
.u-padding-bottom-105 {
  padding-bottom: 105px !important;
}
.u-pr105,
.u-padding-right-105 {
  padding-right: 105px !important;
}
.u-pl105,
.u-padding-left-105 {
  padding-left: 105px !important;
}
.u-pv105 {
  padding-top: 105px !important;
  padding-bottom: 105px !important;
}
.u-ph105 {
  padding-left: 105px !important;
  padding-right: 105px !important;
}
.u-pa105,
.u-padding-105 {
  padding: 105px !important;
}
.u-pt110,
.u-padding-top-110 {
  padding-top: 110px !important;
}
.u-pb110,
.u-padding-bottom-110 {
  padding-bottom: 110px !important;
}
.u-pr110,
.u-padding-right-110 {
  padding-right: 110px !important;
}
.u-pl110,
.u-padding-left-110 {
  padding-left: 110px !important;
}
.u-pv110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}
.u-ph110 {
  padding-left: 110px !important;
  padding-right: 110px !important;
}
.u-pa110,
.u-padding-110 {
  padding: 110px !important;
}
.u-pt115,
.u-padding-top-115 {
  padding-top: 115px !important;
}
.u-pb115,
.u-padding-bottom-115 {
  padding-bottom: 115px !important;
}
.u-pr115,
.u-padding-right-115 {
  padding-right: 115px !important;
}
.u-pl115,
.u-padding-left-115 {
  padding-left: 115px !important;
}
.u-pv115 {
  padding-top: 115px !important;
  padding-bottom: 115px !important;
}
.u-ph115 {
  padding-left: 115px !important;
  padding-right: 115px !important;
}
.u-pa115,
.u-padding-115 {
  padding: 115px !important;
}
.u-pt120,
.u-padding-top-120 {
  padding-top: 120px !important;
}
.u-pb120,
.u-padding-bottom-120 {
  padding-bottom: 120px !important;
}
.u-pr120,
.u-padding-right-120 {
  padding-right: 120px !important;
}
.u-pl120,
.u-padding-left-120 {
  padding-left: 120px !important;
}
.u-pv120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.u-ph120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}
.u-pa120,
.u-padding-120 {
  padding: 120px !important;
}
.u-pt125,
.u-padding-top-125 {
  padding-top: 125px !important;
}
.u-pb125,
.u-padding-bottom-125 {
  padding-bottom: 125px !important;
}
.u-pr125,
.u-padding-right-125 {
  padding-right: 125px !important;
}
.u-pl125,
.u-padding-left-125 {
  padding-left: 125px !important;
}
.u-pv125 {
  padding-top: 125px !important;
  padding-bottom: 125px !important;
}
.u-ph125 {
  padding-left: 125px !important;
  padding-right: 125px !important;
}
.u-pa125,
.u-padding-125 {
  padding: 125px !important;
}
.u-pt130,
.u-padding-top-130 {
  padding-top: 130px !important;
}
.u-pb130,
.u-padding-bottom-130 {
  padding-bottom: 130px !important;
}
.u-pr130,
.u-padding-right-130 {
  padding-right: 130px !important;
}
.u-pl130,
.u-padding-left-130 {
  padding-left: 130px !important;
}
.u-pv130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}
.u-ph130 {
  padding-left: 130px !important;
  padding-right: 130px !important;
}
.u-pa130,
.u-padding-130 {
  padding: 130px !important;
}
.u-pt135,
.u-padding-top-135 {
  padding-top: 135px !important;
}
.u-pb135,
.u-padding-bottom-135 {
  padding-bottom: 135px !important;
}
.u-pr135,
.u-padding-right-135 {
  padding-right: 135px !important;
}
.u-pl135,
.u-padding-left-135 {
  padding-left: 135px !important;
}
.u-pv135 {
  padding-top: 135px !important;
  padding-bottom: 135px !important;
}
.u-ph135 {
  padding-left: 135px !important;
  padding-right: 135px !important;
}
.u-pa135,
.u-padding-135 {
  padding: 135px !important;
}
.u-pt140,
.u-padding-top-140 {
  padding-top: 140px !important;
}
.u-pb140,
.u-padding-bottom-140 {
  padding-bottom: 140px !important;
}
.u-pr140,
.u-padding-right-140 {
  padding-right: 140px !important;
}
.u-pl140,
.u-padding-left-140 {
  padding-left: 140px !important;
}
.u-pv140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
.u-ph140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}
.u-pa140,
.u-padding-140 {
  padding: 140px !important;
}
.u-pt145,
.u-padding-top-145 {
  padding-top: 145px !important;
}
.u-pb145,
.u-padding-bottom-145 {
  padding-bottom: 145px !important;
}
.u-pr145,
.u-padding-right-145 {
  padding-right: 145px !important;
}
.u-pl145,
.u-padding-left-145 {
  padding-left: 145px !important;
}
.u-pv145 {
  padding-top: 145px !important;
  padding-bottom: 145px !important;
}
.u-ph145 {
  padding-left: 145px !important;
  padding-right: 145px !important;
}
.u-pa145,
.u-padding-145 {
  padding: 145px !important;
}
.u-pt150,
.u-padding-top-150 {
  padding-top: 150px !important;
}
.u-pb150,
.u-padding-bottom-150 {
  padding-bottom: 150px !important;
}
.u-pr150,
.u-padding-right-150 {
  padding-right: 150px !important;
}
.u-pl150,
.u-padding-left-150 {
  padding-left: 150px !important;
}
.u-pv150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.u-ph150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}
.u-pa150,
.u-padding-150 {
  padding: 150px !important;
}
.u-pt155,
.u-padding-top-155 {
  padding-top: 155px !important;
}
.u-pb155,
.u-padding-bottom-155 {
  padding-bottom: 155px !important;
}
.u-pr155,
.u-padding-right-155 {
  padding-right: 155px !important;
}
.u-pl155,
.u-padding-left-155 {
  padding-left: 155px !important;
}
.u-pv155 {
  padding-top: 155px !important;
  padding-bottom: 155px !important;
}
.u-ph155 {
  padding-left: 155px !important;
  padding-right: 155px !important;
}
.u-pa155,
.u-padding-155 {
  padding: 155px !important;
}
.u-pt160,
.u-padding-top-160 {
  padding-top: 160px !important;
}
.u-pb160,
.u-padding-bottom-160 {
  padding-bottom: 160px !important;
}
.u-pr160,
.u-padding-right-160 {
  padding-right: 160px !important;
}
.u-pl160,
.u-padding-left-160 {
  padding-left: 160px !important;
}
.u-pv160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.u-ph160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}
.u-pa160,
.u-padding-160 {
  padding: 160px !important;
}
.u-pt165,
.u-padding-top-165 {
  padding-top: 165px !important;
}
.u-pb165,
.u-padding-bottom-165 {
  padding-bottom: 165px !important;
}
.u-pr165,
.u-padding-right-165 {
  padding-right: 165px !important;
}
.u-pl165,
.u-padding-left-165 {
  padding-left: 165px !important;
}
.u-pv165 {
  padding-top: 165px !important;
  padding-bottom: 165px !important;
}
.u-ph165 {
  padding-left: 165px !important;
  padding-right: 165px !important;
}
.u-pa165,
.u-padding-165 {
  padding: 165px !important;
}
.u-pt170,
.u-padding-top-170 {
  padding-top: 170px !important;
}
.u-pb170,
.u-padding-bottom-170 {
  padding-bottom: 170px !important;
}
.u-pr170,
.u-padding-right-170 {
  padding-right: 170px !important;
}
.u-pl170,
.u-padding-left-170 {
  padding-left: 170px !important;
}
.u-pv170 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}
.u-ph170 {
  padding-left: 170px !important;
  padding-right: 170px !important;
}
.u-pa170,
.u-padding-170 {
  padding: 170px !important;
}
.u-pt175,
.u-padding-top-175 {
  padding-top: 175px !important;
}
.u-pb175,
.u-padding-bottom-175 {
  padding-bottom: 175px !important;
}
.u-pr175,
.u-padding-right-175 {
  padding-right: 175px !important;
}
.u-pl175,
.u-padding-left-175 {
  padding-left: 175px !important;
}
.u-pv175 {
  padding-top: 175px !important;
  padding-bottom: 175px !important;
}
.u-ph175 {
  padding-left: 175px !important;
  padding-right: 175px !important;
}
.u-pa175,
.u-padding-175 {
  padding: 175px !important;
}
.u-pt180,
.u-padding-top-180 {
  padding-top: 180px !important;
}
.u-pb180,
.u-padding-bottom-180 {
  padding-bottom: 180px !important;
}
.u-pr180,
.u-padding-right-180 {
  padding-right: 180px !important;
}
.u-pl180,
.u-padding-left-180 {
  padding-left: 180px !important;
}
.u-pv180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}
.u-ph180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}
.u-pa180,
.u-padding-180 {
  padding: 180px !important;
}
.u-pt185,
.u-padding-top-185 {
  padding-top: 185px !important;
}
.u-pb185,
.u-padding-bottom-185 {
  padding-bottom: 185px !important;
}
.u-pr185,
.u-padding-right-185 {
  padding-right: 185px !important;
}
.u-pl185,
.u-padding-left-185 {
  padding-left: 185px !important;
}
.u-pv185 {
  padding-top: 185px !important;
  padding-bottom: 185px !important;
}
.u-ph185 {
  padding-left: 185px !important;
  padding-right: 185px !important;
}
.u-pa185,
.u-padding-185 {
  padding: 185px !important;
}
.u-pt190,
.u-padding-top-190 {
  padding-top: 190px !important;
}
.u-pb190,
.u-padding-bottom-190 {
  padding-bottom: 190px !important;
}
.u-pr190,
.u-padding-right-190 {
  padding-right: 190px !important;
}
.u-pl190,
.u-padding-left-190 {
  padding-left: 190px !important;
}
.u-pv190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}
.u-ph190 {
  padding-left: 190px !important;
  padding-right: 190px !important;
}
.u-pa190,
.u-padding-190 {
  padding: 190px !important;
}
.u-pt195,
.u-padding-top-195 {
  padding-top: 195px !important;
}
.u-pb195,
.u-padding-bottom-195 {
  padding-bottom: 195px !important;
}
.u-pr195,
.u-padding-right-195 {
  padding-right: 195px !important;
}
.u-pl195,
.u-padding-left-195 {
  padding-left: 195px !important;
}
.u-pv195 {
  padding-top: 195px !important;
  padding-bottom: 195px !important;
}
.u-ph195 {
  padding-left: 195px !important;
  padding-right: 195px !important;
}
.u-pa195,
.u-padding-195 {
  padding: 195px !important;
}
.u-pt200,
.u-padding-top-200 {
  padding-top: 200px !important;
}
.u-pb200,
.u-padding-bottom-200 {
  padding-bottom: 200px !important;
}
.u-pr200,
.u-padding-right-200 {
  padding-right: 200px !important;
}
.u-pl200,
.u-padding-left-200 {
  padding-left: 200px !important;
}
.u-pv200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.u-ph200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}
.u-pa200,
.u-padding-200 {
  padding: 200px !important;
}
.u-zindex-1 {
  z-index: 1;
}
.u-zindex-2 {
  z-index: 2;
}
.u-zindex-3 {
  z-index: 3;
}
.u-zindex-4 {
  z-index: 4;
}
.u-zindex-5 {
  z-index: 5;
}
.u-zindex-6 {
  z-index: 6;
}
.u-zindex-7 {
  z-index: 7;
}
.u-zindex-8 {
  z-index: 8;
}
.u-zindex-9 {
  z-index: 9;
}
.u-zindex-10 {
  z-index: 10;
}
.u-fit {
  max-width: 100% !important;
}
.u-quarter-width {
  width: 25% !important;
}
.u-half-width {
  width: 50% !important;
}
.u-three-quarters-width {
  width: 75% !important;
}
.u-full-width {
  width: 100% !important;
}
.u-full-height {
  height: 100% !important;
}
.u-w-0,
.u-width-0 {
  width: 0px !important;
}
.u-mnw-0,
.u-minwidth-0 {
  min-width: 0px !important;
}
.u-mw-0,
.u-maxwidth-0 {
  max-width: 0px !important;
}
.u-w-25,
.u-width-25 {
  width: 25px !important;
}
.u-mnw-25,
.u-minwidth-25 {
  min-width: 25px !important;
}
.u-mw-25,
.u-maxwidth-25 {
  max-width: 25px !important;
}
.u-w-50,
.u-width-50 {
  width: 50px !important;
}
.u-mnw-50,
.u-minwidth-50 {
  min-width: 50px !important;
}
.u-mw-50,
.u-maxwidth-50 {
  max-width: 50px !important;
}
.u-w-75,
.u-width-75 {
  width: 75px !important;
}
.u-mnw-75,
.u-minwidth-75 {
  min-width: 75px !important;
}
.u-mw-75,
.u-maxwidth-75 {
  max-width: 75px !important;
}
.u-w-100,
.u-width-100 {
  width: 100px !important;
}
.u-mnw-100,
.u-minwidth-100 {
  min-width: 100px !important;
}
.u-mw-100,
.u-maxwidth-100 {
  max-width: 100px !important;
}
.u-w-125,
.u-width-125 {
  width: 125px !important;
}
.u-mnw-125,
.u-minwidth-125 {
  min-width: 125px !important;
}
.u-mw-125,
.u-maxwidth-125 {
  max-width: 125px !important;
}
.u-w-150,
.u-width-150 {
  width: 150px !important;
}
.u-mnw-150,
.u-minwidth-150 {
  min-width: 150px !important;
}
.u-mw-150,
.u-maxwidth-150 {
  max-width: 150px !important;
}
.u-w-175,
.u-width-175 {
  width: 175px !important;
}
.u-mnw-175,
.u-minwidth-175 {
  min-width: 175px !important;
}
.u-mw-175,
.u-maxwidth-175 {
  max-width: 175px !important;
}
.u-w-200,
.u-width-200 {
  width: 200px !important;
}
.u-mnw-200,
.u-minwidth-200 {
  min-width: 200px !important;
}
.u-mw-200,
.u-maxwidth-200 {
  max-width: 200px !important;
}
.u-w-225,
.u-width-225 {
  width: 225px !important;
}
.u-mnw-225,
.u-minwidth-225 {
  min-width: 225px !important;
}
.u-mw-225,
.u-maxwidth-225 {
  max-width: 225px !important;
}
.u-w-250,
.u-width-250 {
  width: 250px !important;
}
.u-mnw-250,
.u-minwidth-250 {
  min-width: 250px !important;
}
.u-mw-250,
.u-maxwidth-250 {
  max-width: 250px !important;
}
.u-w-275,
.u-width-275 {
  width: 275px !important;
}
.u-mnw-275,
.u-minwidth-275 {
  min-width: 275px !important;
}
.u-mw-275,
.u-maxwidth-275 {
  max-width: 275px !important;
}
.u-w-300,
.u-width-300 {
  width: 300px !important;
}
.u-mnw-300,
.u-minwidth-300 {
  min-width: 300px !important;
}
.u-mw-300,
.u-maxwidth-300 {
  max-width: 300px !important;
}
.u-w-325,
.u-width-325 {
  width: 325px !important;
}
.u-mnw-325,
.u-minwidth-325 {
  min-width: 325px !important;
}
.u-mw-325,
.u-maxwidth-325 {
  max-width: 325px !important;
}
.u-w-350,
.u-width-350 {
  width: 350px !important;
}
.u-mnw-350,
.u-minwidth-350 {
  min-width: 350px !important;
}
.u-mw-350,
.u-maxwidth-350 {
  max-width: 350px !important;
}
.u-w-375,
.u-width-375 {
  width: 375px !important;
}
.u-mnw-375,
.u-minwidth-375 {
  min-width: 375px !important;
}
.u-mw-375,
.u-maxwidth-375 {
  max-width: 375px !important;
}
.u-w-400,
.u-width-400 {
  width: 400px !important;
}
.u-mnw-400,
.u-minwidth-400 {
  min-width: 400px !important;
}
.u-mw-400,
.u-maxwidth-400 {
  max-width: 400px !important;
}
.u-w-425,
.u-width-425 {
  width: 425px !important;
}
.u-mnw-425,
.u-minwidth-425 {
  min-width: 425px !important;
}
.u-mw-425,
.u-maxwidth-425 {
  max-width: 425px !important;
}
.u-w-450,
.u-width-450 {
  width: 450px !important;
}
.u-mnw-450,
.u-minwidth-450 {
  min-width: 450px !important;
}
.u-mw-450,
.u-maxwidth-450 {
  max-width: 450px !important;
}
.u-w-475,
.u-width-475 {
  width: 475px !important;
}
.u-mnw-475,
.u-minwidth-475 {
  min-width: 475px !important;
}
.u-mw-475,
.u-maxwidth-475 {
  max-width: 475px !important;
}
.u-w-500,
.u-width-500 {
  width: 500px !important;
}
.u-mnw-500,
.u-minwidth-500 {
  min-width: 500px !important;
}
.u-mw-500,
.u-maxwidth-500 {
  max-width: 500px !important;
}
.u-w-525,
.u-width-525 {
  width: 525px !important;
}
.u-mnw-525,
.u-minwidth-525 {
  min-width: 525px !important;
}
.u-mw-525,
.u-maxwidth-525 {
  max-width: 525px !important;
}
.u-w-550,
.u-width-550 {
  width: 550px !important;
}
.u-mnw-550,
.u-minwidth-550 {
  min-width: 550px !important;
}
.u-mw-550,
.u-maxwidth-550 {
  max-width: 550px !important;
}
.u-w-575,
.u-width-575 {
  width: 575px !important;
}
.u-mnw-575,
.u-minwidth-575 {
  min-width: 575px !important;
}
.u-mw-575,
.u-maxwidth-575 {
  max-width: 575px !important;
}
.u-w-600,
.u-width-600 {
  width: 600px !important;
}
.u-mnw-600,
.u-minwidth-600 {
  min-width: 600px !important;
}
.u-mw-600,
.u-maxwidth-600 {
  max-width: 600px !important;
}
.u-w-625,
.u-width-625 {
  width: 625px !important;
}
.u-mnw-625,
.u-minwidth-625 {
  min-width: 625px !important;
}
.u-mw-625,
.u-maxwidth-625 {
  max-width: 625px !important;
}
.u-w-650,
.u-width-650 {
  width: 650px !important;
}
.u-mnw-650,
.u-minwidth-650 {
  min-width: 650px !important;
}
.u-mw-650,
.u-maxwidth-650 {
  max-width: 650px !important;
}
.u-w-675,
.u-width-675 {
  width: 675px !important;
}
.u-mnw-675,
.u-minwidth-675 {
  min-width: 675px !important;
}
.u-mw-675,
.u-maxwidth-675 {
  max-width: 675px !important;
}
.u-w-700,
.u-width-700 {
  width: 700px !important;
}
.u-mnw-700,
.u-minwidth-700 {
  min-width: 700px !important;
}
.u-mw-700,
.u-maxwidth-700 {
  max-width: 700px !important;
}
.u-w-725,
.u-width-725 {
  width: 725px !important;
}
.u-mnw-725,
.u-minwidth-725 {
  min-width: 725px !important;
}
.u-mw-725,
.u-maxwidth-725 {
  max-width: 725px !important;
}
.u-w-750,
.u-width-750 {
  width: 750px !important;
}
.u-mnw-750,
.u-minwidth-750 {
  min-width: 750px !important;
}
.u-mw-750,
.u-maxwidth-750 {
  max-width: 750px !important;
}
.u-w-775,
.u-width-775 {
  width: 775px !important;
}
.u-mnw-775,
.u-minwidth-775 {
  min-width: 775px !important;
}
.u-mw-775,
.u-maxwidth-775 {
  max-width: 775px !important;
}
.u-w-800,
.u-width-800 {
  width: 800px !important;
}
.u-mnw-800,
.u-minwidth-800 {
  min-width: 800px !important;
}
.u-mw-800,
.u-maxwidth-800 {
  max-width: 800px !important;
}
.u-w-825,
.u-width-825 {
  width: 825px !important;
}
.u-mnw-825,
.u-minwidth-825 {
  min-width: 825px !important;
}
.u-mw-825,
.u-maxwidth-825 {
  max-width: 825px !important;
}
.u-w-850,
.u-width-850 {
  width: 850px !important;
}
.u-mnw-850,
.u-minwidth-850 {
  min-width: 850px !important;
}
.u-mw-850,
.u-maxwidth-850 {
  max-width: 850px !important;
}
.u-w-875,
.u-width-875 {
  width: 875px !important;
}
.u-mnw-875,
.u-minwidth-875 {
  min-width: 875px !important;
}
.u-mw-875,
.u-maxwidth-875 {
  max-width: 875px !important;
}
.u-w-900,
.u-width-900 {
  width: 900px !important;
}
.u-mnw-900,
.u-minwidth-900 {
  min-width: 900px !important;
}
.u-mw-900,
.u-maxwidth-900 {
  max-width: 900px !important;
}
.u-w-925,
.u-width-925 {
  width: 925px !important;
}
.u-mnw-925,
.u-minwidth-925 {
  min-width: 925px !important;
}
.u-mw-925,
.u-maxwidth-925 {
  max-width: 925px !important;
}
.u-w-950,
.u-width-950 {
  width: 950px !important;
}
.u-mnw-950,
.u-minwidth-950 {
  min-width: 950px !important;
}
.u-mw-950,
.u-maxwidth-950 {
  max-width: 950px !important;
}
.u-w-975,
.u-width-975 {
  width: 975px !important;
}
.u-mnw-975,
.u-minwidth-975 {
  min-width: 975px !important;
}
.u-mw-975,
.u-maxwidth-975 {
  max-width: 975px !important;
}
.u-w-1000,
.u-width-1000 {
  width: 1000px !important;
}
.u-mnw-1000,
.u-minwidth-1000 {
  min-width: 1000px !important;
}
.u-mw-1000,
.u-maxwidth-1000 {
  max-width: 1000px !important;
}
.u-w-1025,
.u-width-1025 {
  width: 1025px !important;
}
.u-mnw-1025,
.u-minwidth-1025 {
  min-width: 1025px !important;
}
.u-mw-1025,
.u-maxwidth-1025 {
  max-width: 1025px !important;
}
.u-w-1050,
.u-width-1050 {
  width: 1050px !important;
}
.u-mnw-1050,
.u-minwidth-1050 {
  min-width: 1050px !important;
}
.u-mw-1050,
.u-maxwidth-1050 {
  max-width: 1050px !important;
}
.u-w-1075,
.u-width-1075 {
  width: 1075px !important;
}
.u-mnw-1075,
.u-minwidth-1075 {
  min-width: 1075px !important;
}
.u-mw-1075,
.u-maxwidth-1075 {
  max-width: 1075px !important;
}
.u-w-1100,
.u-width-1100 {
  width: 1100px !important;
}
.u-mnw-1100,
.u-minwidth-1100 {
  min-width: 1100px !important;
}
.u-mw-1100,
.u-maxwidth-1100 {
  max-width: 1100px !important;
}
.u-w-1125,
.u-width-1125 {
  width: 1125px !important;
}
.u-mnw-1125,
.u-minwidth-1125 {
  min-width: 1125px !important;
}
.u-mw-1125,
.u-maxwidth-1125 {
  max-width: 1125px !important;
}
.u-w-1150,
.u-width-1150 {
  width: 1150px !important;
}
.u-mnw-1150,
.u-minwidth-1150 {
  min-width: 1150px !important;
}
.u-mw-1150,
.u-maxwidth-1150 {
  max-width: 1150px !important;
}
.u-w-1175,
.u-width-1175 {
  width: 1175px !important;
}
.u-mnw-1175,
.u-minwidth-1175 {
  min-width: 1175px !important;
}
.u-mw-1175,
.u-maxwidth-1175 {
  max-width: 1175px !important;
}
.u-w-1200,
.u-width-1200 {
  width: 1200px !important;
}
.u-mnw-1200,
.u-minwidth-1200 {
  min-width: 1200px !important;
}
.u-mw-1200,
.u-maxwidth-1200 {
  max-width: 1200px !important;
}
.u-h-0,
.u-height-0 {
  height: 0px !important;
}
.u-mnh-0,
.u-minheight-0 {
  min-height: 0px !important;
}
.u-mh-0,
.u-maxheight-0 {
  max-height: 0px !important;
}
.u-h-10,
.u-height-10 {
  height: 10px !important;
}
.u-mnh-10,
.u-minheight-10 {
  min-height: 10px !important;
}
.u-mh-10,
.u-maxheight-10 {
  max-height: 10px !important;
}
.u-h-20,
.u-height-20 {
  height: 20px !important;
}
.u-mnh-20,
.u-minheight-20 {
  min-height: 20px !important;
}
.u-mh-20,
.u-maxheight-20 {
  max-height: 20px !important;
}
.u-h-30,
.u-height-30 {
  height: 30px !important;
}
.u-mnh-30,
.u-minheight-30 {
  min-height: 30px !important;
}
.u-mh-30,
.u-maxheight-30 {
  max-height: 30px !important;
}
.u-h-40,
.u-height-40 {
  height: 40px !important;
}
.u-mnh-40,
.u-minheight-40 {
  min-height: 40px !important;
}
.u-mh-40,
.u-maxheight-40 {
  max-height: 40px !important;
}
.u-h-50,
.u-height-50 {
  height: 50px !important;
}
.u-mnh-50,
.u-minheight-50 {
  min-height: 50px !important;
}
.u-mh-50,
.u-maxheight-50 {
  max-height: 50px !important;
}
.u-h-60,
.u-height-60 {
  height: 60px !important;
}
.u-mnh-60,
.u-minheight-60 {
  min-height: 60px !important;
}
.u-mh-60,
.u-maxheight-60 {
  max-height: 60px !important;
}
.u-h-70,
.u-height-70 {
  height: 70px !important;
}
.u-mnh-70,
.u-minheight-70 {
  min-height: 70px !important;
}
.u-mh-70,
.u-maxheight-70 {
  max-height: 70px !important;
}
.u-h-80,
.u-height-80 {
  height: 80px !important;
}
.u-mnh-80,
.u-minheight-80 {
  min-height: 80px !important;
}
.u-mh-80,
.u-maxheight-80 {
  max-height: 80px !important;
}
.u-h-90,
.u-height-90 {
  height: 90px !important;
}
.u-mnh-90,
.u-minheight-90 {
  min-height: 90px !important;
}
.u-mh-90,
.u-maxheight-90 {
  max-height: 90px !important;
}
.u-h-100,
.u-height-100 {
  height: 100px !important;
}
.u-mnh-100,
.u-minheight-100 {
  min-height: 100px !important;
}
.u-mh-100,
.u-maxheight-100 {
  max-height: 100px !important;
}
.u-h-110,
.u-height-110 {
  height: 110px !important;
}
.u-mnh-110,
.u-minheight-110 {
  min-height: 110px !important;
}
.u-mh-110,
.u-maxheight-110 {
  max-height: 110px !important;
}
.u-h-120,
.u-height-120 {
  height: 120px !important;
}
.u-mnh-120,
.u-minheight-120 {
  min-height: 120px !important;
}
.u-mh-120,
.u-maxheight-120 {
  max-height: 120px !important;
}
.u-h-130,
.u-height-130 {
  height: 130px !important;
}
.u-mnh-130,
.u-minheight-130 {
  min-height: 130px !important;
}
.u-mh-130,
.u-maxheight-130 {
  max-height: 130px !important;
}
.u-h-140,
.u-height-140 {
  height: 140px !important;
}
.u-mnh-140,
.u-minheight-140 {
  min-height: 140px !important;
}
.u-mh-140,
.u-maxheight-140 {
  max-height: 140px !important;
}
.u-h-150,
.u-height-150 {
  height: 150px !important;
}
.u-mnh-150,
.u-minheight-150 {
  min-height: 150px !important;
}
.u-mh-150,
.u-maxheight-150 {
  max-height: 150px !important;
}
.u-h-160,
.u-height-160 {
  height: 160px !important;
}
.u-mnh-160,
.u-minheight-160 {
  min-height: 160px !important;
}
.u-mh-160,
.u-maxheight-160 {
  max-height: 160px !important;
}
.u-h-170,
.u-height-170 {
  height: 170px !important;
}
.u-mnh-170,
.u-minheight-170 {
  min-height: 170px !important;
}
.u-mh-170,
.u-maxheight-170 {
  max-height: 170px !important;
}
.u-h-180,
.u-height-180 {
  height: 180px !important;
}
.u-mnh-180,
.u-minheight-180 {
  min-height: 180px !important;
}
.u-mh-180,
.u-maxheight-180 {
  max-height: 180px !important;
}
.u-h-190,
.u-height-190 {
  height: 190px !important;
}
.u-mnh-190,
.u-minheight-190 {
  min-height: 190px !important;
}
.u-mh-190,
.u-maxheight-190 {
  max-height: 190px !important;
}
.u-h-200,
.u-height-200 {
  height: 200px !important;
}
.u-mnh-200,
.u-minheight-200 {
  min-height: 200px !important;
}
.u-mh-200,
.u-maxheight-200 {
  max-height: 200px !important;
}
.u-h-210,
.u-height-210 {
  height: 210px !important;
}
.u-mnh-210,
.u-minheight-210 {
  min-height: 210px !important;
}
.u-mh-210,
.u-maxheight-210 {
  max-height: 210px !important;
}
.u-h-220,
.u-height-220 {
  height: 220px !important;
}
.u-mnh-220,
.u-minheight-220 {
  min-height: 220px !important;
}
.u-mh-220,
.u-maxheight-220 {
  max-height: 220px !important;
}
.u-h-230,
.u-height-230 {
  height: 230px !important;
}
.u-mnh-230,
.u-minheight-230 {
  min-height: 230px !important;
}
.u-mh-230,
.u-maxheight-230 {
  max-height: 230px !important;
}
.u-h-240,
.u-height-240 {
  height: 240px !important;
}
.u-mnh-240,
.u-minheight-240 {
  min-height: 240px !important;
}
.u-mh-240,
.u-maxheight-240 {
  max-height: 240px !important;
}
.u-h-250,
.u-height-250 {
  height: 250px !important;
}
.u-mnh-250,
.u-minheight-250 {
  min-height: 250px !important;
}
.u-mh-250,
.u-maxheight-250 {
  max-height: 250px !important;
}
.u-h-260,
.u-height-260 {
  height: 260px !important;
}
.u-mnh-260,
.u-minheight-260 {
  min-height: 260px !important;
}
.u-mh-260,
.u-maxheight-260 {
  max-height: 260px !important;
}
.u-h-270,
.u-height-270 {
  height: 270px !important;
}
.u-mnh-270,
.u-minheight-270 {
  min-height: 270px !important;
}
.u-mh-270,
.u-maxheight-270 {
  max-height: 270px !important;
}
.u-h-280,
.u-height-280 {
  height: 280px !important;
}
.u-mnh-280,
.u-minheight-280 {
  min-height: 280px !important;
}
.u-mh-280,
.u-maxheight-280 {
  max-height: 280px !important;
}
.u-h-290,
.u-height-290 {
  height: 290px !important;
}
.u-mnh-290,
.u-minheight-290 {
  min-height: 290px !important;
}
.u-mh-290,
.u-maxheight-290 {
  max-height: 290px !important;
}
.u-h-300,
.u-height-300 {
  height: 300px !important;
}
.u-mnh-300,
.u-minheight-300 {
  min-height: 300px !important;
}
.u-mh-300,
.u-maxheight-300 {
  max-height: 300px !important;
}
.u-h-310,
.u-height-310 {
  height: 310px !important;
}
.u-mnh-310,
.u-minheight-310 {
  min-height: 310px !important;
}
.u-mh-310,
.u-maxheight-310 {
  max-height: 310px !important;
}
.u-h-320,
.u-height-320 {
  height: 320px !important;
}
.u-mnh-320,
.u-minheight-320 {
  min-height: 320px !important;
}
.u-mh-320,
.u-maxheight-320 {
  max-height: 320px !important;
}
.u-h-330,
.u-height-330 {
  height: 330px !important;
}
.u-mnh-330,
.u-minheight-330 {
  min-height: 330px !important;
}
.u-mh-330,
.u-maxheight-330 {
  max-height: 330px !important;
}
.u-h-340,
.u-height-340 {
  height: 340px !important;
}
.u-mnh-340,
.u-minheight-340 {
  min-height: 340px !important;
}
.u-mh-340,
.u-maxheight-340 {
  max-height: 340px !important;
}
.u-h-350,
.u-height-350 {
  height: 350px !important;
}
.u-mnh-350,
.u-minheight-350 {
  min-height: 350px !important;
}
.u-mh-350,
.u-maxheight-350 {
  max-height: 350px !important;
}
.u-h-360,
.u-height-360 {
  height: 360px !important;
}
.u-mnh-360,
.u-minheight-360 {
  min-height: 360px !important;
}
.u-mh-360,
.u-maxheight-360 {
  max-height: 360px !important;
}
.u-h-370,
.u-height-370 {
  height: 370px !important;
}
.u-mnh-370,
.u-minheight-370 {
  min-height: 370px !important;
}
.u-mh-370,
.u-maxheight-370 {
  max-height: 370px !important;
}
.u-h-380,
.u-height-380 {
  height: 380px !important;
}
.u-mnh-380,
.u-minheight-380 {
  min-height: 380px !important;
}
.u-mh-380,
.u-maxheight-380 {
  max-height: 380px !important;
}
.u-h-390,
.u-height-390 {
  height: 390px !important;
}
.u-mnh-390,
.u-minheight-390 {
  min-height: 390px !important;
}
.u-mh-390,
.u-maxheight-390 {
  max-height: 390px !important;
}
.u-h-400,
.u-height-400 {
  height: 400px !important;
}
.u-mnh-400,
.u-minheight-400 {
  min-height: 400px !important;
}
.u-mh-400,
.u-maxheight-400 {
  max-height: 400px !important;
}
.u-h-410,
.u-height-410 {
  height: 410px !important;
}
.u-mnh-410,
.u-minheight-410 {
  min-height: 410px !important;
}
.u-mh-410,
.u-maxheight-410 {
  max-height: 410px !important;
}
.u-h-420,
.u-height-420 {
  height: 420px !important;
}
.u-mnh-420,
.u-minheight-420 {
  min-height: 420px !important;
}
.u-mh-420,
.u-maxheight-420 {
  max-height: 420px !important;
}
.u-h-430,
.u-height-430 {
  height: 430px !important;
}
.u-mnh-430,
.u-minheight-430 {
  min-height: 430px !important;
}
.u-mh-430,
.u-maxheight-430 {
  max-height: 430px !important;
}
.u-h-440,
.u-height-440 {
  height: 440px !important;
}
.u-mnh-440,
.u-minheight-440 {
  min-height: 440px !important;
}
.u-mh-440,
.u-maxheight-440 {
  max-height: 440px !important;
}
.u-h-450,
.u-height-450 {
  height: 450px !important;
}
.u-mnh-450,
.u-minheight-450 {
  min-height: 450px !important;
}
.u-mh-450,
.u-maxheight-450 {
  max-height: 450px !important;
}
.u-h-460,
.u-height-460 {
  height: 460px !important;
}
.u-mnh-460,
.u-minheight-460 {
  min-height: 460px !important;
}
.u-mh-460,
.u-maxheight-460 {
  max-height: 460px !important;
}
.u-h-470,
.u-height-470 {
  height: 470px !important;
}
.u-mnh-470,
.u-minheight-470 {
  min-height: 470px !important;
}
.u-mh-470,
.u-maxheight-470 {
  max-height: 470px !important;
}
.u-h-480,
.u-height-480 {
  height: 480px !important;
}
.u-mnh-480,
.u-minheight-480 {
  min-height: 480px !important;
}
.u-mh-480,
.u-maxheight-480 {
  max-height: 480px !important;
}
.u-h-490,
.u-height-490 {
  height: 490px !important;
}
.u-mnh-490,
.u-minheight-490 {
  min-height: 490px !important;
}
.u-mh-490,
.u-maxheight-490 {
  max-height: 490px !important;
}
.u-h-500,
.u-height-500 {
  height: 500px !important;
}
.u-mnh-500,
.u-minheight-500 {
  min-height: 500px !important;
}
.u-mh-500,
.u-maxheight-500 {
  max-height: 500px !important;
}
.u-h-510,
.u-height-510 {
  height: 510px !important;
}
.u-mnh-510,
.u-minheight-510 {
  min-height: 510px !important;
}
.u-mh-510,
.u-maxheight-510 {
  max-height: 510px !important;
}
.u-h-520,
.u-height-520 {
  height: 520px !important;
}
.u-mnh-520,
.u-minheight-520 {
  min-height: 520px !important;
}
.u-mh-520,
.u-maxheight-520 {
  max-height: 520px !important;
}
.u-h-530,
.u-height-530 {
  height: 530px !important;
}
.u-mnh-530,
.u-minheight-530 {
  min-height: 530px !important;
}
.u-mh-530,
.u-maxheight-530 {
  max-height: 530px !important;
}
.u-h-540,
.u-height-540 {
  height: 540px !important;
}
.u-mnh-540,
.u-minheight-540 {
  min-height: 540px !important;
}
.u-mh-540,
.u-maxheight-540 {
  max-height: 540px !important;
}
.u-h-550,
.u-height-550 {
  height: 550px !important;
}
.u-mnh-550,
.u-minheight-550 {
  min-height: 550px !important;
}
.u-mh-550,
.u-maxheight-550 {
  max-height: 550px !important;
}
.u-h-560,
.u-height-560 {
  height: 560px !important;
}
.u-mnh-560,
.u-minheight-560 {
  min-height: 560px !important;
}
.u-mh-560,
.u-maxheight-560 {
  max-height: 560px !important;
}
.u-h-570,
.u-height-570 {
  height: 570px !important;
}
.u-mnh-570,
.u-minheight-570 {
  min-height: 570px !important;
}
.u-mh-570,
.u-maxheight-570 {
  max-height: 570px !important;
}
.u-h-580,
.u-height-580 {
  height: 580px !important;
}
.u-mnh-580,
.u-minheight-580 {
  min-height: 580px !important;
}
.u-mh-580,
.u-maxheight-580 {
  max-height: 580px !important;
}
.u-h-590,
.u-height-590 {
  height: 590px !important;
}
.u-mnh-590,
.u-minheight-590 {
  min-height: 590px !important;
}
.u-mh-590,
.u-maxheight-590 {
  max-height: 590px !important;
}
.u-h-600,
.u-height-600 {
  height: 600px !important;
}
.u-mnh-600,
.u-minheight-600 {
  min-height: 600px !important;
}
.u-mh-600,
.u-maxheight-600 {
  max-height: 600px !important;
}
.u-h-610,
.u-height-610 {
  height: 610px !important;
}
.u-mnh-610,
.u-minheight-610 {
  min-height: 610px !important;
}
.u-mh-610,
.u-maxheight-610 {
  max-height: 610px !important;
}
.u-h-620,
.u-height-620 {
  height: 620px !important;
}
.u-mnh-620,
.u-minheight-620 {
  min-height: 620px !important;
}
.u-mh-620,
.u-maxheight-620 {
  max-height: 620px !important;
}
.u-h-630,
.u-height-630 {
  height: 630px !important;
}
.u-mnh-630,
.u-minheight-630 {
  min-height: 630px !important;
}
.u-mh-630,
.u-maxheight-630 {
  max-height: 630px !important;
}
.u-h-640,
.u-height-640 {
  height: 640px !important;
}
.u-mnh-640,
.u-minheight-640 {
  min-height: 640px !important;
}
.u-mh-640,
.u-maxheight-640 {
  max-height: 640px !important;
}
.u-h-650,
.u-height-650 {
  height: 650px !important;
}
.u-mnh-650,
.u-minheight-650 {
  min-height: 650px !important;
}
.u-mh-650,
.u-maxheight-650 {
  max-height: 650px !important;
}
.u-h-660,
.u-height-660 {
  height: 660px !important;
}
.u-mnh-660,
.u-minheight-660 {
  min-height: 660px !important;
}
.u-mh-660,
.u-maxheight-660 {
  max-height: 660px !important;
}
.u-h-670,
.u-height-670 {
  height: 670px !important;
}
.u-mnh-670,
.u-minheight-670 {
  min-height: 670px !important;
}
.u-mh-670,
.u-maxheight-670 {
  max-height: 670px !important;
}
.u-h-680,
.u-height-680 {
  height: 680px !important;
}
.u-mnh-680,
.u-minheight-680 {
  min-height: 680px !important;
}
.u-mh-680,
.u-maxheight-680 {
  max-height: 680px !important;
}
.u-h-690,
.u-height-690 {
  height: 690px !important;
}
.u-mnh-690,
.u-minheight-690 {
  min-height: 690px !important;
}
.u-mh-690,
.u-maxheight-690 {
  max-height: 690px !important;
}
.u-h-700,
.u-height-700 {
  height: 700px !important;
}
.u-mnh-700,
.u-minheight-700 {
  min-height: 700px !important;
}
.u-mh-700,
.u-maxheight-700 {
  max-height: 700px !important;
}
.u-h-710,
.u-height-710 {
  height: 710px !important;
}
.u-mnh-710,
.u-minheight-710 {
  min-height: 710px !important;
}
.u-mh-710,
.u-maxheight-710 {
  max-height: 710px !important;
}
.u-h-720,
.u-height-720 {
  height: 720px !important;
}
.u-mnh-720,
.u-minheight-720 {
  min-height: 720px !important;
}
.u-mh-720,
.u-maxheight-720 {
  max-height: 720px !important;
}
.u-h-730,
.u-height-730 {
  height: 730px !important;
}
.u-mnh-730,
.u-minheight-730 {
  min-height: 730px !important;
}
.u-mh-730,
.u-maxheight-730 {
  max-height: 730px !important;
}
.u-h-740,
.u-height-740 {
  height: 740px !important;
}
.u-mnh-740,
.u-minheight-740 {
  min-height: 740px !important;
}
.u-mh-740,
.u-maxheight-740 {
  max-height: 740px !important;
}
.u-h-750,
.u-height-750 {
  height: 750px !important;
}
.u-mnh-750,
.u-minheight-750 {
  min-height: 750px !important;
}
.u-mh-750,
.u-maxheight-750 {
  max-height: 750px !important;
}
.u-h-760,
.u-height-760 {
  height: 760px !important;
}
.u-mnh-760,
.u-minheight-760 {
  min-height: 760px !important;
}
.u-mh-760,
.u-maxheight-760 {
  max-height: 760px !important;
}
.u-h-770,
.u-height-770 {
  height: 770px !important;
}
.u-mnh-770,
.u-minheight-770 {
  min-height: 770px !important;
}
.u-mh-770,
.u-maxheight-770 {
  max-height: 770px !important;
}
.u-h-780,
.u-height-780 {
  height: 780px !important;
}
.u-mnh-780,
.u-minheight-780 {
  min-height: 780px !important;
}
.u-mh-780,
.u-maxheight-780 {
  max-height: 780px !important;
}
.u-h-790,
.u-height-790 {
  height: 790px !important;
}
.u-mnh-790,
.u-minheight-790 {
  min-height: 790px !important;
}
.u-mh-790,
.u-maxheight-790 {
  max-height: 790px !important;
}
.u-h-800,
.u-height-800 {
  height: 800px !important;
}
.u-mnh-800,
.u-minheight-800 {
  min-height: 800px !important;
}
.u-mh-800,
.u-maxheight-800 {
  max-height: 800px !important;
}
.u-block {
  display: block !important;
}
.u-inlineblock {
  display: inline-block !important;
}
.u-inline {
  display: inline !important;
}
.u-hidden {
  display: none !important;
}
.u-visibility-hidden {
  visibility: hidden;
}
.u-hide-overflow {
  overflow: hidden;
}
.u-alignleft {
  text-align: left !important;
}
.u-aligncenter {
  text-align: center !important;
}
.u-alignright {
  text-align: right !important;
}
.u-floatleft {
  display: inline-block;
  float: left !important;
}
.u-floatright {
  display: inline-block;
  float: right !important;
}
.u-clearfix:before,
.u-clearfix:after {
  content: " ";
  display: table;
}
.u-clearfix:after {
  clear: both;
}
.u-relative {
  position: relative !important;
}
.u-fixed {
  position: fixed;
}
.u-absolute {
  position: absolute;
}
.u-static {
  position: static;
}
.u-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.u-valign-middle:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}
.u-valign-middle > * {
  display: inline-block !important;
  vertical-align: middle !important;
}
.u-pinned-topright {
  position: absolute;
  top: 0;
  right: 0;
}
.u-pinned-bottomright {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
}
.u-pinned-topleft {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}
.u-pinned-bottomleft {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
}
.u-nowrap {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-click-through {
  pointer-events: none !important;
}
.u-pseudo-transform {
  -webkit-transform: translate3d(0, 0, 1px);
  -moz-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -o-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}
/*---------------------------------------------------
		LESS Elements 0.9
	---------------------------------------------------
		A set of useful LESS mixins
		More info at: http://lesselements.com (2011)
	---------------------------------------------------*/
.hidden {
  display: none;
}
p {
  margin: 0 0 12px;
  margin-left: 20px;
  color: #37495e;
}
.lead {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 200;
  line-height: 36px;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
.muted {
  color: #ccc;
}
a.muted:hover,
a.muted:focus {
  color: #b3b3b3;
}
.text-warning {
  color: #c09853;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}
.text-error {
  color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}
.text-info {
  color: #3a87ad;
}
a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}
.text-success {
  color: #468847;
}
a.text-success:hover,
a.text-success:focus {
  color: #356635;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 12px 0;
  font-family: inherit;
  font-weight: bold;
  color: #37495e;
  text-rendering: optimizelegibility;
  margin-left: 20px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #ccc;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18.4px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 13.6px;
}
h1 small {
  font-size: 28px;
}
h2 small {
  font-size: 20px;
}
h3 small {
  font-size: 16px;
}
h4 small {
  font-size: 16px;
}
.page-header {
  padding-bottom: 11px;
  margin: 24px 0 36px;
  border-bottom: 1px solid #e5e5e5;
}
ul,
ol {
  padding: 0;
  margin: 0 0 12px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 24px;
}
dt,
dd {
  line-height: 24px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 12px;
}
.dl-horizontal:before,
.dl-horizontal:after {
  content: " ";
  display: table;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
hr {
  margin: 24px 0;
  border: 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #ccc;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 24px;
  border-left: 5px solid #e5e5e5;
}
blockquote p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote small {
  display: block;
  line-height: 24px;
  color: #ccc;
}
blockquote small:before {
  content: '—  ';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #e5e5e5;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '  —';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 24px;
  font-style: normal;
  line-height: 24px;
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #37495e;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -o-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #62b7bd;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #5c878a;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #62b7bd;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.u-pos260-230 {
  left: 260px !important;
  top: 230px !important;
}
.u-pos647-252 {
  left: 647px !important;
  top: 252px !important;
}
.u-pos280-350 {
  left: 280px !important;
  top: 350px !important;
}
.u-w0 {
  width: 0px !important;
}
.u-w50 {
  width: 50px !important;
}
.u-w100 {
  width: 100px !important;
}
.u-w150 {
  width: 150px !important;
}
.u-w200 {
  width: 200px !important;
}
.u-w250 {
  width: 250px !important;
}
.u-w300 {
  width: 300px !important;
}
.u-w350 {
  width: 350px !important;
}
.u-w400 {
  width: 400px !important;
}
.u-w450 {
  width: 450px !important;
}
.u-w500 {
  width: 500px !important;
}
.u-w550 {
  width: 550px !important;
}
.u-w600 {
  width: 600px !important;
}
.u-w650 {
  width: 650px !important;
}
.u-w700 {
  width: 700px !important;
}
.u-w750 {
  width: 750px !important;
}
.u-w800 {
  width: 800px !important;
}
.u-w850 {
  width: 850px !important;
}
.u-w900 {
  width: 900px !important;
}
.u-w950 {
  width: 950px !important;
}
.u-w1000 {
  width: 1000px !important;
}
.u-w100pc {
  width: 100% !important;
}
.u-cw-0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.u-cw-2 {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
.u-cw-4 {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
}
.u-cw-6 {
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg);
}
.u-cw-8 {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
}
.u-cw-10 {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
.u-cw-12 {
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  transform: rotate(12deg);
}
.u-cw-14 {
  -webkit-transform: rotate(14deg);
  -moz-transform: rotate(14deg);
  -ms-transform: rotate(14deg);
  -o-transform: rotate(14deg);
  transform: rotate(14deg);
}
.u-ccw-0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.u-ccw-2 {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.u-ccw-4 {
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.u-ccw-6 {
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.u-ccw-8 {
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.u-ccw-10 {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.u-ccw-12 {
  -webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.u-ccw-14 {
  -webkit-transform: rotate(-14deg);
  -moz-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  -o-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
a {
  text-decoration: none;
}
.app {
  background: #00a470;
  background: radial-gradient(circle, #00a470 0%, #003e2a 100%);
  color: #333333;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: center;
  /* horizontal centering for IE Win quirks */
  -webkit-font-smoothing: antialiased;
  -moz-font-kerning: normal;
  /* --- Domains (unknown?) --- */
}
.app * {
  margin: 0;
  padding: 0;
}
.app h1,
.app h2,
.app h3,
.app p,
.app ol,
.app ul,
.app hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.app ol,
.app ul {
  margin: 0;
  padding: 0 0 0 25px;
}
.app input[type=text],
.app input[type=password] {
  width: 160px;
  margin-bottom: 0;
}
.app input[type=submit] {
  width: 100px;
}
.app table.cake-sql-log {
  margin: 20px;
}
.app .entypo {
  font-family: entypo;
}
.app #distance {
  width: 1px;
  height: 50%;
  background-color: #555;
  margin-bottom: -275px;
  float: left;
}
.app #content {
  margin: 0 auto;
  position: relative;
  text-align: left;
  height: 550px;
  width: 1000px;
  clear: left;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.app #garden {
  height: 550px;
  overflow: hidden;
  width: 1000px;
  position: relative;
  background-size: 1000px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.app #garden .scrollable {
  -webkit-overflow-scrolling: touch;
}
.app #garden .logins.form,
.app #garden #game-list-box,
.app #garden #manual,
.app #garden #content_for_layout {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.app #logo {
  position: absolute;
  top: -60px;
  left: 0;
}
.app #instructions_game {
  width: 850px;
  height: 550px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.app #instructions_game img {
  vertical-align: middle;
}
.app #instructions_game a.white {
  color: #fff;
}
.app #instructions_game a.white:hover {
  color: #fff;
}
.app #garden div#domains {
  position: relative;
  width: 152px;
  border: 6px solid #d8c504;
  background-color: #d8c504;
  margin-top: 10px;
}
.app table.cake-sql-log {
  margin: 20px;
}
.oefenweb #garden .paging,
.rekentuin #garden .paging {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  transform: translateZ(0);
}
.oefenweb #garden .paging span a span,
.rekentuin #garden .paging span a span {
  color: white;
  font-size: 13px;
  font-weight: bold;
  display: block;
  max-width: 100px;
}
.oefenweb #garden .paging span a span span.arrow,
.rekentuin #garden .paging span a span span.arrow {
  font-size: 24px;
  line-height: 14px;
}
.oefenweb #garden .paging .prev,
.rekentuin #garden .paging .prev,
.oefenweb #garden .paging .next,
.rekentuin #garden .paging .next {
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.oefenweb #garden .paging .prev:hover,
.rekentuin #garden .paging .prev:hover,
.oefenweb #garden .paging .next:hover,
.rekentuin #garden .paging .next:hover {
  animation: rotateRight 0.5s ease-out;
}
.oefenweb #garden .paging .prev a,
.rekentuin #garden .paging .prev a,
.oefenweb #garden .paging .next a,
.rekentuin #garden .paging .next a {
  position: absolute;
}
.oefenweb #garden .paging.garden1 .prev,
.rekentuin #garden .paging.garden1 .prev {
  width: 140px;
  height: 110px;
  top: 15px;
  left: 85px;
  transform-origin: center left;
  background-image: url('/img/skins/world/sign_next_garden_2.png?rev=1778068871');
  background-size: contain;
}
.oefenweb #garden .paging.garden1 .prev a,
.rekentuin #garden .paging.garden1 .prev a {
  top: 40px;
  left: 55px;
}
.oefenweb #garden .paging.garden1 .next,
.rekentuin #garden .paging.garden1 .next {
  width: 130px;
  height: 160px;
  top: 0px;
  left: 670px;
  transform-origin: center;
  background-image: url('/img/skins/world/sign_next_garden_1.png?rev=1778068871');
  background-size: contain;
}
.oefenweb #garden .paging.garden1 .next a,
.rekentuin #garden .paging.garden1 .next a {
  top: 115px;
  left: 30px;
}
.oefenweb #garden .paging.garden2 .prev,
.rekentuin #garden .paging.garden2 .prev {
  width: 155px;
  height: 130px;
  top: 25px;
  left: 93px;
  transform-origin: center left;
  background-image: url('/img/skins/world/sign_gnome3.png?rev=1778068871');
}
.oefenweb #garden .paging.garden2 .prev a,
.rekentuin #garden .paging.garden2 .prev a {
  top: 75px;
  right: 66px;
}
.oefenweb #garden .paging.garden2 .next,
.rekentuin #garden .paging.garden2 .next {
  width: 100px;
  height: 170px;
  top: 0px;
  left: 650px;
  transform-origin: center;
  background-image: url('/img/skins/world/sign_gnome4.png?rev=1778068871');
}
.oefenweb #garden .paging.garden2 .next a,
.rekentuin #garden .paging.garden2 .next a {
  top: 82px;
  right: 10px;
}
.oefenweb.instructions-controller.app #garden,
.rekentuin.instructions-controller.app #garden,
.oefenweb.results-controller.app #garden,
.rekentuin.results-controller.app #garden,
.oefenweb.videos-controller.app #garden,
.rekentuin.videos-controller.app #garden {
  background-image: url('/img/garden/barn.jpg?rev=1778068871');
}
.taalzee #garden .paging {
  position: absolute;
  left: 25px;
  top: 55px;
  text-align: center;
  transform: translateZ(0);
}
.taalzee #garden .paging span a span {
  color: #2fb6bc;
  font-size: 13px;
  font-weight: bold;
  display: block;
  max-width: 100px;
}
.taalzee #garden .paging span a span span.arrow {
  font-size: 24px;
  line-height: 14px;
}
.taalzee #garden .paging .prev,
.taalzee #garden .paging .next {
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.taalzee #garden .paging .prev a,
.taalzee #garden .paging .next a {
  position: absolute;
}
.taalzee #garden .paging.garden1 .prev,
.taalzee #garden .paging.garden2 .prev {
  width: 112px;
  height: 110px;
  top: -28px;
  left: 15px;
  background-image: url('/theme/Taalzee/img/garden/bubble_2.png?rev=1778068871');
}
.taalzee #garden .paging.garden1 .prev a,
.taalzee #garden .paging.garden2 .prev a {
  top: 18px;
  left: 21px;
}
.taalzee #garden .paging.garden1 .next,
.taalzee #garden .paging.garden2 .next {
  width: 110px;
  height: 65px;
  top: -10px;
  left: 745px;
  background-image: url('/theme/Taalzee/img/garden/bubble_1.png?rev=1778068871');
}
.taalzee #garden .paging.garden1 .next a,
.taalzee #garden .paging.garden2 .next a {
  top: 22px;
  left: 22px;
}
.taalzee.instructions-controller #garden,
.taalzee.results-controller #garden,
.taalzee.videos-controller #garden {
  background-image: url('/theme/Taalzee/img/garden/page_bg.jpg?rev=1778068871');
}
.wordsandbirds.app #content {
  text-align: center;
}
.wordsandbirds.app #content #garden {
  -webkit-transition: all 0.3s 0 ease-in-out;
  transition: all 0.3s 0 ease-in-out;
  -webkit-transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  -moz-transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  -o-transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  -webkit-animation: appearFade 2s;
  -moz-animation: appearFade 2s;
  animation: appearFade 2s;
}
.wordsandbirds.app #content #garden.garden1 {
  background: url('../img/app_background.jpg?rev=1778068871') no-repeat center center;
  background-size: cover;
}
.wordsandbirds.app #content #garden.garden2 {
  background: url('../img/app_background_bonus.jpg?rev=1778068871') no-repeat center center;
  background-size: cover;
}
.wordsandbirds.trophies-controller #content {
  text-align: left;
}
.wordsandbirds.instructions-controller #garden,
.wordsandbirds.results-controller #garden,
.wordsandbirds.videos-controller #garden {
  background: url('../img/app_background.jpg?rev=1778068871') no-repeat center center;
  background-size: cover;
}
.wordsandbirds.instructions-controller #content,
.wordsandbirds.results-controller #content,
.wordsandbirds.videos-controller #content {
  text-align: left;
}
.wordsandbirds #garden .paging {
  position: absolute;
  left: 25px;
  top: 55px;
  text-align: center;
  transform: translateZ(0);
}
.wordsandbirds #garden .paging span a span {
  color: white;
  font-size: 13px;
  font-weight: bold;
  max-width: 100px;
}
.wordsandbirds #garden .paging span a span span.arrow {
  font-size: 24px;
  line-height: 14px;
}
.wordsandbirds #garden .paging .prev,
.wordsandbirds #garden .paging .next {
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.wordsandbirds #garden .paging .prev a,
.wordsandbirds #garden .paging .next a {
  position: absolute;
  text-decoration: none;
}
.wordsandbirds #garden .paging .prev a .icon-left,
.wordsandbirds #garden .paging .next a .icon-left,
.wordsandbirds #garden .paging .prev a .icon-right,
.wordsandbirds #garden .paging .next a .icon-right {
  visibility: hidden;
}
.wordsandbirds #garden .paging.garden1 .prev,
.wordsandbirds #garden .paging.garden2 .prev {
  width: 109px;
  height: 165px;
  top: 306px;
  left: 4px;
  background-image: url('/theme/WordsAndBirds/img/garden/sign_1.png?rev=1778068871');
}
.wordsandbirds #garden .paging.garden1 .prev a,
.wordsandbirds #garden .paging.garden2 .prev a {
  top: 21px;
  left: 20px;
  transform: rotate(2deg);
}
.wordsandbirds #garden .paging.garden1 .next,
.wordsandbirds #garden .paging.garden2 .next {
  width: 109px;
  height: 165px;
  top: 280px;
  left: 760px;
  background-image: url('/theme/WordsAndBirds/img/garden/sign_2.png?rev=1778068871');
}
.wordsandbirds #garden .paging.garden1 .next a,
.wordsandbirds #garden .paging.garden2 .next a {
  top: 21px;
  left: 16px;
  transform: rotate(-2deg);
}
.loader {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #00a470;
}
.rekentuin .loader:before {
  border-top-color: #00a470;
}
.taalzee .loader:before {
  border-top-color: #00a470;
}
.wordsandbirds .loader:before {
  border-top-color: #00a470;
}
.loader:before {
  z-index: 100;
  animation: spin 1s infinite;
}
.loader:after {
  border: 10px solid #ccc;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* --- flashMessage --- */
#flashMessage {
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-animation: appearGrow 0.3s linear;
}
.flash_info,
.flash_error,
.flash_warning,
.flash_success {
  background-image: none;
  border: none;
  color: #fff;
  font-size: 1em;
  margin: 0 auto;
  margin-top: 16px;
  max-width: 800px;
  padding-left: 40px;
  padding: 10px;
  position: relative;
}
.flash_info:before,
.flash_error:before,
.flash_warning:before,
.flash_success:before {
  content: "";
  color: rgba(255, 255, 255, 0.5);
  font-family: "SSPika";
  font-size: 1.6em;
  left: 15px;
  line-height: 1em;
  margin-top: -0.35em;
  position: absolute;
  top: 50%;
}
.flash_error {
  background-color: #e84c3d;
}
.flash_error:before {
  content: "␡";
}
.flash_info {
  background-color: #009dd3;
}
.flash_info:before {
  content: "ℹ";
}
.flash_warning {
  background-color: #f89406;
}
.flash_warning:before {
  content: "⚠";
}
.flash_success {
  background-color: #2ecd71;
}
.flash_success:before {
  content: "✓";
}
.rekentuin.garden-action #flashMessage,
.taalzee.garden-action #flashMessage,
.wordsandbirds.garden-action #flashMessage {
  -webkit-animation: fadeOut 1s 1 linear;
  -moz-animation: fadeOut 1s 1 linear;
  animation: fadeOut 1s 1 linear;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#garden_warning {
  position: absolute;
  top: 2%;
  left: 2%;
  width: 96%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-animation: appearSlideTop 0.6s linear;
  z-index: 7;
}
#garden_warning .flash_warning {
  background: none;
  line-height: 1.5em;
  margin: 0;
  max-width: inherit;
  padding: 0;
  position: static;
  text-align: left;
}
#garden_warning .flash_warning:before {
  display: none;
}
#garden_warning .action,
#garden_warning .dismiss {
  display: inline-block;
  float: right;
}
#garden_warning .action a {
  display: block;
  background: none;
}
#garden_warning .dismiss a {
  display: block;
  font-size: 0.25em;
  color: transparent;
  -webkit-opacity: 60;
  -khtml-opacity: 60;
  -moz-opacity: 60;
  opacity: 60;
  filter: alpha(opacity=6000);
}
#garden_warning .dismiss a:after {
  content: "✕";
  padding: 0 0.25em 0 0.5em;
  font-family: Entypo;
  font-size: 8em;
  color: #fff;
  line-height: 34px;
}
#garden_warning .dismiss a:hover,
#garden_warning .dismiss a:focus {
  -webkit-opacity: 100;
  -khtml-opacity: 100;
  -moz-opacity: 100;
  opacity: 100;
  filter: alpha(opacity=10000);
}
@-webkit-keyframes fadeOut {
  0% {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes fadeOut {
  0% {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes fadeOut {
  0% {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/* --- Flash message theme specifics --- */
.flash-container {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
}
#flashMessage {
  margin: 20px auto;
  padding: 10px;
  padding-left: 40px;
}
#garden_warning {
  top: 10px;
  left: 10px;
  max-width: 870px;
  background-color: rgba(0, 0, 0, 0.3);
}
#garden_warning .action a {
  display: inline-block;
  margin-top: 5px;
  padding: 6px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #9ba4ae;
  border: none;
  -webkit-box-shadow: 0 3px #7f8a97;
  -moz-box-shadow: 0 3px #7f8a97;
  box-shadow: 0 3px #7f8a97;
  color: #fff;
  cursor: pointer;
}
#garden_warning .action a:hover,
#garden_warning .action a:focus {
  background-color: #7f8a97;
  -webkit-box-shadow: 0 3px #66717d;
  -moz-box-shadow: 0 3px #66717d;
  box-shadow: 0 3px #66717d;
  outline: none;
}
#garden_warning .action a:active {
  background-color: #66717d;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-sizing: none;
  -moz-box-sizing: none;
  -ms-box-sizing: none;
  box-sizing: none;
}
/* --- onscreen keyboard styles --- */
#onscreen_keyboard {
  margin-top: 20px;
}
#onscreen_keyboard a:hover {
  cursor: pointer;
  color: #207DD4;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
  background: -moz-linear-gradient(center top, #FFF, #CCC);
}
#onscreen_keyboard a {
  float: left;
  width: 28px;
  height: 28px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 28px;
  color: #0066CC;
}
.keyrow {
  border: 1px solid #7FC4EC;
  border-top: 0;
  height: 28px;
  width: 500px;
  cursor: default;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
  background: -moz-linear-gradient(center top, #FFF, #DDD);
  background: -ms-linear-gradient(center top, #FFF, #DDD);
}
.key {
  border-left: 1px solid #7FC4EC;
}
.lastkey {
  border-left: 1px solid #7FC4EC;
  border-right: 1px solid #5FACE4;
}
.firstkey {
  border: none;
}
/* --- Login view --- */
.app {
  /* --- (login) sidebar button styles --- */
}
.app.login-action,
.app.flash_message-action,
.app.ilearn-action {
  background-color: #ebecef;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.app.login-action #content,
.app.flash_message-action #content,
.app.ilearn-action #content {
  text-align: center;
  top: 40px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.app.login-action #garden,
.app.flash_message-action #garden,
.app.ilearn-action #garden {
  width: 590px;
  height: 450px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  top: 0px;
  z-index: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.35);
}
.app.login-action #garden .oefenweb-link a,
.app.flash_message-action #garden .oefenweb-link a,
.app.ilearn-action #garden .oefenweb-link a {
  position: absolute;
  top: 415px;
  left: 241px;
  color: #999;
  text-decoration: none;
}
.app.login-action #garden .oefenweb-link a:hover,
.app.flash_message-action #garden .oefenweb-link a:hover,
.app.ilearn-action #garden .oefenweb-link a:hover {
  color: #222;
}
.app.login-action #garden .changeNotificationBalloon,
.app.flash_message-action #garden .changeNotificationBalloon,
.app.ilearn-action #garden .changeNotificationBalloon {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 5px 20px;
  background-color: #f1c40f;
}
.app.login-action .message,
.app.flash_message-action .message,
.app.ilearn-action .message {
  position: relative;
  top: 10%;
  display: block;
  width: 250px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.app.login-action .message p,
.app.flash_message-action .message p,
.app.ilearn-action .message p {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  margin: 10px 0px 20px 0px;
}
.app.login-action .message .message-btnwrapper,
.app.flash_message-action .message .message-btnwrapper,
.app.ilearn-action .message .message-btnwrapper {
  text-align: center;
  margin-bottom: 10px;
}
.app.login-action .message .message-btn,
.app.flash_message-action .message .message-btn,
.app.ilearn-action .message .message-btn {
  display: inline-block;
  padding: 11px 10px;
  border-radius: 5px;
  border-color: transparent;
  text-align: center;
  text-decoration: none;
  font: 16px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #00a470;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.app.login-action .message .message-btn:hover,
.app.flash_message-action .message .message-btn:hover,
.app.ilearn-action .message .message-btn:hover {
  text-decoration: none;
  background-color: #00714d;
}
.app.login-action .message .message-btn:active,
.app.flash_message-action .message .message-btn:active,
.app.ilearn-action .message .message-btn:active {
  background-color: #00714d;
  color: #D8EFE9;
}
.app.login-action .message .message-text,
.app.flash_message-action .message .message-text,
.app.ilearn-action .message .message-text {
  font-size: 22px;
  line-height: 26px;
  margin-left: 20px;
  margin-right: 20px;
}
.app.login-action #logo,
.app.flash_message-action #logo,
.app.ilearn-action #logo {
  position: relative;
  top: 35px;
  height: 70px;
}
.app .logins {
  display: inline-block;
  margin: 0 auto;
  margin-top: 150px;
  text-align: left;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 375px;
  overflow: visible;
}
.app .logins img,
.app .logins label {
  display: inline-block;
  width: 50%;
}
.app .logins h1 {
  margin-bottom: 0;
  line-height: 15px;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: normal;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.5);
}
.app .login-password-visibility {
  position: absolute;
  top: 162px;
  right: 100px;
}
.app .login-password-visibility input[type=checkbox] {
  display: none;
}
.app .login-password-visibility input[type=checkbox] + label:before {
  font-family: 'entypo';
  font-size: 24px;
  display: inline-block;
}
.app .login-password-visibility input[type=checkbox] + label:before {
  content: url('/img/eye.svg?rev=1778068871');
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.app .login-password-visibility input[type=checkbox]:checked + label:before {
  content: url('/img/eye_hidden.svg?rev=1778068871');
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.app .inputfield-login-styling {
  display: inline-block;
  margin-top: 5px;
  padding: 6px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.15);
  border: 2px solid transparent;
  color: #37495e;
}
.app .inputfield-login-styling:focus {
  background-color: #fff;
  border-color: #00a470;
  color: #00a470;
  outline: none;
}
.app .logins.form {
  /* forgot password link */
}
.app .logins.form div {
  color: #FFF;
}
.app .logins.form div div {
  padding: 0;
}
.app .logins.form label {
  position: absolute;
  top: 162px;
  padding-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #3e3e3e;
  font-weight: bold;
}
.app .logins.form .login-password-visibility > label {
  top: 45px;
  right: 33px;
  color: #009dd3;
}
.app .logins.form .password > label {
  top: 212px;
}
.app .logins.form input[type='text'],
.app .logins.form input[type='password'] {
  position: absolute;
  top: 150px;
  width: 215px;
  right: 107px;
  padding: 8px 8px;
  background: #fff;
  margin-bottom: 30px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #333;
}
.app .logins.form input[type='text']:focus,
.app .logins.form input[type='password']:focus {
  border: 2px solid #009dd3;
}
.app .logins.form .password > input[type='text'],
.app .logins.form input[type='password'] {
  top: 200px;
}
.app .logins.form input[type='submit'] {
  position: absolute;
  top: 315px;
  right: 107px;
  color: #FFF;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  width: initial;
  font: 16px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 11px 10px;
  background: #009dd3;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.app .logins.form input[type='submit']:hover {
  text-decoration: none;
  background-color: #009dd3;
}
.app .logins.form input[type='submit']:active {
  background-color: #00516d;
  color: #D8EFE9;
}
.app .logins.form a {
  position: absolute;
  top: 322px;
  padding: 3px 0;
  color: #009dd3;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
}
.app .logins.form a:hover,
.app .logins.form a:focus {
  color: #00516d;
  outline: none;
}
.app #sidebar-login #sidebar-content {
  border-radius: 0px 10px 10px 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 200px;
  right: 0px;
  background-color: rgba(97, 189, 86, 0.75);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.app #sidebar-login #sidebar-content * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.app #sidebar-login #sidebar-content a:hover {
  text-decoration: none;
}
.app #sidebar-login #navpanel {
  position: absolute;
  bottom: 0;
  width: 200px;
}
.app #sidebar-login #navpanel a {
  display: block;
  float: left;
  width: 100%;
  padding: 17px 10px 12px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.85em;
}
.app #sidebar-login #navpanel a:before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
  margin-top: -3px;
  padding: 0;
  background: url('../img/login_icons_sprite.png?rev=1778068871') no-repeat;
  opacity: 0.75;
  color: rgba(255, 255, 255, 0.0075);
}
.app #sidebar-login #navpanel a.signup:before {
  background-position: 0 0;
}
.app #sidebar-login #navpanel a.demo:before {
  background-position: -36px 0;
}
.app #sidebar-login #navpanel a.back:before {
  background-position: -72px 0;
}
.app #sidebar-login #navpanel a b {
  text-transform: uppercase;
  display: block;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}
.app #sidebar-login #navpanel a:hover,
.app #sidebar-login #navpanel a:focus {
  color: #fff;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
}
.app #sidebar-login #navpanel a:hover:before,
.app #sidebar-login #navpanel a:focus:before {
  opacity: 1;
}
/* --- /end (login) sidebar buttons styles --- */
/* --- Sidebar --- */
#garden #sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#garden #sidebar * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#garden #sidebar #menu {
  position: absolute;
  top: 65px;
  right: 10px;
  width: 70px;
  z-index: 6;
}
#garden #sidebar nav {
  position: relative;
  vertical-align: middle;
}
#garden #sidebar nav [class*="icon-"] {
  display: inline;
  line-height: 60px;
  vertical-align: baseline;
}
#garden #sidebar nav a:hover .text {
  display: block;
  font-size: 15px;
}
#garden #sidebar nav a:hover {
  text-decoration: none;
  background-color: #00a470;
  color: #fff;
}
#garden #sidebar nav a.active:hover {
  color: #00a470;
  background-color: #fff;
}
#garden #sidebar nav a.active.domain-group:hover {
  color: #fff;
  background-color: #00a470;
}
#garden #sidebar nav a.domain-group .icon {
  margin-right: 0.2em;
}
#garden #sidebar nav div#submenu {
  height: 60px;
  display: none;
  width: 920px;
  position: absolute;
  right: 70px;
  top: 65px;
}
#garden #sidebar nav div#submenu.open {
  display: block;
}
#garden #sidebar nav div#submenu.open a {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
#garden #sidebar nav div#submenu a {
  margin-right: 16px;
  float: right;
  padding: 0;
  -webkit-animation-name: enter;
  animation-name: enter;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}
#garden #sidebar nav div#submenu a .text {
  position: absolute;
  left: 50%;
  top: 140%;
  transform: translate(-50%, -50%);
  right: auto;
  margin-top: auto;
  margin-right: auto;
}
#garden #sidebar nav div#submenu a .text:after {
  top: -5px;
  left: 45%;
  transform: rotate(-90deg);
}
#garden #sidebar nav div#submenu a:nth-of-type(1) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
#garden #sidebar nav div#submenu a:nth-of-type(2) {
  -webkit-animation-delay: 0.06s;
  animation-delay: 0.06s;
}
#garden #sidebar nav div#submenu a:nth-of-type(3) {
  -webkit-animation-delay: 0.07s;
  animation-delay: 0.07s;
}
#garden #sidebar nav div#submenu a:nth-of-type(4) {
  -webkit-animation-delay: 0.08s;
  animation-delay: 0.08s;
}
#garden #sidebar nav div#submenu a:nth-of-type(5) {
  -webkit-animation-delay: 0.09s;
  animation-delay: 0.09s;
}
#garden #sidebar nav div#submenu a:nth-of-type(6) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#garden #sidebar nav div#submenu a:nth-of-type(7) {
  -webkit-animation-delay: 0.11s;
  animation-delay: 0.11s;
}
#garden #sidebar nav div#submenu a:nth-of-type(8) {
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
#garden #sidebar nav div#submenu a:nth-of-type(9) {
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s;
}
#garden #sidebar nav #menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
#garden #sidebar nav #menu-overlay.open {
  display: block;
}
#garden #sidebar nav a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height: 60px;
  padding-left: 5px;
  margin: -1px -1px 8px 5px;
  z-index: 6;
  text-align: center;
  float: left;
  font-size: 27px;
  cursor: pointer;
}
#garden #sidebar nav a .text {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -15px;
  margin-right: 10px;
  display: none;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  user-select: none;
}
#garden #sidebar nav a .text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -6px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.4);
}
#garden #sidebar nav a.locked:before {
  opacity: 0.4;
}
#garden #sidebar nav a.locked:after {
  content: '🔒';
  position: absolute;
  top: -9px;
  right: -4px;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #003e2a;
  color: #fff;
  font-family: entypo;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
#garden #sidebar nav a.locked:hover,
#garden #sidebar nav a.locked:focus {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
#garden #sidebar nav a .icon-bonus.icon-rocket {
  padding-left: 0px;
}
#garden #sidebar nav a .sub-icon.icon-after-plus {
  position: absolute;
  top: 5px;
  left: 32px;
  font-size: 14px;
}
#garden #sidebar nav a .icon.icon-after-chart-line {
  position: absolute;
  right: 16px;
}
#garden #sidebar nav a.current {
  cursor: default;
}
#garden #sidebar nav a.active {
  background-color: #fff;
  color: #00a470;
  -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
}
#garden #sidebar nav a:focus,
#garden #sidebar nav a:active {
  text-decoration: none;
}
.subdomain-operations:before {
  content: "\61";
}
.subdomain-mixed:before {
  content: "\63";
}
.subdomain-patterns:before {
  content: "\68";
}
.subdomain-measure:before {
  content: "\66";
}
.subdomain-proportions:before {
  content: "\6c";
}
.subdomain-creative:before {
  content: "\62";
}
.subdomain-domain-groups:before {
  content: "\6b";
}
.subdomain-spelling:before {
  content: "\6a";
}
.subdomain-sounds:before {
  content: "\64";
}
.subdomain-vocabulary:before {
  content: "\6d";
}
.subdomain-read:before {
  content: "\65";
}
.subdomain-decompose:before {
  content: "\67";
}
.subdomain-english:before {
  content: "\6e";
}
.subdomain-grammar:before {
  content: "\6f";
}
.subdomain-comprehension:before {
  content: "\70";
}
.subdomain-home:before {
  content: "\69";
  margin-right: 0.2em;
}
@-webkit-keyframes enter {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes enter {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#garden #sidebar #coins {
  position: absolute;
  left: 852px;
  bottom: 56px;
  z-index: 4;
  display: inline-block;
  height: 34px;
  text-align: center;
  color: white;
  width: 100px;
  transform: translateZ(0);
}
#garden #sidebar #coins #coinCount {
  display: inline-block;
  max-width: 70px;
  font-size: 15px;
  vertical-align: sub;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: max-width 0.3s ease;
  transition: max-width 0.3s ease;
  -webkit-transition: max-width 0.3s ease 0.2s ease-out;
  -moz-transition: max-width 0.3s ease 0.2s ease-out;
  -o-transition: max-width 0.3s ease 0.2s ease-out;
  transition: max-width 0.3s ease 0.2s ease-out;
}
#garden #sidebar #coins #difficultyMultiplierCoin {
  background: url('/img/games/coin-neutral.png?rev=1778068871');
  background-size: 24px;
  background-repeat: no-repeat;
  display: inline-block;
}
#garden #sidebar #coins #difficultyMultiplierCoin #difficultyMultiplier {
  display: block;
  font-size: 18px;
  font-weight: bolder;
  line-height: 32px;
  width: 26px;
  text-shadow: -1px 0 #ce8a51, 0 1px #ce8a51, 1px 0 #ce8a51, 0 -1px #ce8a51;
}
#garden #sidebar #coins #difficultyMultiplierCoin #difficultyMultiplier:after {
  content: "\200B";
  visibility: hidden;
}
#garden #sidebar #displayPlayer .playerInfo {
  position: absolute;
  top: 395px;
  right: 16px;
  z-index: 3;
  font-weight: 600;
  text-align: center;
  transform: translateZ(0);
}
#garden #sidebar #displayPlayer .playerInfo .username {
  color: white;
  position: relative;
  top: 44px;
  right: 12px;
  font-size: 15px;
}
#garden #sidebar #displayPlayer .playerInfo .display img {
  max-width: inherit;
  vertical-align: inherit;
}
#garden #sidebar #difficultySelector {
  position: absolute;
  bottom: 10px;
  left: 854px;
  z-index: 4	;
  transform: translateZ(0);
}
#garden #sidebar #difficultySelector .btn-group {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1em;
}
#garden #sidebar #difficultySelector #easy {
  position: absolute;
  bottom: 0px;
}
#garden #sidebar #difficultySelector #normal {
  position: absolute;
  bottom: -8px;
  left: 33px;
}
#garden #sidebar #difficultySelector #difficult {
  position: absolute;
  bottom: 0px;
  left: 66px;
}
#garden #sidebar #difficultySelector a {
  position: relative;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  text-align: center;
  color: #00a470;
  font-size: 20px;
  border-radius: 50%;
}
#garden #sidebar #difficultySelector a:hover {
  background-color: #fff;
}
#garden #sidebar #difficultySelector a:active {
  background-color: #00a470;
}
#garden #sidebar #difficultySelector a img {
  width: 26px;
  height: 26px;
  margin: 4px;
  max-width: inherit;
}
#garden #sidebar #difficultySelector a.isBusy img {
  opacity: 0.25;
  z-index: 1;
}
#garden #sidebar #difficultySelector a.isBusy:before {
  content: "⚙";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-family: entypo;
  -webkit-animation: spinning 1.5s infinite linear;
  -moz-animation: spinning 1.5s infinite linear;
  animation: spinning 1.5s infinite linear;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  transform-origin: center center;
  z-index: 2;
  line-height: 34px;
}
#garden #sidebar #difficultySelector a.isHighLighted {
  background-color: rgba(0, 164, 112, 0.95);
  border-right-color: transparent;
}
#garden #sidebar #logout {
  position: absolute;
  bottom: 110px;
  right: 24px;
  z-index: 4;
  line-height: 1em;
  transform: translateZ(0);
}
#garden #sidebar #logout .icon.icon-after-logout {
  color: white;
  font-size: 20px;
}
#garden #sidebar #logout .icon.icon-after-logout:hover {
  color: #e84c3d;
}
#garden #sidebar a.active:hover {
  color: #00a470;
  background-color: #fff;
}
@-webkit-keyframes spinning {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinning {
  from {
    -moz-transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinning {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
 * trophies page social media styling
 */
.social {
  position: absolute;
  text-align: center;
  z-index: 2;
}
.social ul {
  list-style-type: none;
  padding: 0;
}
.social ul li {
  display: inline-block;
}
.social a {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  padding-left: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-bottom: 5px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  overflow: hidden;
  line-height: 20px;
}
.social a:hover {
  margin-top: 2px;
  border-bottom-width: 3px;
  text-decoration: none;
}
.social a:active {
  margin-top: 4px;
  border-bottom-width: 1px;
}
.social a.social-fb {
  background-color: #175291;
  border-bottom-color: #003d7e;
}
.social a.social-tw {
  background-color: #00aced;
  border-bottom-color: #008abe;
}
.social a.social-fb:active {
  background-color: #003d7e;
}
.social a.social-tw:active {
  background-color: #008abe;
}
.social a img {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.social {
  display: block;
  bottom: 40px;
  left: 340px;
}
.social ul li:last-child {
  margin-left: 16px;
}
.taalzee .social {
  display: inline-block;
  top: 20px;
  left: 240px;
  width: auto;
}
.taalzee .social ul li:last-child {
  margin-left: 16px;
}
.wordsandbirds .social {
  display: inline-block;
  top: 15px;
  left: 385px;
  width: 210px;
}
.wordsandbirds .social ul li:last-child {
  margin-left: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* School class trophies */
#groupTrophy {
  position: absolute;
  width: 1000px;
  height: 550px;
  background-image: url('../img/grouptrophy_elements/bg.jpg?rev=1778068871');
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
}
#groupTrophy .progress {
  display: none;
}
.groupTrophyElement {
  position: absolute;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.groupTrophyElement.bought {
  display: block !important;
  -webkit-animation: appear 1s 1;
  -moz-animation: appear 1s 1;
  animation: appear 1s 1;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}
.schoolClassLabel {
  position: absolute;
}
.schoolClassLabel .sign {
  position: absolute;
  text-align: center;
  z-index: 1;
}
.schoolClassLabel #className {
  position: relative;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: white;
  z-index: 2;
  text-align: center;
}
.schoolClassLabel #className .singleLine {
  line-height: 41px;
}
.schoolClassLabel #className .doubleLine {
  line-height: 24px;
}
.puzzleframe {
  position: absolute;
  z-index: 2;
}
.puzzleframe.complete {
  opacity: 0;
  animation: 1s fadeIn;
  animation-delay: 9s;
  animation-direction: reverse;
  animation-fill-mode: backwards;
}
#trophies1 .grouptrophy-button {
  position: absolute;
  display: block;
  z-index: 2;
}
#schoolClassTrophies .grouptrophy-button {
  position: absolute;
  z-index: 2;
  display: block;
}
@-moz-keyframes appear {
  0% {
    -moz-transform: scale(0);
    -moz-opacity: 0.25;
  }
  80% {
    -moz-transform: scale(1.1);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    -moz-opacity: 1;
  }
}
@-ms-keyframes appear {
  0% {
    -ms-transform: scale(0);
    -ms-opacity: 0.25;
  }
  80% {
    -ms-transform: scale(1.1);
    -ms-opacity: 1;
  }
  100% {
    -ms-transform: scale(1);
    -ms-opacity: 1;
  }
}
@keyframes appear {
  0% {
    transform: scale(0);
    opacity: 0.25;
  }
  80% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes appear {
  0% {
    -webkit-opacity: 0.25;
  }
  80% {
    -webkit-opacity: 1;
  }
  100% {
    -webkit-opacity: 1;
  }
}
/* --- Trophies view --- */
.oefenweb.trophies-controller #garden,
.rekentuin.trophies-controller #garden {
  overflow: hidden;
  background-image: url('../../../../img/garden/trophy_bg.jpg?rev=1778068871');
}
.oefenweb #trophies1,
.rekentuin #trophies1 {
  width: 1000px;
  height: 550px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.oefenweb #trophyBackground,
.rekentuin #trophyBackground {
  position: absolute;
  top: 79px;
  left: 77px;
  width: 641px;
  height: 391px;
}
.oefenweb #trophyBackground img:nth-child(even),
.rekentuin #trophyBackground img:nth-child(even) {
  -webkit-transform: translate(0px, 2px);
  -moz-transform: translate(0px, 2px);
  -ms-transform: translate(0px, 2px);
  -o-transform: translate(0px, 2px);
  transform: translate(0px, 2px);
}
.oefenweb #trophyPriceSign,
.rekentuin #trophyPriceSign {
  z-index: 2;
  position: absolute;
  top: 17px;
  right: 88px;
  height: 525px;
  width: 168px;
}
.oefenweb #trophyBackground #trophycabinet,
.rekentuin #trophyBackground #trophycabinet {
  background-image: url(../../../..//img/garden/k0.png?rev=1778068871);
  background-repeat: no-repeat;
  background-size: 636px;
  position: absolute;
  left: 7px;
  top: 33px;
  z-index: 1;
  height: 317px;
  width: 642px;
}
.oefenweb #trophyShop,
.rekentuin #trophyShop {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 85px;
  right: 90px;
  width: 168px;
  height: 300px;
  z-index: 2;
  /* --- (login) sidebar button styles --- */
}
.oefenweb #trophyShop *,
.rekentuin #trophyShop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.oefenweb #trophyShop #trophyShopBuy,
.rekentuin #trophyShop #trophyShopBuy,
.oefenweb #trophyShop #trophyShopSell,
.rekentuin #trophyShop #trophyShopSell {
  position: absolute;
  right: 15px;
  top: 42px;
  position: relative;
  width: 160px;
  margin-left: 20px;
  padding: 6px;
  z-index: 2;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -o-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.oefenweb #trophyShop #trophyShopList,
.rekentuin #trophyShop #trophyShopList {
  line-height: 0.7em;
  text-align: center;
}
.oefenweb #trophyShop #trophyShopList a,
.rekentuin #trophyShop #trophyShopList a {
  margin-right: 5px;
  text-decoration: none;
}
.oefenweb #trophyShop #trophyShopList img,
.rekentuin #trophyShop #trophyShopList img {
  width: 27px;
  height: 27px;
  margin: 1px;
}
.oefenweb #trophyShop #trophyShopList img.selected,
.rekentuin #trophyShop #trophyShopList img.selected {
  box-shadow: 0 0 0 2px #f89406;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.oefenweb #trophyShop #logo,
.rekentuin #trophyShop #logo {
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 6;
}
.oefenweb #trophyShop #trophyShopDetails,
.rekentuin #trophyShop #trophyShopDetails,
.oefenweb #trophyShop #trophyShopDetailsBuy,
.rekentuin #trophyShop #trophyShopDetailsBuy,
.oefenweb #trophyShop #trophyShopDetailsSell,
.rekentuin #trophyShop #trophyShopDetailsSell {
  line-height: 1.3em;
  color: #532E1F;
  margin-top: 10px;
  text-align: center;
}
.oefenweb #trophyShop #trophyNameSell,
.rekentuin #trophyShop #trophyNameSell,
.oefenweb #trophyShop #trophyNameBuy,
.rekentuin #trophyShop #trophyNameBuy {
  font-weight: bold;
}
.oefenweb #trophyShop #restrictionMessages,
.rekentuin #trophyShop #restrictionMessages {
  display: none;
  margin-top: 5px;
  background-color: #f89406;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.oefenweb #trophyShop #restrictionMessages span,
.rekentuin #trophyShop #restrictionMessages span {
  margin: 5px;
}
.oefenweb #trophyShop #trophyButtons,
.rekentuin #trophyShop #trophyButtons {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 7px;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy,
.rekentuin #trophyShop #trophyButtons a#buyTrophy,
.oefenweb #trophyShop #trophyButtons a#sellTrophy,
.rekentuin #trophyShop #trophyButtons a#sellTrophy {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -o-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  appearance: none;
  padding: 8px 16px;
  background-color: #00a470;
  border: none;
  border-bottom: 3px solid #00714d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: inherit;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 20px;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy:focus,
.rekentuin #trophyShop #trophyButtons a#buyTrophy:focus,
.oefenweb #trophyShop #trophyButtons a#sellTrophy:focus,
.rekentuin #trophyShop #trophyButtons a#sellTrophy:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy:hover,
.rekentuin #trophyShop #trophyButtons a#buyTrophy:hover,
.oefenweb #trophyShop #trophyButtons a#sellTrophy:hover,
.rekentuin #trophyShop #trophyButtons a#sellTrophy:hover,
.oefenweb #trophyShop #trophyButtons a#buyTrophy:focus,
.rekentuin #trophyShop #trophyButtons a#buyTrophy:focus,
.oefenweb #trophyShop #trophyButtons a#sellTrophy:focus,
.rekentuin #trophyShop #trophyButtons a#sellTrophy:focus {
  color: #333;
  text-decoration: none;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy:active,
.rekentuin #trophyShop #trophyButtons a#buyTrophy:active,
.oefenweb #trophyShop #trophyButtons a#sellTrophy:active,
.rekentuin #trophyShop #trophyButtons a#sellTrophy:active,
.oefenweb #trophyShop #trophyButtons a#buyTrophy.active,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.active,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.active,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy.disabled,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.disabled,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.disabled,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.disabled,
.oefenweb #trophyShop #trophyButtons a#buyTrophy[disabled],
.rekentuin #trophyShop #trophyButtons a#buyTrophy[disabled],
.oefenweb #trophyShop #trophyButtons a#sellTrophy[disabled],
.rekentuin #trophyShop #trophyButtons a#sellTrophy[disabled],
fieldset[disabled] .oefenweb #trophyShop #trophyButtons a#buyTrophy,
fieldset[disabled] .rekentuin #trophyShop #trophyButtons a#buyTrophy,
fieldset[disabled] .oefenweb #trophyShop #trophyButtons a#sellTrophy,
fieldset[disabled] .rekentuin #trophyShop #trophyButtons a#sellTrophy {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy:focus,
.rekentuin #trophyShop #trophyButtons a#buyTrophy:focus,
.oefenweb #trophyShop #trophyButtons a#sellTrophy:focus,
.rekentuin #trophyShop #trophyButtons a#sellTrophy:focus {
  outline: none;
  color: #fff;
  background-color: #00a470;
  border-bottom-color: #00714d;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy:active,
.rekentuin #trophyShop #trophyButtons a#buyTrophy:active,
.oefenweb #trophyShop #trophyButtons a#sellTrophy:active,
.rekentuin #trophyShop #trophyButtons a#sellTrophy:active {
  background-color: #00714d;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy.answered,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.answered,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.answered,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.answered {
  pointer-events: none;
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy.correct-answer,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.correct-answer,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.correct-answer,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.correct-answer,
.oefenweb #trophyShop #trophyButtons a#buyTrophy.correct,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.correct,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.correct,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.correct {
  background-color: #2ecd71;
  border-bottom-color: #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy.incorrect-answer,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.incorrect-answer,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.incorrect-answer,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.incorrect-answer,
.oefenweb #trophyShop #trophyButtons a#buyTrophy.incorrect,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.incorrect,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.incorrect,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.incorrect {
  background-color: #e84c3d;
  border-bottom-color: #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.oefenweb #trophyShop #trophyButtons a#buyTrophy.disabled,
.rekentuin #trophyShop #trophyButtons a#buyTrophy.disabled,
.oefenweb #trophyShop #trophyButtons a#sellTrophy.disabled,
.rekentuin #trophyShop #trophyButtons a#sellTrophy.disabled {
  background-color: #d7dbdf;
  border-bottom-color: #c3c8ce;
  pointer-events: none;
}
.oefenweb #trophyShop #gardenTabs:before,
.rekentuin #trophyShop #gardenTabs:before,
.oefenweb #trophyShop #gardenTabs:after,
.rekentuin #trophyShop #gardenTabs:after {
  content: " ";
  display: table;
}
.oefenweb #trophyShop #gardenTabs:after,
.rekentuin #trophyShop #gardenTabs:after {
  clear: both;
}
.oefenweb #trophyShop #gardenTabs a,
.rekentuin #trophyShop #gardenTabs a {
  position: absolute;
  background-repeat: no-repeat;
}
.oefenweb #trophyShop #gardenTabs a#gardenTab_trophyShopBuy,
.rekentuin #trophyShop #gardenTabs a#gardenTab_trophyShopBuy {
  background-image: url("/img/trophies/koop.png?rev=1778068871");
  background-size: 42px;
  height: 26px;
  width: 43px;
  top: 15px;
  left: 38px;
}
.oefenweb #trophyShop #gardenTabs a#gardenTab_trophyShopSell,
.rekentuin #trophyShop #gardenTabs a#gardenTab_trophyShopSell {
  background-image: url(/img/trophies/verkoop.png?rev=1778068871);
  background-size: 42px;
  height: 28px;
  width: 42px;
  top: 12px;
  right: 33px;
}
.taalzee #trophies1 {
  position: absolute;
  width: 1000px;
  height: 550px;
  background-image: url('../../../../theme/Taalzee/img/trophies/bg.jpg?rev=1778068871');
  background-size: 1000px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.taalzee #trophyBackground {
  position: absolute;
  top: 79px;
  left: 77px;
  width: 641px;
  height: 391px;
}
.taalzee #trophyPriceSign {
  position: absolute;
  right: 63px;
  top: -38px;
  width: 429px;
  height: 553px;
}
.taalzee #trophyBackground #trophycabinet {
  background-image: url('../../../../theme/Taalzee/img/trophies/k0.png?rev=1778068871');
  background-size: 393px;
  background-repeat: no-repeat;
  position: absolute;
  left: 80px;
  top: -25px;
  z-index: 0;
  height: 377px;
  width: 390px;
}
.taalzee #garden div#gardenTabs {
  margin-left: 20px;
}
.taalzee #garden div#gardenTabs a {
  width: 44px;
  height: 38px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.taalzee #garden div#gardenTabs a.selected {
  color: #333;
}
.taalzee #garden div#gardenTabs a#gardenTab_trophyShopBuy {
  background-image: url('../../../../theme/Taalzee/img/trophies/koop.png?rev=1778068871');
  position: absolute;
  top: 104px;
  right: 280px;
  z-index: 4;
}
.taalzee #garden div#gardenTabs a#gardenTab_trophyShopSell {
  background-image: url('../../../../theme/Taalzee/img/trophies/verkoop.png?rev=1778068871');
  position: absolute;
  top: 104px;
  right: 228px;
  z-index: 4;
}
.taalzee #garden div#trophyShopBuy,
.taalzee #garden div#trophyShopSell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 170px;
  width: 160px;
  position: absolute;
  top: 75px;
  right: 140px;
  padding-left: 9px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.taalzee #garden div#trophyShopBuy *,
.taalzee #garden div#trophyShopSell * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.taalzee #garden div#trophyShopList {
  position: absolute;
  left: -47px;
  top: 80px;
  width: 140px;
  line-height: 0.7em;
}
.taalzee #garden div#trophyShopList a {
  text-decoration: none;
}
.taalzee #garden div#trophyShopList img {
  width: 27px;
  height: 27px;
  margin: 1px;
}
.taalzee #garden div#trophyShopList img.selected {
  box-shadow: 0 0 0 2px #c0392b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.taalzee #garden div#trophyShopDetails,
.taalzee #garden div#trophyShopDetailsBuy,
.taalzee #garden div#trophyShopDetailsSell {
  position: absolute;
  top: 196px;
  right: 76px;
  width: 126px;
  color: white;
  text-align: center;
}
.taalzee #trophyNameSell,
.taalzee #trophyNameBuy {
  font-weight: bold;
}
.taalzee div#trophyButtons {
  width: 146px;
  height: 28px;
  text-align: center;
  margin-bottom: 2px;
}
.taalzee div#restrictionMessages {
  display: none;
  margin-bottom: -24px;
  background-color: #F00;
  text-align: center;
  color: #FFF;
}
.taalzee a#buyTrophy {
  display: block;
  background-color: #003e2a;
  background-position: 3px center;
  background-repeat: no-repeat;
  color: #FFF;
  height: 28px;
  margin: 0 30px;
  text-align: center;
  -webkit-border-radius: 14px;
  /* Safari, Chrome */
  -moz-border-radius: 14px;
  /* Firefox */
  -ms-border-radius: 14px;
  /* IE */
  border-radius: 14px;
  /* CSS3 */
  font-weight: bold;
  line-height: 2em;
  width: 75px;
  position: absolute;
  top: 251px;
  right: 73px;
}
.taalzee a#sellTrophy {
  display: block;
  position: absolute;
  top: 253px;
  right: 70px;
  background-color: #003e2a;
  background-position: 3px center;
  background-repeat: no-repeat;
  color: #FFF;
  height: 28px;
  margin: 0 30px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 2em;
  -webkit-border-radius: 14px;
  /* Safari, Chrome */
  -moz-border-radius: 14px;
  /* Firefox */
  -ms-border-radius: 14px;
  /* IE */
  border-radius: 14px;
  /* CSS3 */
}
.taalzee a#sellTrophy span,
.taalzee a#buyTrophy span {
  background: none;
  color: #FFF;
  border: 1px solid #FFF;
  font-weight: bold;
  float: left;
  width: 11px;
  text-align: center;
  height: 12px;
  margin: 3px;
  line-height: 10px;
}
.wordsandbirds #trophies1 {
  position: absolute;
  width: 1000px;
  height: 550px;
  background-image: url('../../../../theme/WordsAndBirds/img/trophies/trophies_branch.jpg?rev=1778068871');
  border-radius: 10px;
}
.wordsandbirds #trophyBackground {
  position: absolute;
  height: 550px;
  width: 1000px;
  overflow: hidden;
}
.wordsandbirds #trophyBackground #trophycabinet {
  background-image: url('../../../../theme/WordsAndBirds/img/trophies/k0.png?rev=1778068871');
  background-repeat: no-repeat;
  position: absolute;
  left: -6px;
  top: 119px;
  z-index: 0;
  height: 431px;
  width: 980px;
}
.wordsandbirds #garden div#gardenTabs a {
  width: 44px;
  height: 38px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.wordsandbirds #garden div#gardenTabs a.selected {
  color: #333;
}
.wordsandbirds #garden div#gardenTabs a#gardenTab_trophyShopBuy {
  background-image: url('../../../../theme/WordsAndBirds/img/trophies/koop.png?rev=1778068871');
  position: absolute;
  top: 445px;
  right: 179px;
  z-index: 4;
}
.wordsandbirds #garden div#gardenTabs a#gardenTab_trophyShopSell {
  background-image: url('../../../../theme/WordsAndBirds/img/trophies/verkoop.png?rev=1778068871');
  position: absolute;
  top: 478px;
  right: 178px;
  z-index: 4;
}
.wordsandbirds #garden div#trophyShopBuy,
.wordsandbirds #garden div#trophyShopSell {
  height: 170px;
  width: 180px;
  position: absolute;
  top: 75px;
  right: 116px;
  padding-left: 9px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.wordsandbirds #garden div#trophyShopList {
  position: absolute;
  top: 369px;
  left: -690px;
  width: 821px;
  height: 75px;
  line-height: 0.7em;
  background-color: #b392c4;
  border-radius: 100px;
  padding-top: 12px;
  padding-left: 12px;
  z-index: 2;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.wordsandbirds #garden div#trophyShopList a {
  text-decoration: none;
}
.wordsandbirds #garden div#trophyShopList img {
  width: 45px;
  height: 45px;
  margin: 1px;
}
.wordsandbirds #garden div#trophyShopList img.selected {
  box-shadow: 0 0 0 2px #e84c3d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.wordsandbirds #garden div#trophyShopDetails,
.wordsandbirds #garden div#trophyShopDetailsBuy,
.wordsandbirds #garden div#trophyShopDetailsSell {
  position: absolute;
  top: 380px;
  right: 185px;
  width: 122px;
  color: white;
  font-size: 15px;
  text-align: center;
  z-index: 3;
}
.wordsandbirds #trophyNameSell,
.wordsandbirds #trophyNameBuy {
  font-weight: bold;
}
.wordsandbirds div#trophyButtons {
  width: 146px;
  height: 28px;
  text-align: center;
  margin-bottom: 2px;
}
.wordsandbirds div#restrictionMessages {
  display: none;
  margin-bottom: -24px;
  background-color: #f89406;
  text-align: center;
  color: #FFF;
  font-size: 12.8px;
  border-radius: 10px;
  position: absolute;
  top: -44px;
  right: 75px;
  width: 359px;
}
.wordsandbirds #trophyRestrictedLvl2,
.wordsandbirds #trophyRestrictedLvl3 {
  margin: 7px;
}
.wordsandbirds a#buyTrophy {
  display: block;
  position: absolute;
  top: 391px;
  right: 119px;
  z-index: 5;
  background-color: #003e2a;
  background-position: 3px center;
  background-repeat: no-repeat;
  color: #FFF;
  height: 31px;
  padding: 2px 20px 0px;
  text-align: center;
  font-weight: bold;
  line-height: 26px;
  -webkit-border-radius: 14px;
  /* Safari, Chrome */
  -moz-border-radius: 14px;
  /* Firefox */
  -ms-border-radius: 14px;
  /* IE */
  border-radius: 14px;
  /* CSS3 */
}
.wordsandbirds a#sellTrophy {
  display: block;
  position: absolute;
  top: 391px;
  right: 118px;
  background-color: #003e2a;
  background-position: 3px center;
  background-repeat: no-repeat;
  color: #FFF;
  height: 31px;
  padding: 0px 10px 0px;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  z-index: 5;
  -webkit-border-radius: 14px;
  /* Safari, Chrome */
  -moz-border-radius: 14px;
  /* Firefox */
  -ms-border-radius: 14px;
  /* IE */
  border-radius: 14px;
  /* CSS3 */
}
.wordsandbirds a#sellTrophy span,
.wordsandbirds a#buyTrophy span {
  background: none;
  color: #FFF;
  border: 1px solid #FFF;
  font-weight: bold;
  float: left;
  width: 11px;
  text-align: center;
  height: 12px;
  margin: 3px;
  line-height: 10px;
}
.app.videos-controller #manual {
  margin: 60px 0 0 60px;
}
.app.instructions-controller #instructions_game {
  position: absolute;
  margin: 60px 0 0 60px;
}
.app.instructions-controller #instructions_game img {
  vertical-align: middle;
}
.app.instructions-controller #instructions_game a.white {
  color: #fff;
}
.app.instructions-controller #instructions_game a.white:hover {
  color: #fff;
}
.app.instructions-controller .video,
.app.instructions-controller .instructions {
  vertical-align: top;
  margin-right: 10px;
}
.app.instructions-controller .video .panel-header,
.app.instructions-controller .instructions .panel-header {
  padding: 10px 20px;
  color: #c3c8ce;
}
.app.instructions-controller .video .panel-header .icon,
.app.instructions-controller .instructions .panel-header .icon {
  float: left;
  margin-right: 5px;
}
/* --- Manuals --- */
.app #manual {
  width: 850px;
  height: 550px;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.app #manual #manual_back {
  margin: 0 80px;
  padding: 10px;
}
.app #manual #manual_back .btn-back {
  color: white;
  font-size: 16px;
  padding: 5px;
  border-radius: 5px;
}
.app #manual #manual_back .btn-back:hover {
  color: #00a470;
  background-color: white;
}
.app #manual #manual_box {
  width: 750px;
  height: 480px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.app #manual #manual_content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 670px;
  height: 420px;
  overflow-y: scroll;
  background: #fff;
  padding: 0 40px 60px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.app #manual #manual_content img {
  max-width: 100%;
  height: auto;
}
.app #manual #manual_content h2 + img {
  margin-top: 1em;
}
.app #manual #manual_content h2,
.app #manual #manual_content h3,
.app #manual #manual_content h4 {
  margin-top: 1em;
  color: #00a470;
}
.app #manual #manual_content h2 {
  margin: 0 -40px;
  padding: 20px 30px;
  border-bottom: 1px solid #ebecef;
}
.app #manual #manual_content p,
.app #manual #manual_content td,
.app #manual #manual_content ul > li {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #737f8e;
}
/* --- Feature panel --- */
#manual #manual_content div:first-of-type {
  padding-top: 20px;
}
#manual #manual_content .feature-message {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
#manual #manual_content .feature-message h1,
#manual #manual_content .feature-message h2,
#manual #manual_content .feature-message h3,
#manual #manual_content .feature-message h4 {
  color: #00a470;
  border-bottom: none;
  margin: 10px 0;
  padding: 0;
  line-height: normal;
}
#manual #manual_content .feature-message h1 {
  font-size: 24px;
}
#manual #manual_content .feature-message h2 {
  font-size: 20px;
}
#manual #manual_content .feature-message h3 {
  font-size: 16px;
}
.app .panel {
  display: inline-block;
  min-width: 200px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.app .panel a {
  color: #00a470;
}
.app .panel .panel-header {
  padding: 20px;
  line-height: 20px;
  color: #00a470;
}
.app .panel .panel-header .btn-back {
  display: inline-block;
  float: left;
  margin-top: -10px;
  margin-right: 10px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 20px;
}
.app .panel .panel-header .btn-back:hover,
.app .panel .panel-header .btn-back:focus {
  color: #00714d;
  background-color: #ebecef;
}
.app .panel .panel-header h4,
.app .panel .panel-header h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app .panel ul {
  padding: 0;
  list-style: none;
  border-top: 1px solid #ebecef;
  border-bottom: 1px solid #ebecef;
}
.app .panel ul li {
  line-height: 40px;
}
.app .panel ul li + li {
  border-top: 1px solid #ebecef;
}
.app .panel ul a {
  display: block;
  padding: 10px 20px;
  background-color: #f9f9fa;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app .panel ul a:hover,
.app .panel ul a:focus {
  background-color: #ebecef;
}
.app .panel ul a.recently-viewed {
  color: #9ba4ae;
}
.app .panel ul a.recently-viewed .badge {
  background-color: #d7dbdf;
}
.app .panel ul li.disabled {
  padding: 10px 20px;
  color: #c3c8ce;
}
.app .panel ul li.disabled .badge {
  background-color: transparent;
  color: #d7dbdf;
}
.app .panel ul.panel-list-small a {
  padding: 5px 20px;
  line-height: 20px;
}
.app .panel ul.panel-list-small li.disabled {
  padding: 5px 20px;
}
.app .panel ul .badge {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #00a470;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.6em;
  text-align: center;
}
.app .panel ul .badge .icon:before {
  margin-right: 0;
}
.app .panel .panel-footer {
  padding: 10px 20px;
}
.app .panel-speech {
  position: relative;
}
.c-animation {
  display: block;
  width: auto;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
}
.c-animation--error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.c-animation--error h4 {
  margin-top: 0;
  color: inherit;
}
.c-animation--error .alert-link {
  font-weight: bold;
}
.c-animation--error > p,
.c-animation--error > ul {
  margin-bottom: 0;
}
.c-animation--error > p + p {
  margin-top: 5px;
}
.c-animation--error hr {
  border-top-color: #f7e1b5;
}
.c-animation--error .alert-link {
  color: #66512c;
}
#birth-month-animation {
  font-size: 100px;
  color: rgba(255, 255, 255, 0.9);
}
/* --- UI animations --- */
@-webkit-keyframes appear {
  0% {
    -webkit-transform: scale(0);
    -webkit-opacity: 0.25;
  }
  80% {
    -webkit-transform: scale(1.1);
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -webkit-opacity: 1;
  }
}
@-webkit-keyframes slideTop {
  0% {
    -webkit-transform: translateY(-100%);
    -webkit-opacity: 0.25;
  }
  80% {
    -webkit-transform: translateY(10%);
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
}
@-webkit-keyframes slideBelow {
  0% {
    -webkit-transform: translateY(200%);
    -webkit-opacity: 0.25;
  }
  80% {
    -webkit-transform: translateY(-10%);
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
}
@-webkit-keyframes rotateRight {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(5deg);
  }
  100% {
    transform: scale(0deg);
  }
}
@-webkit-keyframes rotateLeft {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  100% {
    transform: scale(0deg);
  }
}
@-webkit-keyframes jump {
  0% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes appear {
  0% {
    -moz-transform: scale(0);
    -moz-opacity: 0.25;
  }
  80% {
    -moz-transform: scale(1.1);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    -moz-opacity: 1;
  }
}
@-moz-keyframes slideTop {
  0% {
    -moz-transform: translateY(-100%);
    -moz-opacity: 0.25;
  }
  80% {
    -moz-transform: translateY(10%);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: translateY(0);
    -moz-opacity: 1;
  }
}
@-moz-keyframes slideBelow {
  0% {
    -moz-transform: translateY(200%);
    -moz-opacity: 0.25;
  }
  80% {
    -moz-transform: translateY(-10%);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: translateY(0);
    -moz-opacity: 1;
  }
}
@-moz-keyframes rotateRight {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(5deg);
  }
  100% {
    transform: scale(0deg);
  }
}
@-moz-keyframes rotateLeft {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  100% {
    transform: scale(0deg);
  }
}
@-moz-keyframes jump {
  0% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes appear {
  0% {
    transform: scale(0);
    opacity: 0.25;
  }
  80% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slideTop {
  0% {
    transform: translateY(-100%);
    opacity: 0.25;
  }
  80% {
    transform: translateY(10%);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideBelow {
  0% {
    transform: translateY(200%);
    opacity: 0.25;
  }
  80% {
    transform: translateY(-10%);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotateRight {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(5deg);
  }
  100% {
    transform: scale(0deg);
  }
}
@keyframes rotateLeft {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  100% {
    transform: scale(0deg);
  }
}
@keyframes jump {
  0% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes swim {
  0% {
    transform: translateY(0);
  }
  33% {
    transform: translateY(5px);
  }
  66% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes swim {
  0% {
    transform: translateY(0);
  }
  33% {
    transform: translateY(5px);
  }
  66% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
.c-positioner {
  /* override default ul style */
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 100%;
  box-sizing: border-box;
}
.c-stage {
  display: block;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-repeat: no-repeat;
  background-size: 1000px;
  height: 550px;
}
#stage_fg {
  z-index: 2;
}
.app #app-switcher-handle {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 5px;
  top: 10px;
  right: 15px;
  z-index: 3;
  color: #fff;
  display: none;
  position: absolute;
  font-family: entypo;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  -moz-transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  -o-transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  cursor: pointer;
}
.app #app-switcher-handle:before {
  margin-right: 0;
}
.app #app-switcher-handle:hover {
  text-decoration: none;
  background-color: #00a470;
  color: #fff;
}
.app #app-switcher-handle.active:hover {
  color: #00a470;
  background-color: #fff;
}
.app.rekentuin.videos-controller #app-switcher-handle,
.app.taalzee.videos-controller #app-switcher-handle,
.app.wordsandbirds.videos-controller #app-switcher-handle,
.app.rekentuin.instructions-controller #app-switcher-handle,
.app.taalzee.instructions-controller #app-switcher-handle,
.app.wordsandbirds.instructions-controller #app-switcher-handle,
.app.rekentuin.garden-action #app-switcher-handle,
.app.taalzee.garden-action #app-switcher-handle,
.app.wordsandbirds.garden-action #app-switcher-handle,
.app.rekentuin.sub_garden-action #app-switcher-handle,
.app.taalzee.sub_garden-action #app-switcher-handle,
.app.wordsandbirds.sub_garden-action #app-switcher-handle,
.app.rekentuin.advice_games-action #app-switcher-handle,
.app.taalzee.advice_games-action #app-switcher-handle,
.app.wordsandbirds.advice_games-action #app-switcher-handle,
.app.rekentuin.trophies-controller #app-switcher-handle,
.app.taalzee.trophies-controller #app-switcher-handle,
.app.wordsandbirds.trophies-controller #app-switcher-handle,
.app.rekentuin.growth_card-action #app-switcher-handle,
.app.taalzee.growth_card-action #app-switcher-handle,
.app.wordsandbirds.growth_card-action #app-switcher-handle,
.app.rekentuin.login-action #app-switcher-handle,
.app.taalzee.login-action #app-switcher-handle,
.app.wordsandbirds.login-action #app-switcher-handle {
  display: block;
}
.app.wordsandbirds #app-switcher-handle {
  -webkit-animation: appearFade 2s;
  -moz-animation: appearFade 2s;
  animation: appearFade 2s;
}
.app #app-switcher-inset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 53px;
  right: 5px;
  min-height: 10rem;
  background-color: white;
  z-index: 99;
  height: auto;
  padding: 10px 0;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 0px 0px;
  display: none;
}
.app #app-switcher-inset:before,
.app #app-switcher-inset:after {
  content: " ";
  display: table;
}
.app #app-switcher-inset:after {
  clear: both;
}
.app #app-switcher-inset a {
  display: block;
  padding: 0.25rem 1.5rem;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
}
.app #app-switcher-inset .app-switcher-button:hover {
  background-color: #eee;
}
.app #app-switcher-inset .app-switcher-button.current {
  background-color: #eee;
}
.app #app-switcher-inset .app-switcher-button .logo {
  width: 220px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}
.app #app-switcher-inset .app-switcher-button .logo.rekentuin {
  background-image: url('/theme/Rekentuin/img/garden/logo_switcher.png?rev=1778068871');
}
.app #app-switcher-inset .app-switcher-button .logo.taalzee {
  background-image: url('/theme/Taalzee/img/garden/logo_switcher.png?rev=1778068871');
}
.app #app-switcher-inset .app-switcher-button .logo.wordsandbirds {
  background-image: url('/theme/WordsAndBirds/img/garden/logo_switcher.png?rev=1778068871');
}
.app #app-switcher-inset .app-switcher-button .logo.go {
  background-image: url('/img/logo_switcher.png?rev=1778068871');
}
.app #content.open #app-switcher-inset {
  display: block;
}
.app #overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  display: none;
}
.app #overlay.open {
  display: block;
}
.results-controller.growth_card-action #content_for_layout {
  width: 744px;
  height: 500px;
  margin-top: 20px;
  margin-left: 20px;
  background-color: #fff;
  border-radius: 10px;
}
.results-controller.growth_card-action #content_for_layout .growth-card {
  height: 370px;
  width: 703px;
  margin-left: 20px;
  overflow-y: scroll;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  text-align: center;
  background-color: #fff;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain {
  display: block;
  width: auto;
  height: 100%;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .domain_overview {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: 100%;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .domain_overview:hover .domain_overview_icon {
  color: #666;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .domain_overview_icon {
  font-family: sspika;
  font-size: 16px;
  position: absolute;
  margin-top: 25px;
  height: 100%;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.2);
}
.results-controller.growth_card-action #content_for_layout .header {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 110px;
  margin-left: 65px;
}
.results-controller.growth_card-action #content_for_layout .header .logo {
  float: left;
  margin-left: -40px;
  margin-top: 10px;
}
.results-controller.growth_card-action #content_for_layout .header .logo h2 {
  font-family: inherit;
  font-size: 36px;
  font-weight: normal;
  text-transform: capitalize;
}
.results-controller.growth_card-action #content_for_layout .header .player-name {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  color: #737f8e;
}
.results-controller.growth_card-action #content_for_layout .header #playerInfo {
  float: right;
  text-align: left;
  margin-right: 30px;
  margin-top: 18px;
  color: #737f8e;
  padding: 8px;
  border-radius: 5px;
  background-color: rgba(115, 127, 142, 0.1);
  width: auto;
}
.results-controller.growth_card-action #content_for_layout .domain .medal {
  position: absolute;
  width: 30px;
  background-size: 30px;
}
.results-controller.growth_card-action #content_for_layout .domain .medal.rank-1 {
  background-image: url('/img/garden/growth_card/medal_gold.png?rev=1778068871');
}
.results-controller.growth_card-action #content_for_layout .domain .medal.rank-2 {
  background-image: url('/img/garden/growth_card/medal_silver.png?rev=1778068871');
}
.results-controller.growth_card-action #content_for_layout .domain .medal.rank-3 {
  background-image: url('/img/garden/growth_card/medal_bronze.png?rev=1778068871');
}
.results-controller.growth_card-action #content_for_layout .domain img.portal {
  display: none;
}
.results-controller.growth_card-action #content_for_layout .sign.action-locked span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.results-controller.growth_card-action #content_for_layout .sign.action-locked span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.results-controller.growth_card-action #content_for_layout .sign.action-locked:hover > .tooltip,
.results-controller.growth_card-action #content_for_layout .sign.action-locked:active > .tooltip {
  display: block;
}
.results-controller.growth_card-action #content_for_layout .sign.action-locked span.tooltip {
  background-color: #000000ba;
  left: 115%;
  font-weight: 400;
  text-transform: none;
  font-size: 1.1em;
}
.results-controller.growth_card-action #content_for_layout .sign.action-locked span.tooltip::after {
  top: 50%;
  right: 100%;
  border-right-color: #000000ba;
}
.results-controller.growth_card-action.rekentuin #content_for_layout .header h2,
.results-controller.growth_card-action.oefenweb #content_for_layout .header h2 {
  color: #00a470;
}
.results-controller.growth_card-action.rekentuin #content_for_layout .growth-card .domain .rank .sign,
.results-controller.growth_card-action.oefenweb #content_for_layout .growth-card .domain .rank .sign {
  background: url('/img/skins/world/sign.png?rev=1778068871') no-repeat top center;
  background-size: 100% 100%;
  margin: 3px;
  color: #FFE805;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px;
  height: 65px;
  min-width: 80px;
  z-index: 1;
}
.results-controller.growth_card-action.rekentuin #content_for_layout .growth-card .domain .rank a.sign:hover,
.results-controller.growth_card-action.oefenweb #content_for_layout .growth-card .domain .rank a.sign:hover {
  animation: rotateRight 0.5s ease-out;
  transform-origin: center bottom;
}
.results-controller.growth_card-action.taalzee #content_for_layout .header h2 {
  color: #2fb6bc;
}
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign {
  background: url('/theme/Taalzee/img/skins/world/shell.png?rev=1778068871') no-repeat top center;
  background-size: 100% 100%;
  width: 111px;
  height: 66px;
  line-height: 1.2em;
  color: #505949;
  z-index: 1;
}
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign.action-locked span.tooltip {
  left: 125px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign.action-locked .lock {
  background-color: #505949;
  padding: 7px;
  border-radius: 50%;
  color: #fff;
}
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign .domain-name {
  position: relative;
  top: 12px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign .medal.rank-1,
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign .medal.rank-2,
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain .sign .medal.rank-3 {
  top: 35px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .growth-card .domain a.sign:hover {
  animation: jump 0.3s ease-out;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .header {
  background: url('/theme/Rekentuin/img/garden/growth_card/clover.png?rev=1778068871') no-repeat left 20px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .header .logo h2 {
  color: #00a470;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .header .player-name {
  margin-top: -15px;
  text-align: center;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .header #playerInfo {
  margin-right: 35px;
  margin-top: 20px;
  line-height: 22px;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13.6px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .header #playerInfo th {
  width: 50px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .header #playerInfo td {
  padding-left: 5px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .header .logo,
.results-controller.growth_card-action.rekentuin #content_for_layout .header .logo,
.results-controller.growth_card-action.oefenweb #content_for_layout .header .logo {
  background: url('/theme/Rekentuin/img/garden/growth_card/clover.png?rev=1778068871') no-repeat center;
  height: 100px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .header .logo h2,
.results-controller.growth_card-action.rekentuin #content_for_layout .header .logo h2,
.results-controller.growth_card-action.oefenweb #content_for_layout .header .logo h2 {
  padding-top: 30px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .header .player-name,
.results-controller.growth_card-action.rekentuin #content_for_layout .header .player-name,
.results-controller.growth_card-action.oefenweb #content_for_layout .header .player-name {
  text-align: center;
  line-height: 14px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .header #playerInfo td,
.results-controller.growth_card-action.rekentuin #content_for_layout .header #playerInfo td,
.results-controller.growth_card-action.oefenweb #content_for_layout .header #playerInfo td {
  padding-left: 5px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain {
  border-bottom: 1px solid #eee;
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank {
  width: 130px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .sign,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .sign,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .sign {
  position: relative;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .sign .action,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .sign .action,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .sign .action {
  position: absolute;
  right: 0;
  font-family: entypo;
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .sign.action-locked .lock,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .sign.action-locked .lock,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .sign.action-locked .lock {
  position: absolute;
  right: 5px;
  top: 26px;
  font-family: sspika;
  color: #ffffff90;
  font-size: 16px;
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .medal,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .medal,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .medal {
  top: 25px;
  left: 0;
  height: 39px;
  padding-top: 6px;
  color: rgba(255, 255, 255, 0.5);
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .medal.rank-1,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .medal.rank-1,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .medal.rank-1,
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .medal.rank-2,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .medal.rank-2,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .medal.rank-2,
.results-controller.growth_card-action.taalzee #content_for_layout .domain .rank .medal.rank-3,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .rank .medal.rank-3,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .rank .medal.rank-3 {
  background-repeat: no-repeat;
  color: #fff;
}
.results-controller.growth_card-action.taalzee #content_for_layout .domain .age:before,
.results-controller.growth_card-action.rekentuin #content_for_layout .domain .age:before,
.results-controller.growth_card-action.oefenweb #content_for_layout .domain .age:before {
  content: '';
  font-family: entypo;
  font-style: normal;
  font-size: 2em;
  top: 5px;
  left: 6px;
  display: block;
  position: absolute;
  color: #c1c1c1;
}
.results-controller.growth_card-action.taalzee #content_for_layout .best-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .best-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .best-domain {
  background-color: #edffed;
}
.results-controller.growth_card-action.taalzee #content_for_layout .second-best-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .second-best-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .second-best-domain {
  background-color: #f3fff3;
}
.results-controller.growth_card-action.taalzee #content_for_layout .third-best-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .third-best-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .third-best-domain {
  background-color: #f9fff9;
}
.results-controller.growth_card-action.taalzee #content_for_layout .average-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .average-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .average-domain {
  background-color: #fff;
}
.results-controller.growth_card-action.taalzee #content_for_layout .worst-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .worst-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .worst-domain {
  background-color: #fff5c2;
}
.results-controller.growth_card-action.taalzee #content_for_layout .second-worst-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .second-worst-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .second-worst-domain {
  background-color: #fff8d6;
}
.results-controller.growth_card-action.taalzee #content_for_layout .third-worst-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .third-worst-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .third-worst-domain {
  background-color: #fffceb;
}
.results-controller.growth_card-action.taalzee #content_for_layout .unranked-domain,
.results-controller.growth_card-action.rekentuin #content_for_layout .unranked-domain,
.results-controller.growth_card-action.oefenweb #content_for_layout .unranked-domain {
  background-color: #f0f5f6;
}
.results-controller.growth_card-action.oefenweb #content_for_layout .header .logo {
  background: url('/theme/Oefenweb/img/garden/growth_card/clover.png?rev=1778068871') no-repeat center;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview {
  position: relative;
  display: block;
  height: 74px;
  padding: 10px;
  background-color: #e4ffe5;
  box-shadow: 0px 1px 1px 0px #adadad;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview h3 {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #666;
  float: left;
  margin: 31px 66px 0 20px ;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-total,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-week,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-today,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-lastplayed {
  float: left;
  margin-top: 16px;
  width: 100px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-total dl dd,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-week dl dd,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-today dl dd,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-lastplayed dl dd {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 28px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-total dl dt,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-week dl dt,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-today dl dt,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-lastplayed dl dt {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  letter-spacing: 0.3px;
  line-height: 14px;
  text-transform: uppercase;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-total p,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-week p,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-today p,
.results-controller.growth_card-action #content_for_layout .growth-card .domain-overview .domain-overview-lastplayed p {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  letter-spacing: 0.3px;
  line-height: 14px;
  text-transform: uppercase;
  margin-top: 0px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain {
  position: relative;
  display: block;
  padding: 10px;
  height: 74px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain h3,
.results-controller.growth_card-action #content_for_layout .growth-card .domain dl {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain dd {
  font-size: 30px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain dt {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.3px;
  line-height: 14px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .stars dt {
  font-weight: bold;
  font-size: 15px;
  margin-top: 2px;
  width: 90px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .rank {
  margin: 0px;
  float: left;
  font-size: 13px;
  height: 20px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .ordered-by {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .stars {
  float: left;
  height: 20px;
  margin: 12px 20px 0 0;
  text-align: left;
  width: 75px;
  padding-left: 15px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .stars .completed-crown {
  width: 70px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .stars .star {
  width: 15px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-total,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-week,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-today,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-lastplayed {
  float: left;
  height: 40px;
  margin-top: 26px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-total dl,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-week dl,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-today dl,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-lastplayed dl {
  width: 100px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-total dt,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-week dt,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-answered-today dt,
.results-controller.growth_card-action #content_for_layout .growth-card .domain .questions-lastplayed dt {
  position: relative;
  top: -40px;
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain .show-button {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  padding-top: 22px;
  font-family: entypo;
  font-size: 24px;
  text-decoration: none;
  color: #eee;
  color: rgba(0, 0, 0, 0.07);
}
.results-controller.growth_card-action #content_for_layout .growth-card .domain.open .show-button {
  display: none;
}
.results-controller.growth_card-action.wordsandbirds.app {
  text-align: center;
}
.results-controller.growth_card-action.wordsandbirds.app #content {
  position: relative;
  display: block;
  width: 1000px;
  height: 550px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.results-controller.growth_card-action.wordsandbirds.app #garden {
  height: inherit;
  width: inherit;
  background: url('../img/app_background.jpg?rev=1778068871') no-repeat center center;
  background-color: #837ebb;
  background-size: cover;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s 0 ease-in-out;
  transition: all 0.3s 0 ease-in-out;
  -webkit-transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  -moz-transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  -o-transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  transition: all 0.3s 0 ease-in-out 0.2s ease-out;
  -webkit-animation: appearFade 2s;
  -moz-animation: appearFade 2s;
  animation: appearFade 2s;
  z-index: 1;
  position: relative;
}
.results-controller.growth_card-action.wordsandbirds.app #garden #content-for-layout {
  background-color: #fff;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #flashy .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_robin_2_sprite.png?rev=1778068871");
  background-position: 7px -17px;
  background-size: 78%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #ducktator .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_duck_2_sprite.png?rev=1778068871");
  background-position: 32px -22px;
  width: 125px;
  background-size: 73%;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #chooser .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_greattit_2_sprite.png?rev=1778068871");
  background-position: 8px -24px;
  background-size: 94%;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #verby .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_kingfisher_2_sprite.png?rev=1778068871");
  background-position: -2px -38px;
  background-size: 111%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #shaper .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_swallow_2_sprite.png?rev=1778068871");
  background-position: -10px -24px;
  background-size: 90%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #twinny .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_toucan_2_sprite.png?rev=1778068871");
  background-position: -5px -17px;
  background-size: 70%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #wordo .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_flamingo_2_sprite.png?rev=1778068871");
  background-position: -9px -31px;
  background-size: 100%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #wordo-audio .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_hummingbird_2_sprite.png?rev=1778068871");
  background-position: 42px -21px;
  width: 137px;
  background-size: 70%;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #puzzle .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_owl_2_sprite.png?rev=1778068871");
  background-position: 10px -16px;
  background-size: 77%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #rhymy .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_parrot_2_sprite.png?rev=1778068871");
  background-position: -11px -25px;
  background-size: 94%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #what-is-it-uk .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_pelican_2_sprite.png?rev=1778068871");
  background-position: -5px -17px;
  background-size: 80%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #word-order .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_woodpecker_2_sprite.png?rev=1778068871");
  background-position: -15px -17px;
  background-size: 80%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card #what-do-you-read .sign:before {
  background-image: url("/theme/WordsAndBirds/img/birds/bird_pigeon_2_sprite.png?rev=1778068871");
  background-position: -5px -17px;
  background-size: 80%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview {
  background-color: #eaddf2;
  height: 81px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview h3 {
  color: #b392c4;
  margin: 6px 0px 0 20px ;
  width: 214px;
  padding-right: 145px;
  white-space: nowrap;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-total,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-week,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-today,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-lastplayed {
  margin-top: 12px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-total dl dd,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-week dl dd,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-today dl dd,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain-overview .domain-overview-lastplayed dl dd {
  color: #b392c4;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain {
  height: 81px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank {
  height: 100%;
  width: 155px;
  text-align: left;
  margin-right: 7px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 20px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign .domain-name {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #b392c4;
  position: relative;
  display: inline-block;
  padding: 4px 8px;
  font-weight: bold;
  line-height: 1em;
  color: #fff;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign .domain-name:hover {
  background-color: #837ebb;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign:before {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  display: block;
  width: 110px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 85%;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign.action-locked span.tooltip {
  left: 170px;
  top: 20px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign.action-locked .lock {
  position: absolute;
  left: 130px;
  font-family: sspika;
  color: #b392c4;
  font-size: 16px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 5px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign .medal {
  left: 100px;
  top: 29px;
  display: block;
  height: 45px;
  text-align: center;
  font-weight: bold;
  color: white;
  padding-top: 6px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .rank .sign .medal.rank-0 {
  display: none;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .stars {
  margin-top: -2px;
  margin-right: 0;
  padding-left: 0;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .stars dt {
  width: 80px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .domain .questions-answered-total dd {
  width: 100px;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card > div + div {
  border-top: 1px solid #eee;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .best-domain {
  background-color: #efe8f3;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .second-best-domain {
  background-color: #f6f2f8;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .third-best-domain {
  background-color: #fbf9fc;
}
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .questions-answered-total dd,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .questions-answered-week dd,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .questions-answered-today dd,
.results-controller.growth_card-action.wordsandbirds #content_for_layout .growth-card .questions-lastplayed dd {
  color: #b392c4;
}
.results-controller.growth_card-action.taalzee,
.results-controller.growth_card-action.rekentuin,
.results-controller.growth_card-action.oefenweb {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.results-controller.growth_card-action.taalzee a,
.results-controller.growth_card-action.rekentuin a,
.results-controller.growth_card-action.oefenweb a {
  font-weight: normal;
}
.results-controller.growth_card-action.taalzee #content,
.results-controller.growth_card-action.rekentuin #content,
.results-controller.growth_card-action.oefenweb #content {
  padding: 0;
  overflow: visible;
}
.results-controller.growth_card-action.taalzee #content #logo,
.results-controller.growth_card-action.rekentuin #content #logo,
.results-controller.growth_card-action.oefenweb #content #logo {
  min-width: inherit;
}
.results-controller.growth_card-action.taalzee a.escape,
.results-controller.growth_card-action.rekentuin a.escape,
.results-controller.growth_card-action.oefenweb a.escape {
  display: block;
  height: 30px;
  margin: 0 80px;
  padding: 20px;
  color: #fff;
}
.results-controller.growth_card-action.taalzee a.escape img,
.results-controller.growth_card-action.rekentuin a.escape img,
.results-controller.growth_card-action.oefenweb a.escape img {
  vertical-align: middle;
}
.results-controller.growth_card-action.taalzee a.escape .link,
.results-controller.growth_card-action.rekentuin a.escape .link,
.results-controller.growth_card-action.oefenweb a.escape .link {
  margin-left: 5px;
}
.results-controller.growth_card-action .growth-card .math-text {
  white-space: pre;
}
.results-controller.growth_card-action .growth-card .katex {
  font: normal 1em Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.results-controller.growth_card-action .growth-card .katex .textstyle > .mpunct + .mord {
  margin-left: 0px !important;
}
.results-controller.growth_card-action .growth-card .math-percent:before,
.results-controller.growth_card-action .growth-card .math-equals:before {
  content: '%';
  padding-right: 3px;
}
.results-controller.growth_card-action .growth-card .math-equals:before {
  content: '=';
}
.results-controller.show_bestworst-action #garden #results-by-game {
  width: 1000px;
  height: 550px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.results-controller.show_bestworst-action #garden #results-by-game::-webkit-scrollbar {
  display: none;
}
.results-controller.show_bestworst-action #garden #results-by-game #header {
  position: relative;
  display: block;
  padding: 20px 20px 0 20px;
  height: 160px;
  color: white;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.results-controller.show_bestworst-action #garden #results-by-game #header .portal-image {
  display: none;
}
.results-controller.show_bestworst-action #garden #results-by-game #header a[material-icon]::before {
  font-size: 24px;
}
.results-controller.show_bestworst-action #garden #results-by-game #header h1 {
  color: inherit;
  font-size: 30px;
  text-transform: lowercase;
  display: block;
  margin: 5px 0 5px 0;
  line-height: 1em;
}
.results-controller.show_bestworst-action #garden #results-by-game #header .btn-back {
  display: block;
  position: absolute;
  color: white;
  font-size: 16px;
  padding: 5px;
  border-radius: 5px;
  float: left;
  width: initial;
  height: initial;
  text-decoration: none;
}
.results-controller.show_bestworst-action #garden #results-by-game #header .btn-back:hover {
  color: #00a470;
  background-color: white;
}
.results-controller.show_bestworst-action #garden #results-by-game #header .stars img {
  max-height: 35px;
}
.results-controller.show_bestworst-action #garden #results-by-game #header .stars .star {
  width: 25px;
  margin: 0 2px;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar {
  background-color: white;
  position: absolute;
  bottom: 0;
  width: 1000px;
  height: 40px;
  left: 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid lightgray;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs {
  font-size: 16px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li {
  display: inline-block;
  color: #999;
  margin: 0 10px;
  padding: 10px 5px 5px 5px;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li.active {
  color: #00a470;
  border-bottom: 3px solid #00a470;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li.active a {
  color: #00a470;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li a {
  min-width: 100px;
  color: #999;
  text-decoration: none;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li a:before {
  margin-right: 0.2em;
  vertical-align: middle;
}
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li a:hover,
.results-controller.show_bestworst-action #garden #results-by-game #header #nav-bar #tabs li a:active {
  color: #00a470;
}
.results-controller.show_bestworst-action #garden #results-by-game #main {
  position: relative;
  background-color: #fff;
  font-size: 16px;
  min-height: 400px;
  padding: 40px 20px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main p {
  padding: 5px 0px;
  margin: 0px 20px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main h2 {
  display: block;
  text-align: center;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0px 20px;
  font-size: 145%;
  padding-bottom: 10px;
  color: #888;
}
.results-controller.show_bestworst-action #garden #results-by-game #main .legend {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  width: 170px;
  text-align: left;
  background-color: #f0f8fa;
}
.results-controller.show_bestworst-action #garden #results-by-game #main .table-title {
  display: none;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table {
  margin: 30px auto;
  border-style: none;
  /* corrects backend_core styling */
  clear: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table [id='breuken+'] .table-best img,
.results-controller.show_bestworst-action #garden #results-by-game #main table [id='breuken+'] .table-worst img {
  max-width: 240px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table [id='splitsen'] .table-best img,
.results-controller.show_bestworst-action #garden #results-by-game #main table [id='splitsen'] .table-worst img {
  max-width: 250px;
  margin: auto;
  display: block;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table img {
  max-height: 150px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table img.textImageFile,
.results-controller.show_bestworst-action #garden #results-by-game #main table img.mathLatexImageFile {
  max-width: 250px;
  margin: auto;
  display: block;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table img.mathLatexImageFile {
  max-height: 100px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table img.imageFile.question {
  max-width: 219px;
  margin: auto;
  display: block;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table img.imageFile.answer {
  max-width: 90px;
  margin: auto;
  display: block;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table dl,
.results-controller.show_bestworst-action #garden #results-by-game #main table dt {
  width: auto;
  margin: 0;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table dd {
  margin: 0;
  font-size: 20px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table th {
  background-color: #d7dbdf;
  height: 30px;
  font-size: 13.6px;
  padding: 0 10px;
  white-space: nowrap;
  font-family: inherit;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td {
  min-width: 30px;
  border-top: 1px solid #d7dbdf;
  border-left: none;
  border-right: none;
  padding: 10px 20px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect {
  padding: 0;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct > span,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect > span {
  display: inline-block;
  width: 100%;
  min-height: 30px;
  margin: 4px;
  padding: 6px;
  border: 1px solid #2ecd71;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.correct,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.correct {
  color: #2ecd71;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.incorrect,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.incorrect {
  color: #e84c3d;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.incorrect > span,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.incorrect > span {
  position: relative;
  border-color: #e84c3d;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.incorrect > span:before,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.incorrect > span:before,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.incorrect > span:after,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.incorrect > span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 5px solid #e84c3d;
  -moz-transform: scale(0.9999);
  /* fixes antialiasing problem in Firefox */
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.incorrect > span:after,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.incorrect > span:after {
  margin-left: -1px;
  border-left-color: #fff;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td.correct.incorrect > span .icon,
.results-controller.show_bestworst-action #garden #results-by-game #main table td.incorrect.incorrect > span .icon {
  display: inline-block;
  float: none;
  padding-top: 2px;
  line-height: 22px;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td a {
  color: #00a470;
  line-height: 1.4;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td a:hover {
  color: #00714d;
}
.results-controller.show_bestworst-action #garden #results-by-game #main table td a span.icon {
  padding: 0.5ex;
}
.results-controller.show_bestworst-action #garden #results-by-game #main .icon {
  font-family: entypo;
  font-style: normal;
}
.c-game-selector {
  display: block;
}
.oefenweb li.c-game-selector.advice-game::after,
.rekentuin li.c-game-selector.advice-game::after,
.oefenweb li.c-game-selector.super-game::after,
.rekentuin li.c-game-selector.super-game::after,
.oefenweb li.c-game-selector.new-game::after,
.rekentuin li.c-game-selector.new-game::after,
.oefenweb li.c-game-selector.advice-learning-goals::after,
.rekentuin li.c-game-selector.advice-learning-goals::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 72px;
  width: 77px;
  background-size: 100px;
  bottom: -10px;
  right: -15px;
  pointer-events: none;
}
.oefenweb li.c-game-selector.advice-game:hover:after,
.rekentuin li.c-game-selector.advice-game:hover:after,
.oefenweb li.c-game-selector.super-game:hover:after,
.rekentuin li.c-game-selector.super-game:hover:after,
.oefenweb li.c-game-selector.new-game:hover:after,
.rekentuin li.c-game-selector.new-game:hover:after,
.oefenweb li.c-game-selector.advice-learning-goals:hover:after,
.rekentuin li.c-game-selector.advice-learning-goals:hover:after,
.oefenweb li.c-game-selector.advice-game:focus:after,
.rekentuin li.c-game-selector.advice-game:focus:after,
.oefenweb li.c-game-selector.super-game:focus:after,
.rekentuin li.c-game-selector.super-game:focus:after,
.oefenweb li.c-game-selector.new-game:focus:after,
.rekentuin li.c-game-selector.new-game:focus:after,
.oefenweb li.c-game-selector.advice-learning-goals:focus:after,
.rekentuin li.c-game-selector.advice-learning-goals:focus:after,
.oefenweb li.c-game-selector.advice-game:active:after,
.rekentuin li.c-game-selector.advice-game:active:after,
.oefenweb li.c-game-selector.super-game:active:after,
.rekentuin li.c-game-selector.super-game:active:after,
.oefenweb li.c-game-selector.new-game:active:after,
.rekentuin li.c-game-selector.new-game:active:after,
.oefenweb li.c-game-selector.advice-learning-goals:active:after,
.rekentuin li.c-game-selector.advice-learning-goals:active:after {
  -webkit-filter: drop-shadow(0 0 8px #fae49e);
  filter: drop-shadow(#fae49e 0px 0px 8px);
}
.oefenweb li.c-game-selector.advice-game.gold.not-played::after,
.rekentuin li.c-game-selector.advice-game.gold.not-played::after {
  background-image: url('/img/skins/world/withers/gold.png?rev=1778068871');
}
.oefenweb li.c-game-selector.advice-game.silver.not-played::after,
.rekentuin li.c-game-selector.advice-game.silver.not-played::after {
  background-image: url('/img/skins/world/withers/silver.png?rev=1778068871');
}
.oefenweb li.c-game-selector.advice-game.bronze.not-played::after,
.rekentuin li.c-game-selector.advice-game.bronze.not-played::after {
  background-image: url('/img/skins/world/withers/bronze.png?rev=1778068871');
}
.oefenweb li.c-game-selector.super-game.not-played::after,
.rekentuin li.c-game-selector.super-game.not-played::after {
  background-image: url('/img/skins/world/withers/super.png?rev=1778068871');
  background-size: cover;
}
.oefenweb li.c-game-selector.new-game.not-played::after,
.rekentuin li.c-game-selector.new-game.not-played::after {
  background-image: url('/img/skins/world/withers/new.png?rev=1778068871');
  background-size: cover;
}
.oefenweb li.c-game-selector.advice-learning-goals.not-played::after,
.rekentuin li.c-game-selector.advice-learning-goals.not-played::after {
  background-image: url('/img/skins/world/withers/learning_goal.png?rev=1778068871');
  background-size: cover;
}
.oefenweb li.c-game-selector:hover,
.rekentuin li.c-game-selector:hover {
  animation: rotateRight 0.5s ease-out;
  transform-origin: center bottom;
}
.oefenweb li.c-game-selector:nth-child(2n):hover,
.rekentuin li.c-game-selector:nth-child(2n):hover {
  animation: rotateLeft 0.5s ease-out;
  transform-origin: center bottom;
}
.oefenweb .c-game-selector__video,
.oefenweb .c-game-selector__instructions,
.rekentuin .c-game-selector__video,
.rekentuin .c-game-selector__instructions {
  position: absolute;
  right: -25px;
  top: -40px;
  display: block;
  width: 44px;
  height: 44px;
  background-size: 44px auto;
  background-repeat: no-repeat;
  opacity: 0.8;
}
.oefenweb .c-game-selector__video:hover,
.oefenweb .c-game-selector__instructions:hover,
.rekentuin .c-game-selector__video:hover,
.rekentuin .c-game-selector__instructions:hover {
  opacity: 1;
}
.oefenweb .c-game-selector__video,
.rekentuin .c-game-selector__video {
  background-image: url('/img/skins/world/video-link.png?rev=1778068871');
}
.oefenweb .c-game-selector__instructions,
.rekentuin .c-game-selector__instructions {
  background-image: url('/img/skins/world/crown-link.png?rev=1778068871');
}
.oefenweb .c-game-selector__title,
.rekentuin .c-game-selector__title {
  display: block;
  color: #FFE805;
  font-weight: bold;
  font-size: 1.1em;
  min-height: 19px;
}
.oefenweb .c-game-selector__link,
.rekentuin .c-game-selector__link {
  min-width: 100px;
  display: inline-block;
  padding: 4px;
  text-align: center;
  height: 65px;
  background-image: url('/img/skins/world/sign.png?rev=1778068871');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  color: #D1C09A;
}
.oefenweb .c-game-selector__score,
.rekentuin .c-game-selector__score {
  display: block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  min-height: 18px;
}
.oefenweb .advice-game .c-game-selector__link,
.rekentuin .advice-game .c-game-selector__link,
.oefenweb .new-game .c-game-selector__link,
.rekentuin .new-game .c-game-selector__link,
.oefenweb .super-game .c-game-selector__link,
.rekentuin .super-game .c-game-selector__link {
  background-image: url('/img/skins/world/sub-sign.png?rev=1778068871');
}
.c-game-selector__subtitle {
  color: #D1C09A;
  font-weight: normal;
  padding-top: 6px;
  display: block;
  text-transform: lowercase;
}
.locked-by-min-score .c-game-selector__completed_level,
.locked-by-min-score .c-game-selector__score,
.locked-by-min-score .crown,
.locked-by-garden-settings .c-game-selector__completed_level,
.locked-by-garden-settings .c-game-selector__score,
.locked-by-garden-settings .crown,
.locked-by-max-score .c-game-selector__completed_level,
.locked-by-max-score .c-game-selector__score,
.locked-by-max-score .crown {
  display: none;
}
.locked-by-min-score .c-game-selector__link::after,
.locked-by-garden-settings .c-game-selector__link::after,
.locked-by-max-score .c-game-selector__link::after {
  content: "";
  background-size: 20px 20px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.locked-by-min-score .c-game-selector__link::after {
  background-image: url('/img/garden/garden_sign_icon_lock.png?rev=1778068871');
}
.locked-by-garden-settings .c-game-selector__link::after {
  background-image: url('/img/garden/garden_sign_icon_lock.png?rev=1778068871');
}
.locked-by-max-score .c-game-selector__link::after {
  background-image: url('/img/garden/garden_sign_icon_crown.png?rev=1778068871');
}
.oefenweb  .crown,
.rekentuin  .crown {
  height: 30px;
  width: 72px;
  background-repeat: no-repeat;
  background-size: 70px;
  position: absolute;
  right: 19px;
  top: 17px;
}
.oefenweb  .crown.completed,
.rekentuin  .crown.completed {
  background-image: url('/img/garden/crown.png?rev=1778068871');
}
.oefenweb  .crown.level1,
.rekentuin  .crown.level1 {
  background-image: url('/img/garden/crown_1.png?rev=1778068871');
}
.oefenweb  .crown.level2,
.rekentuin  .crown.level2 {
  background-image: url('/img/garden/crown_2.png?rev=1778068871');
}
.oefenweb  .crown.level3,
.rekentuin  .crown.level3 {
  background-image: url('/img/garden/crown_3.png?rev=1778068871');
}
.flash_message-action.oefenweb #content #garden .loginbox #flashLogo {
  height: 80px;
  margin: 15px auto;
}
.flash_message-action.oefenweb #content #garden .loginbox #messageContainer #message-btn {
  background-color: #009dd3;
}
.flash_message-action.oefenweb #content #garden .loginbox #messageContainer #message-btn:hover,
.flash_message-action.oefenweb #content #garden .loginbox #messageContainer #message-btn:active {
  background-color: #0077a0;
}
.app.registrations-controller #content #garden .loginbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0;
}
.app.registrations-controller #content #garden .loginbox .loading-message {
  margin-top: 40px;
}
.flash_message-action #content,
.registrations-controller #content {
  position: relative;
  background-color: rgba(0, 0, 0, 0) !important;
}
.flash_message-action #content #garden,
.registrations-controller #content #garden {
  position: relative;
  z-index: 2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  -moz-transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  -o-transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
  transition: -webkit-transform, -moz-transform, transform 0.3s ease-in-out;
}
.flash_message-action #content #garden .loginbox,
.registrations-controller #content #garden .loginbox {
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  overflow: hidden;
}
.flash_message-action #content #garden .loginbox #flashLogo,
.registrations-controller #content #garden .loginbox #flashLogo {
  display: block;
  height: 50px;
  width: auto;
  margin: 20px auto;
}
.flash_message-action #content #garden .loginbox #imageContainer,
.registrations-controller #content #garden .loginbox #imageContainer {
  width: 400px;
  height: 300px;
  text-align: center;
  margin-left: 80px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.flash_message-action #content #garden .loginbox #imageContainer #flashImage,
.registrations-controller #content #garden .loginbox #imageContainer #flashImage {
  width: 100%;
}
.flash_message-action #content #garden .loginbox #messageContainer,
.registrations-controller #content #garden .loginbox #messageContainer {
  display: block;
  max-width: 80%;
  height: auto;
  text-align: center;
  margin: auto;
  height: 100%;
}
.flash_message-action #content #garden .loginbox #messageContainer #message-btn,
.registrations-controller #content #garden .loginbox #messageContainer #message-btn {
  display: inline-block;
  line-height: normal;
  padding: 12px 16px;
  border-radius: 35px;
  font: 16px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #58B0B6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.flash_message-action #content #garden .loginbox #messageContainer #message-btn:hover,
.registrations-controller #content #garden .loginbox #messageContainer #message-btn:hover {
  text-decoration: none;
  background-color: #439398;
}
.flash_message-action #content #garden .loginbox #messageContainer #message-btn:active,
.registrations-controller #content #garden .loginbox #messageContainer #message-btn:active {
  background-color: #439398;
  color: #D8EFE9;
}
.flash_message-action #content #garden .loginbox #messageContainer #flashMessage,
.registrations-controller #content #garden .loginbox #messageContainer #flashMessage {
  padding: 10px;
  margin: 30px auto;
  font-size: 16px;
  text-align: left;
  line-height: 18px;
}
.flash_message-action #content #garden .loginbox #messageContainer #flashMessage.flash_error,
.registrations-controller #content #garden .loginbox #messageContainer #flashMessage.flash_error {
  color: red;
}
.flash_message-action #content #garden .loginbox #messageContainer #flashMessage.flash_success,
.registrations-controller #content #garden .loginbox #messageContainer #flashMessage.flash_success {
  color: #37495e;
}
.flash_message-action #content #garden .loginbox #messageContainer div[class^="flash_"],
.registrations-controller #content #garden .loginbox #messageContainer div[class^="flash_"] {
  background-color: transparent !important;
}
.flash_message-action #content #garden .loginbox #messageContainer div[class^="flash_"]:before,
.registrations-controller #content #garden .loginbox #messageContainer div[class^="flash_"]:before {
  content: "";
  opacity: 0;
}
.answer_input_field-markup {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
}
.answer_input_field-markup.cursor {
  background-color: #009dd3;
  color: #fff;
}
.answer_input_field-markup:focus {
  outline: none;
}
.answer_input_field-markup.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.answer_input_field-markup.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.answer_input_field-markup.incorrect.time-expired {
  background-color: #009dd3;
}
.answer_input_field-markup #input-field,
.answer_input_field-markup .answer-dont-know,
.answer_input_field-markup .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.answer_input_field-markup .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.answer_input_field-markup .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.answer_input_field-markup .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.answer_input_field-markup .back:hover,
.answer_input_field-markup .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.answer_input_field-markup .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.answer_input_field-markup .back.disabled {
  display: none;
}
.answer_input_field-alignment {
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
}
.answer_input_field-styling {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
}
.answer_input_field-styling.cursor {
  background-color: #009dd3;
  color: #fff;
}
.answer_input_field-styling:focus {
  outline: none;
}
.answer_input_field-styling.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.answer_input_field-styling.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.answer_input_field-styling.incorrect.time-expired {
  background-color: #009dd3;
}
.answer_input_field-styling #input-field,
.answer_input_field-styling .answer-dont-know,
.answer_input_field-styling .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.answer_input_field-styling .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.answer_input_field-styling .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.answer_input_field-styling .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.answer_input_field-styling .back:hover,
.answer_input_field-styling .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.answer_input_field-styling .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.answer_input_field-styling .back.disabled {
  display: none;
}
[id="game"] [id="feedback"] {
  font-size: 16px;
  text-align: left;
  width: 500px;
  padding: 10px;
  margin: 0 auto;
  background-color: #fff;
  color: #37495e;
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
[id="game"] [id="feedback"] p,
[id="game"] [id="feedback"] h1,
[id="game"] [id="feedback"] h2,
[id="game"] [id="feedback"] h3,
[id="game"] [id="feedback"] h4,
[id="game"] [id="feedback"] h5,
[id="game"] [id="feedback"] h6 {
  color: inherit;
}
[id="game"] [id="feedback"] h4 {
  font-size: 16px;
}
[id="game"] [id="feedback"] li {
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
}
[id="game"] [id="feedback"] li p {
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: normal;
}
[id="game"] [id="feedback"] li:last-child {
  margin-bottom: 0px;
}
/* --- bootstrap theme extension --- */
/* -------- BTN -------- */
.input_btn_side-styling {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.input_btn_side-styling:before {
  content: attr(data-icon);
  font-family: entypo;
}
.input_btn_side-styling:hover,
.input_btn_side-styling:active,
.input_btn_side-styling:focus {
  text-decoration: none;
}
.input_btn_side-styling.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.input_btn_side-styling.disabled::before,
.input_btn_side-styling.disabled span[material-icon]::before {
  pointer-events: none;
}
.input_btn_side-styling.disabled:hover,
.input_btn_side-styling.disabled:focus,
.input_btn_side-styling.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.input_btn_side-styling .text {
  display: block;
  height: 100%;
  width: 100%;
}
.input_btn_side-styling .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.input_field-styling {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 2%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.input_field-styling:before,
.input_field-styling:after {
  content: " ";
  display: table;
}
.input_field-styling:after {
  clear: both;
}
.input_submit_button-radial-styling {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.input_submit_button-radial-styling .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.input_submit_button-radial-styling:active {
  background-color: #ccc;
}
.input_submit_button-radial-styling.answered {
  pointer-events: none;
}
.input_submit_button-radial-styling.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.input_submit_button-radial-styling.correct,
.input_submit_button-radial-styling.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.input_submit_button-radial-styling.incorrect,
.input_submit_button-radial-styling.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.input_submit_button-radial-styling:hover,
.input_submit_button-radial-styling:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.input_submit_button-radial-styling:active {
  background-color: #00516d;
}
.input_submit_button-radial-styling.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.input_submit_button-markup {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.input_submit_button-markup:hover,
.input_submit_button-markup:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.input_submit_button-markup:active {
  background-color: #00516d;
}
.input_submit_button-markup.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.input_submit_button-styling {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
}
.input_submit_button-styling:active {
  background-color: #ccc;
}
.input_submit_button-styling.answered {
  pointer-events: none;
}
.input_submit_button-styling.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.input_submit_button-styling.correct,
.input_submit_button-styling.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.input_submit_button-styling.incorrect,
.input_submit_button-styling.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.input_submit_button-styling .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.input_submit_button-styling:hover,
.input_submit_button-styling:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.input_submit_button-styling:active {
  background-color: #00516d;
}
.input_submit_button-styling.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.numpad-styling {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
}
.numpad-styling li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.numpad-styling li.numpad-button--hidden {
  visibility: hidden;
}
.numpad-styling li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.numpad-styling li a:active {
  background-color: #ccc;
}
.numpad-styling li a.answered {
  pointer-events: none;
}
.numpad-styling li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.numpad-styling li a.correct,
.numpad-styling li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.numpad-styling li a.incorrect,
.numpad-styling li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.numpad-styling li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.numpad-styling li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.numpad_correct_answer-styling {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
}
.game-techreading #game,
.game-wordo-audio #game,
.game-form-color #game,
.game-figure-place #game,
.game-rhymy #game,
.game-word-order #game,
.game-shuffle-sentences #game,
.game-memory #game,
.game-predicting #game {
  text-align: center;
}
.game-techreading #game .instructions,
.game-wordo-audio #game .instructions,
.game-form-color #game .instructions,
.game-figure-place #game .instructions,
.game-rhymy #game .instructions,
.game-word-order #game .instructions,
.game-shuffle-sentences #game .instructions,
.game-memory #game .instructions,
.game-predicting #game .instructions {
  margin-top: 100px;
}
.game-techreading #game .screen .instructions,
.game-wordo-audio #game .screen .instructions,
.game-form-color #game .screen .instructions,
.game-figure-place #game .screen .instructions,
.game-rhymy #game .screen .instructions,
.game-word-order #game .screen .instructions,
.game-shuffle-sentences #game .screen .instructions,
.game-memory #game .screen .instructions,
.game-predicting #game .screen .instructions {
  color: #37495e;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  padding: 20px;
  width: 450px;
  min-height: 50px;
  border-radius: 10px;
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 10px;
}
.game-techreading #game .screen .instructions .instruction-text,
.game-wordo-audio #game .screen .instructions .instruction-text,
.game-form-color #game .screen .instructions .instruction-text,
.game-figure-place #game .screen .instructions .instruction-text,
.game-rhymy #game .screen .instructions .instruction-text,
.game-word-order #game .screen .instructions .instruction-text,
.game-shuffle-sentences #game .screen .instructions .instruction-text,
.game-memory #game .screen .instructions .instruction-text,
.game-predicting #game .screen .instructions .instruction-text {
  display: block;
}
.game-techreading #game .screen .instructions .instructionsRead,
.game-wordo-audio #game .screen .instructions .instructionsRead,
.game-form-color #game .screen .instructions .instructionsRead,
.game-figure-place #game .screen .instructions .instructionsRead,
.game-rhymy #game .screen .instructions .instructionsRead,
.game-word-order #game .screen .instructions .instructionsRead,
.game-shuffle-sentences #game .screen .instructions .instructionsRead,
.game-memory #game .screen .instructions .instructionsRead,
.game-predicting #game .screen .instructions .instructionsRead {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  font-size: 30px;
  margin-top: 20px;
}
.game-techreading #game .screen .instructions .instructionsRead:active,
.game-wordo-audio #game .screen .instructions .instructionsRead:active,
.game-form-color #game .screen .instructions .instructionsRead:active,
.game-figure-place #game .screen .instructions .instructionsRead:active,
.game-rhymy #game .screen .instructions .instructionsRead:active,
.game-word-order #game .screen .instructions .instructionsRead:active,
.game-shuffle-sentences #game .screen .instructions .instructionsRead:active,
.game-memory #game .screen .instructions .instructionsRead:active,
.game-predicting #game .screen .instructions .instructionsRead:active {
  background-color: #ccc;
}
.game-techreading #game .screen .instructions .instructionsRead.answered,
.game-wordo-audio #game .screen .instructions .instructionsRead.answered,
.game-form-color #game .screen .instructions .instructionsRead.answered,
.game-figure-place #game .screen .instructions .instructionsRead.answered,
.game-rhymy #game .screen .instructions .instructionsRead.answered,
.game-word-order #game .screen .instructions .instructionsRead.answered,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.answered,
.game-memory #game .screen .instructions .instructionsRead.answered,
.game-predicting #game .screen .instructions .instructionsRead.answered {
  pointer-events: none;
}
.game-techreading #game .screen .instructions .instructionsRead.selected,
.game-wordo-audio #game .screen .instructions .instructionsRead.selected,
.game-form-color #game .screen .instructions .instructionsRead.selected,
.game-figure-place #game .screen .instructions .instructionsRead.selected,
.game-rhymy #game .screen .instructions .instructionsRead.selected,
.game-word-order #game .screen .instructions .instructionsRead.selected,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.selected,
.game-memory #game .screen .instructions .instructionsRead.selected,
.game-predicting #game .screen .instructions .instructionsRead.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-techreading #game .screen .instructions .instructionsRead.correct,
.game-wordo-audio #game .screen .instructions .instructionsRead.correct,
.game-form-color #game .screen .instructions .instructionsRead.correct,
.game-figure-place #game .screen .instructions .instructionsRead.correct,
.game-rhymy #game .screen .instructions .instructionsRead.correct,
.game-word-order #game .screen .instructions .instructionsRead.correct,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.correct,
.game-memory #game .screen .instructions .instructionsRead.correct,
.game-predicting #game .screen .instructions .instructionsRead.correct,
.game-techreading #game .screen .instructions .instructionsRead.correct-answer,
.game-wordo-audio #game .screen .instructions .instructionsRead.correct-answer,
.game-form-color #game .screen .instructions .instructionsRead.correct-answer,
.game-figure-place #game .screen .instructions .instructionsRead.correct-answer,
.game-rhymy #game .screen .instructions .instructionsRead.correct-answer,
.game-word-order #game .screen .instructions .instructionsRead.correct-answer,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.correct-answer,
.game-memory #game .screen .instructions .instructionsRead.correct-answer,
.game-predicting #game .screen .instructions .instructionsRead.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading #game .screen .instructions .instructionsRead.incorrect,
.game-wordo-audio #game .screen .instructions .instructionsRead.incorrect,
.game-form-color #game .screen .instructions .instructionsRead.incorrect,
.game-figure-place #game .screen .instructions .instructionsRead.incorrect,
.game-rhymy #game .screen .instructions .instructionsRead.incorrect,
.game-word-order #game .screen .instructions .instructionsRead.incorrect,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.incorrect,
.game-memory #game .screen .instructions .instructionsRead.incorrect,
.game-predicting #game .screen .instructions .instructionsRead.incorrect,
.game-techreading #game .screen .instructions .instructionsRead.incorrect-answer,
.game-wordo-audio #game .screen .instructions .instructionsRead.incorrect-answer,
.game-form-color #game .screen .instructions .instructionsRead.incorrect-answer,
.game-figure-place #game .screen .instructions .instructionsRead.incorrect-answer,
.game-rhymy #game .screen .instructions .instructionsRead.incorrect-answer,
.game-word-order #game .screen .instructions .instructionsRead.incorrect-answer,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.incorrect-answer,
.game-memory #game .screen .instructions .instructionsRead.incorrect-answer,
.game-predicting #game .screen .instructions .instructionsRead.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading #game .screen .instructions .instructionsRead .maximizedText,
.game-wordo-audio #game .screen .instructions .instructionsRead .maximizedText,
.game-form-color #game .screen .instructions .instructionsRead .maximizedText,
.game-figure-place #game .screen .instructions .instructionsRead .maximizedText,
.game-rhymy #game .screen .instructions .instructionsRead .maximizedText,
.game-word-order #game .screen .instructions .instructionsRead .maximizedText,
.game-shuffle-sentences #game .screen .instructions .instructionsRead .maximizedText,
.game-memory #game .screen .instructions .instructionsRead .maximizedText,
.game-predicting #game .screen .instructions .instructionsRead .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-techreading #game .screen .instructions .instructionsRead:hover,
.game-wordo-audio #game .screen .instructions .instructionsRead:hover,
.game-form-color #game .screen .instructions .instructionsRead:hover,
.game-figure-place #game .screen .instructions .instructionsRead:hover,
.game-rhymy #game .screen .instructions .instructionsRead:hover,
.game-word-order #game .screen .instructions .instructionsRead:hover,
.game-shuffle-sentences #game .screen .instructions .instructionsRead:hover,
.game-memory #game .screen .instructions .instructionsRead:hover,
.game-predicting #game .screen .instructions .instructionsRead:hover,
.game-techreading #game .screen .instructions .instructionsRead:focus,
.game-wordo-audio #game .screen .instructions .instructionsRead:focus,
.game-form-color #game .screen .instructions .instructionsRead:focus,
.game-figure-place #game .screen .instructions .instructionsRead:focus,
.game-rhymy #game .screen .instructions .instructionsRead:focus,
.game-word-order #game .screen .instructions .instructionsRead:focus,
.game-shuffle-sentences #game .screen .instructions .instructionsRead:focus,
.game-memory #game .screen .instructions .instructionsRead:focus,
.game-predicting #game .screen .instructions .instructionsRead:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-techreading #game .screen .instructions .instructionsRead:active,
.game-wordo-audio #game .screen .instructions .instructionsRead:active,
.game-form-color #game .screen .instructions .instructionsRead:active,
.game-figure-place #game .screen .instructions .instructionsRead:active,
.game-rhymy #game .screen .instructions .instructionsRead:active,
.game-word-order #game .screen .instructions .instructionsRead:active,
.game-shuffle-sentences #game .screen .instructions .instructionsRead:active,
.game-memory #game .screen .instructions .instructionsRead:active,
.game-predicting #game .screen .instructions .instructionsRead:active {
  background-color: #00516d;
}
.game-techreading #game .screen .instructions .instructionsRead.disabled,
.game-wordo-audio #game .screen .instructions .instructionsRead.disabled,
.game-form-color #game .screen .instructions .instructionsRead.disabled,
.game-figure-place #game .screen .instructions .instructionsRead.disabled,
.game-rhymy #game .screen .instructions .instructionsRead.disabled,
.game-word-order #game .screen .instructions .instructionsRead.disabled,
.game-shuffle-sentences #game .screen .instructions .instructionsRead.disabled,
.game-memory #game .screen .instructions .instructionsRead.disabled,
.game-predicting #game .screen .instructions .instructionsRead.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-techreading #game .screen .instructions .instruction-text:after,
.game-wordo-audio #game .screen .instructions .instruction-text:after,
.game-form-color #game .screen .instructions .instruction-text:after,
.game-figure-place #game .screen .instructions .instruction-text:after,
.game-rhymy #game .screen .instructions .instruction-text:after {
  content: '🔊';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  font-family: entypo;
  color: #37495e;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -3px;
}
.question-styling {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
}
.question-styling .mathLatex {
  min-height: 40px;
}
.btn_play_sound {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.btn_play_sound:active {
  background-color: #00516d;
}
.btn_play_sound.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.btn_play_sound:hover,
.btn_play_sound:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.btn_play_sound:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.btn_play_sound:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.app .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -o-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  appearance: none;
  padding: 8px 16px;
  background-color: #00a470;
  border: none;
  border-bottom: 3px solid #00714d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: inherit;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  cursor: pointer;
}
.app .btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.app .btn:hover,
.app .btn:focus {
  color: #333;
  text-decoration: none;
}
.app .btn:active,
.app .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.app .btn.disabled,
.app .btn[disabled],
fieldset[disabled] .app .btn {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.app .btn:focus {
  outline: none;
  color: #fff;
  background-color: #00a470;
  border-bottom-color: #00714d;
}
.app .btn:active {
  background-color: #00714d;
}
.app .btn.answered {
  pointer-events: none;
}
.app .btn.correct-answer,
.app .btn.correct {
  background-color: #2ecd71;
  border-bottom-color: #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.app .btn.incorrect-answer,
.app .btn.incorrect {
  background-color: #e84c3d;
  border-bottom-color: #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.app .btn.disabled {
  background-color: #d7dbdf;
  border-bottom-color: #c3c8ce;
  pointer-events: none;
}
.btn-small {
  padding: 4px 10px;
  font-size: 0.8em;
}
.btn-game-sidebar {
  position: absolute;
  bottom: 25px;
  right: 80px;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 2em;
  line-height: 60px;
  cursor: pointer;
  z-index: 2;
}
.btn-game-sidebar .text {
  display: block;
}
.btn-game-sidebar:hover,
.btn-game-sidebar:focus {
  background-color: #fff;
  border-color: transparent;
}
.btn-game-sidebar.disabled {
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none;
}
.btn-answer-option {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  color: #00714d;
  margin: 15px;
  padding: 0 15px;
  -webkit-box-shadow: 0 5px #e6e6e6;
  -moz-box-shadow: 0 5px #e6e6e6;
  box-shadow: 0 5px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.btn-answer-option:hover,
.btn-answer-option:focus {
  background-color: #e6e6e6;
  -webkit-box-shadow: 0 5px #cccccc;
  -moz-box-shadow: 0 5px #cccccc;
  box-shadow: 0 5px #cccccc;
  color: #00714d;
  cursor: pointer;
}
.btn-answer-option.correct {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 5px #25a35a;
  -moz-box-shadow: 0 5px #25a35a;
  box-shadow: 0 5px #25a35a;
  color: #fff;
}
.btn-answer-option.incorrect {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 5px #d82a1a;
  -moz-box-shadow: 0 5px #d82a1a;
  box-shadow: 0 5px #d82a1a;
  color: #fff;
}
.icon-plus::after {
  content: "+";
  font-family: entypo;
  font-size: 14px;
  z-index: 2;
  color: white;
  position: absolute;
  top: -60px;
  left: 37px;
}
/*--  popups styling  --*/
#content #preload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #c3c8ce;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
#content #preload .gamePreloaderBackground {
  width: 1000px;
  height: 550px;
}
#content #preload .preload-content {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  pointer-events: none;
  font-size: 1em;
  color: #37495e;
}
#content #preload .preload-content:active {
  background-color: #ccc;
}
#content #preload .preload-content.answered {
  pointer-events: none;
}
#content #preload .preload-content.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
#content #preload .preload-content.correct,
#content #preload .preload-content.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content #preload .preload-content.incorrect,
#content #preload .preload-content.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content #preload .preload-content .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
#content #preload .preload-content img {
  display: inline-block;
  margin: 5px 0;
}
#content #preload .preload-content .text {
  display: inline-block;
  margin-top: 5px;
}
#content .popup_mask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1000px;
  height: 550px;
  background-size: cover;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
#content .popup_popup {
  position: absolute;
  left: 250px;
  top: 75px;
  background-color: #fff;
  border: 10px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  padding: 11px;
  width: 500px;
  font-size: 16px;
  color: #333333;
  -webkit-box-shadow: 0 3px #ccc;
  -moz-box-shadow: 0 3px #ccc;
  box-shadow: 0 3px #ccc;
  z-index: 1;
}
#content .popup_popup h1 {
  font-size: 24px;
  line-height: 0;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content .popup_popup p {
  font-size: 16px;
}
#content .popup_popup a {
  text-transform: uppercase;
}
#content .popup_popup a.popup_ok,
#content .popup_popup a.popup_cancel {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  background-color: #e5e5e5;
  padding: 15px 10px 10px;
  margin: 0 16px;
  color: #00a470;
}
#content .popup_popup a.popup_ok:active,
#content .popup_popup a.popup_cancel:active {
  background-color: #ccc;
}
#content .popup_popup a.popup_ok.answered,
#content .popup_popup a.popup_cancel.answered {
  pointer-events: none;
}
#content .popup_popup a.popup_ok.selected,
#content .popup_popup a.popup_cancel.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
#content .popup_popup a.popup_ok.correct,
#content .popup_popup a.popup_cancel.correct,
#content .popup_popup a.popup_ok.correct-answer,
#content .popup_popup a.popup_cancel.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content .popup_popup a.popup_ok.incorrect,
#content .popup_popup a.popup_cancel.incorrect,
#content .popup_popup a.popup_ok.incorrect-answer,
#content .popup_popup a.popup_cancel.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content .popup_popup a.popup_ok .maximizedText,
#content .popup_popup a.popup_cancel .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
#content .popup_popup a.popup_ok {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  padding: 15px 10px 10px;
}
#content .popup_popup a.popup_ok:active {
  background-color: #ccc;
}
#content .popup_popup a.popup_ok.answered {
  pointer-events: none;
}
#content .popup_popup a.popup_ok.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
#content .popup_popup a.popup_ok.correct,
#content .popup_popup a.popup_ok.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content .popup_popup a.popup_ok.incorrect,
#content .popup_popup a.popup_ok.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content .popup_popup a.popup_ok .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
#content .popup_popup a.popup_ok:hover,
#content .popup_popup a.popup_ok:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
#content .popup_popup a.popup_ok:active {
  background-color: #00516d;
}
#content .popup_popup a.popup_ok.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
#content .popup_popup a:hover {
  color: #00516d;
  text-decoration: none;
}
#content .popup_message,
#content .popup_form {
  line-height: 1.4em;
  font-size: 16px;
  font-weight: normal;
  height: 212px;
  color: #37495e;
}
#content #coinPopup,
#content #popup,
#content #complainPopup {
  position: absolute;
  top: 0;
}
#content #prePlayPopup h1 {
  font-size: 24px;
  line-height: 28px;
}
#content #prePlayPopup .popup_popup {
  top: 45px;
  padding: 16px 16px 64px 16px;
}
#content #prePlayPopup .popup_popup p {
  font-weight: bold;
  font-size: 18px;
}
#content #prePlayPopup .popup_popup .popup_play {
  position: absolute;
  width: 100%;
  bottom: 4px;
  left: 0;
}
#content #prePlayPopup .content_row {
  width: 750px;
  left: 70px;
  display: flex;
  align-items: stretch;
}
#content #prePlayPopup .content_row .preplay-content.exceptional_score {
  width: 50%;
  padding: 16px;
  border-right: 1px solid #c3c8ce;
}
#content #prePlayPopup .right_column {
  width: 50%;
  padding: 16px;
}
#content #prePlayPopup .right_column > div:nth-child(2) {
  border-top: 1px solid #c3c8ce;
  margin-top: 8px;
  padding-top: 8px;
}
#content #prePlayPopup .preplay-content .popup_description {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#content #prePlayPopup .preplay-content.error img {
  width: 220px;
}
#content #prePlayPopup .preplay-content.learning_goal img {
  width: 100px;
}
#content #prePlayPopup .preplay-content.learning_goal .learning_goal_text {
  padding-left: 10px;
}
#content #prePlayPopup .preplay-content.withers .popup_description .coins {
  display: flex;
  align-items: center;
  font-size: 24px;
}
#content #prePlayPopup .preplay-content.withers .popup_description .coins img {
  margin: 0 0 0 8px;
  width: 20px;
}
#content #prePlayPopup .preplay-content.withers .popup_description img {
  width: 72px;
}
#content #prePlayPopup .preplay-content.exceptional_score {
  padding: 10px;
}
#content #prePlayPopup .preplay-content.exceptional_score img {
  width: 200px;
}
#content #prePlayPopup .preplay-content.exceptional_score .popup_description {
  flex-direction: column;
  margin-bottom: 24px;
}
#content #prePlayPopup .preplay-content.exceptional_score .popup_description .crown_text {
  max-width: 500px;
}
#content #coinPopup .popup_popup,
#content #prePlayPopup .popup_popup {
  top: 30px;
}
#content #coinPopup .popup_popup h1,
#content #prePlayPopup .popup_popup h1 {
  font-size: 24px;
  line-height: 28px;
}
#content #coinPopup .popup_popup .session_message,
#content #prePlayPopup .popup_popup .session_message {
  line-height: 1.4em;
  font-size: 16px;
  height: 16px;
  font-weight: normal;
  color: #37495e;
}
#content #coinPopup .popup_popup .stars_div,
#content #prePlayPopup .popup_popup .stars_div {
  margin-top: -10px;
  margin-bottom: 20px;
}
@keyframes rotatefadein {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(2160deg);
  }
}
#content #coinPopup .popup_popup .stars_div .append-star,
#content #prePlayPopup .popup_popup .stars_div .append-star {
  animation: rotatefadein 5000ms;
  animation-timing-function: ease-out;
}
#content #coinPopup .popup_popup .popup_stars,
#content #prePlayPopup .popup_popup .popup_stars {
  height: 35px;
  padding: 4px;
}
#content #coinPopup .popup_popup .popup_crown,
#content #prePlayPopup .popup_popup .popup_crown {
  height: 70px;
  padding: 4px;
}
#content #coinPopup .popup_popup .popup_motivation,
#content #prePlayPopup .popup_popup .popup_motivation {
  margin-bottom: 5px;
  color: #37495e;
}
#content #coinPopup .popup_popup .bonus_coins,
#content #prePlayPopup .popup_popup .bonus_coins {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 24px 0 0 0;
}
#content #coinPopup .popup_popup .bonusCoinsSelectionImage,
#content #prePlayPopup .popup_popup .bonusCoinsSelectionImage {
  width: 80px;
  left: auto;
  right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
#content #coinPopup .popup_popup .learningGoalImage,
#content #prePlayPopup .popup_popup .learningGoalImage {
  position: relative;
  right: 145px;
  width: 100px;
  margin-bottom: 10px;
}
#content #coinPopup .popup_popup .learningGoalText,
#content #prePlayPopup .popup_popup .learningGoalText {
  font-size: 16px;
  height: 17px;
  font-weight: normal;
  color: #37495e;
}
#content #coinPopup .popup_popup .learningGoalDescription,
#content #prePlayPopup .popup_popup .learningGoalDescription {
  position: absolute;
  top: 70px;
  left: 170px;
  width: 280px;
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  color: #37495e;
}
#content #coinPopup .popup_message,
#content #prePlayPopup .popup_message {
  height: 62px;
}
#content #coinPopup .popup_learningGoal,
#content #prePlayPopup .popup_learningGoal,
#content #coinPopup .popup_coins,
#content #prePlayPopup .popup_coins {
  margin-top: 15px;
  padding: 20px;
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
}
#content #coinPopup .popup_learningGoal span[id="coinPopup.coins.left"],
#content #prePlayPopup .popup_learningGoal span[id="coinPopup.coins.left"],
#content #coinPopup .popup_coins span[id="coinPopup.coins.left"],
#content #prePlayPopup .popup_coins span[id="coinPopup.coins.left"] {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding: 10px 30px;
  padding-right: 60px;
  background-color: #00a470;
  -webkit-box-shadow: -5px 0 #003e2a;
  -moz-box-shadow: -5px 0 #003e2a;
  box-shadow: -5px 0 #003e2a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
}
#content #coinPopup .popup_learningGoal span[id="coinPopup.coins.left"]:after,
#content #prePlayPopup .popup_learningGoal span[id="coinPopup.coins.left"]:after,
#content #coinPopup .popup_coins span[id="coinPopup.coins.left"]:after,
#content #prePlayPopup .popup_coins span[id="coinPopup.coins.left"]:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 6px;
  border: 19px solid transparent;
  border-left: 10px solid #00a470;
}
#content #coinPopup .popup_learningGoal img.popup_coins_coin,
#content #prePlayPopup .popup_learningGoal img.popup_coins_coin,
#content #coinPopup .popup_coins img.popup_coins_coin,
#content #prePlayPopup .popup_coins img.popup_coins_coin {
  position: relative;
  left: -40px;
  vertical-align: middle;
  margin-left: -24px;
  width: 24px;
}
#content #coinPopup .popup_learningGoal .popup_coins_total_container,
#content #prePlayPopup .popup_learningGoal .popup_coins_total_container,
#content #coinPopup .popup_coins .popup_coins_total_container,
#content #prePlayPopup .popup_coins .popup_coins_total_container {
  display: inline-block;
  position: static !important;
  width: auto !important;
  float: none !important;
}
#content #coinPopup .popup_learningGoal .popup_coins_total_container .popup_coins_total,
#content #prePlayPopup .popup_learningGoal .popup_coins_total_container .popup_coins_total,
#content #coinPopup .popup_coins .popup_coins_total_container .popup_coins_total,
#content #prePlayPopup .popup_coins .popup_coins_total_container .popup_coins_total {
  padding: 10px 30px;
  background-color: #ebecef;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  color: #37495e;
}
#content #coinPopup .popup_learningGoal .popup_coins_total_container img,
#content #prePlayPopup .popup_learningGoal .popup_coins_total_container img,
#content #coinPopup .popup_coins .popup_coins_total_container img,
#content #prePlayPopup .popup_coins .popup_coins_total_container img {
  display: none;
}
#content #coinPopup a.popup_ok,
#content #prePlayPopup a.popup_ok {
  margin: 0 auto;
  width: 172px;
  background-color: #00a470;
  -webkit-box-shadow: 0 3px #003e2a;
  -moz-box-shadow: 0 3px #003e2a;
  box-shadow: 0 3px #003e2a;
}
#content #coinPopup a.popup_ok:hover,
#content #prePlayPopup a.popup_ok:hover {
  background-color: #003e2a;
  text-decoration: none;
}
#content #complainPopup .popup_popup a.popup_ok,
#content #complainPopup .popup_popup a.popup_cancel {
  margin: 22px 28px;
  width: 172px;
  float: left;
}
#content #complainPopup .popup_popup .popup_form_radio_buttons {
  text-align: left;
}
#content #complainPopup .popup_popup .popup_form_radio_buttons div {
  margin-bottom: 16px;
}
#content #complainPopup .popup_popup .popup_form_radio_buttons label {
  padding-left: 8px;
}
#content #complainPopup .popup_popup .popup_form_radio_buttons .buttons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
#content #complainPopup .popup_popup .popup_message {
  font-size: 24px;
  height: 62px;
  line-height: 62px;
}
#content #complainPopup .popup_popup .popup_form {
  height: 100px;
}
#content #featurePopup,
#content #firstLoginPopup,
#content #lockedGamePopup,
#content #birth-month-popup,
#content #lockedGardenPopup,
#content #emptyPersonalGardenPopup,
#content #advice-learning-goals-popup {
  display: none;
}
#content #featurePopup .popup_popup,
#content #firstLoginPopup .popup_popup,
#content #lockedGamePopup .popup_popup,
#content #birth-month-popup .popup_popup,
#content #lockedGardenPopup .popup_popup,
#content #emptyPersonalGardenPopup .popup_popup,
#content #advice-learning-goals-popup .popup_popup {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 610px;
  left: 150px;
  z-index: 99;
}
#content #featurePopup .popup_popup .popup_close,
#content #firstLoginPopup .popup_popup .popup_close,
#content #lockedGamePopup .popup_popup .popup_close,
#content #birth-month-popup .popup_popup .popup_close,
#content #lockedGardenPopup .popup_popup .popup_close,
#content #emptyPersonalGardenPopup .popup_popup .popup_close,
#content #advice-learning-goals-popup .popup_popup .popup_close,
#content #featurePopup .popup_popup .message_link,
#content #firstLoginPopup .popup_popup .message_link,
#content #lockedGamePopup .popup_popup .message_link,
#content #birth-month-popup .popup_popup .message_link,
#content #lockedGardenPopup .popup_popup .message_link,
#content #emptyPersonalGardenPopup .popup_popup .message_link,
#content #advice-learning-goals-popup .popup_popup .message_link {
  float: right;
  font-size: 22px;
  color: #37495e;
  cursor: pointer;
}
#content #featurePopup .popup_popup .popup_close:hover,
#content #firstLoginPopup .popup_popup .popup_close:hover,
#content #lockedGamePopup .popup_popup .popup_close:hover,
#content #birth-month-popup .popup_popup .popup_close:hover,
#content #lockedGardenPopup .popup_popup .popup_close:hover,
#content #emptyPersonalGardenPopup .popup_popup .popup_close:hover,
#content #advice-learning-goals-popup .popup_popup .popup_close:hover,
#content #featurePopup .popup_popup .message_link:hover,
#content #firstLoginPopup .popup_popup .message_link:hover,
#content #lockedGamePopup .popup_popup .message_link:hover,
#content #birth-month-popup .popup_popup .message_link:hover,
#content #lockedGardenPopup .popup_popup .message_link:hover,
#content #emptyPersonalGardenPopup .popup_popup .message_link:hover,
#content #advice-learning-goals-popup .popup_popup .message_link:hover,
#content #featurePopup .popup_popup .popup_close.active,
#content #firstLoginPopup .popup_popup .popup_close.active,
#content #lockedGamePopup .popup_popup .popup_close.active,
#content #birth-month-popup .popup_popup .popup_close.active,
#content #lockedGardenPopup .popup_popup .popup_close.active,
#content #emptyPersonalGardenPopup .popup_popup .popup_close.active,
#content #advice-learning-goals-popup .popup_popup .popup_close.active,
#content #featurePopup .popup_popup .message_link.active,
#content #firstLoginPopup .popup_popup .message_link.active,
#content #lockedGamePopup .popup_popup .message_link.active,
#content #birth-month-popup .popup_popup .message_link.active,
#content #lockedGardenPopup .popup_popup .message_link.active,
#content #emptyPersonalGardenPopup .popup_popup .message_link.active,
#content #advice-learning-goals-popup .popup_popup .message_link.active {
  color: #00a470;
}
#content #featurePopup .popup_overlay,
#content #firstLoginPopup .popup_overlay,
#content #lockedGamePopup .popup_overlay,
#content #birth-month-popup .popup_overlay,
#content #lockedGardenPopup .popup_overlay,
#content #emptyPersonalGardenPopup .popup_overlay,
#content #advice-learning-goals-popup .popup_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  display: none;
  background: rgba(0, 0, 0, 0.2);
}
#content #featurePopup .popup_popup {
  max-height: 410px;
  overflow: auto;
}
#content #featurePopup .popup_popup .popup_body a {
  text-transform: none;
}
#content #featurePopup .feature_message {
  position: relative;
  height: 325px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 10px;
  background-color: #eee;
  display: block;
  transition: transform 0.3s;
}
#content #featurePopup .feature_message:hover,
#content #featurePopup .feature_message:active,
#content #featurePopup .feature_message:focus {
  transform: scale(1.015);
  color: #00a470;
}
#content #featurePopup .feature_message:first-of-type {
  margin-top: 30px;
}
#content #featurePopup .feature_message .feature_image {
  max-width: 100%;
}
#content #featurePopup .feature_message .popup_title {
  background: rgba(0, 0, 0, 0.75);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.75)), color-stop(1, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px;
  font-size: 22px;
  color: white;
  line-height: 25px;
}
#content #firstLoginPopup .popup_popup {
  overflow: auto;
  background-image: url('/img/garden/firstlogin_welcome.png?rev=1778068871');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#content #firstLoginPopup .popup_popup .popup_body a {
  text-transform: none;
}
#content #firstLoginPopup .popup_popup h1 {
  margin: 30px 0 30px 0;
}
#content #firstLoginPopup .popup_popup p {
  line-height: 19px;
}
#content #firstLoginPopup .first_login_message {
  position: relative;
  height: 325px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 10px;
}
#content #firstLoginPopup .popup_popup,
#content #advice-learning-goals-popup .popup_popup {
  height: 465px;
  top: 20px;
}
#content #firstLoginPopup .popup_play,
#content #advice-learning-goals-popup .popup_play {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  -webkit-box-shadow: 0 3px #00714d;
  -moz-box-shadow: 0 3px #00714d;
  box-shadow: 0 3px #00714d;
  margin-top: 8px;
  background-color: #00a470;
  font-size: 18px;
}
#content #firstLoginPopup .popup_play:active,
#content #advice-learning-goals-popup .popup_play:active {
  background-color: #ccc;
}
#content #firstLoginPopup .popup_play.answered,
#content #advice-learning-goals-popup .popup_play.answered {
  pointer-events: none;
}
#content #firstLoginPopup .popup_play.selected,
#content #advice-learning-goals-popup .popup_play.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
#content #firstLoginPopup .popup_play.correct,
#content #advice-learning-goals-popup .popup_play.correct,
#content #firstLoginPopup .popup_play.correct-answer,
#content #advice-learning-goals-popup .popup_play.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content #firstLoginPopup .popup_play.incorrect,
#content #advice-learning-goals-popup .popup_play.incorrect,
#content #firstLoginPopup .popup_play.incorrect-answer,
#content #advice-learning-goals-popup .popup_play.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
#content #firstLoginPopup .popup_play .maximizedText,
#content #advice-learning-goals-popup .popup_play .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
#content #firstLoginPopup .popup_play:hover,
#content #advice-learning-goals-popup .popup_play:hover,
#content #firstLoginPopup .popup_play:focus,
#content #advice-learning-goals-popup .popup_play:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
#content #firstLoginPopup .popup_play:active,
#content #advice-learning-goals-popup .popup_play:active {
  background-color: #00516d;
}
#content #firstLoginPopup .popup_play.disabled,
#content #advice-learning-goals-popup .popup_play.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
#content #firstLoginPopup .popup_play:hover,
#content #advice-learning-goals-popup .popup_play:hover,
#content #firstLoginPopup .popup_play:focus,
#content #advice-learning-goals-popup .popup_play:focus {
  -webkit-box-shadow: 0 3px #000b08;
  -moz-box-shadow: 0 3px #000b08;
  box-shadow: 0 3px #000b08;
  background-color: #003e2a;
}
#content #advice-learning-goals-popup .popup_title,
#content #lockedGamePopup .popup_title,
#content #birth-month-popup .popup_title,
#content #lockedGardenPopup .popup_title,
#content #emptyPersonalGardenPopup .popup_title {
  margin: 20px;
  line-height: 25px;
}
#content #advice-learning-goals-popup .popup_body,
#content #lockedGamePopup .popup_body,
#content #birth-month-popup .popup_body,
#content #lockedGardenPopup .popup_body,
#content #emptyPersonalGardenPopup .popup_body {
  display: inline-block;
  height: 200px;
  width: 300px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#content #emptyPersonalGardenPopup .popup_body {
  width: auto;
  height: 290px;
}
#content #emptyPersonalGardenPopup .popup_body .illustration {
  margin: 20px auto 0 auto;
  width: 200px;
  height: 300px;
  background-image: url('/img/garden/no_games.png?rev=1778068871');
  background-repeat: no-repeat;
  background-size: contain;
}
#content #advice-learning-goals-popup .popup_body {
  width: auto;
}
#content #advice-learning-goals-popup .illustration {
  margin: 20px auto 0 auto;
  width: 200px;
  height: 300px;
  background-image: url('/img/garden/no_games.png?rev=1778068871');
  background-repeat: no-repeat;
  background-size: contain;
}
#content #lockedGamePopup.locked-by-min-score .popup_body {
  background-image: url('/img/garden/garden_sign_lock.png?rev=1778068871');
}
#content #lockedGamePopup.locked-by-garden-settings .popup_body {
  background-image: url('/img/garden/garden_sign_lock.png?rev=1778068871');
}
#content #lockedGamePopup.locked-by-max-score .popup_body {
  background-image: url('/img/garden/garden_sign_crown.png?rev=1778068871');
}
#content #birth-month-popup .popup_body {
  height: 300px;
  background-image: url('/img/garden/birth_month_popup.png?rev=1778068871');
  background-size: contain;
}
#content #lockedGardenPopup {
  display: block;
}
#content #lockedGardenPopup .popup_body {
  background-image: url('/img/garden/garden_sign_lock.png?rev=1778068871');
}
#content #lockedGardenPopup .popup_overlay {
  display: block;
}
#content #advice-learning-goals-popup .popup_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 330px;
}
#content #advice-learning-goals-popup .games {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 12px;
}
#content #advice-learning-goals-popup .games .learning-goal-game {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #EEEEEE;
  padding: 16px;
  border-radius: 16px;
  width: 180px;
}
#content #advice-learning-goals-popup .games .learning-goal-game .sign {
  background: url(/img/skins/world/sign.png?rev=1778068871) no-repeat top center;
  background-size: contain;
  position: relative;
  width: 100%;
  height: 100px;
  padding-top: 16px;
  color: #FFE805;
}
#content #advice-learning-goals-popup .games .learning-goal-game .sign.not-played::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 72px;
  width: 77px;
  top: 55px;
  pointer-events: none;
  background: url(/img/skins/world/withers/learning_goal.png?rev=1778068871);
  background-size: cover;
}
#content #advice-learning-goals-popup .games .learning-goal-game .learning-goal-description {
  margin: 16px 0;
  max-height: 72px;
  text-align: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*--  game utils styling  --*/
/* tooltip styling */
.tooltip-styling span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.tooltip-styling span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.tooltip-hover-styling:hover > .tooltip,
.tooltip-hover-styling:active > .tooltip {
  display: block;
}
#content #game .screen span[id="game.container"] {
  color: #fff;
  text-align: center;
  /* --- coin box --- */
  /* --- row of coins --- */
}
#content #game .screen span[id="game.container"] .session-coins {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}
#content #game .screen span[id="game.container"] .session-coins .slit {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 107px;
  background-color: #00714d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
#content #game .screen span[id="game.container"] .session-coins .slit:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 6px;
  height: 36px;
  margin-right: 4px;
  margin-top: 7px;
  background-color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
#content #game .screen span[id="game.container"] .session-coins .not-answered {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50px 0 50px 40px;
  border-bottom: solid 2px #df4340;
  border-right: solid 2px #df4340;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #e66e6c;
  right: 110px;
  bottom: -4px;
}
#content #game .screen span[id="game.container"] .session-coins .not-answered:before {
  font-size: 40px;
  padding: 20px 0px 0 0;
}
#content #game .screen span[id="game.container"] .session-coins .multiplier-bubble {
  display: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 28px;
  height: 28px;
  padding-top: 6px;
  margin-left: -22px;
  margin-bottom: 4px;
  background-color: #00714d;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: -2px 0 #003e2a;
  -moz-box-shadow: -2px 0 #003e2a;
  box-shadow: -2px 0 #003e2a;
  z-index: 3;
  color: rgba(255, 255, 255, 0.7);
}
#content #game .screen span[id="game.container"] .session-coins .multiplier-bubble:before,
#content #game .screen span[id="game.container"] .session-coins .multiplier-bubble:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 3px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border: 11px solid transparent;
  border-top: 12px solid #00714d;
}
#content #game .screen span[id="game.container"] .session-coins .multiplier-bubble:before {
  border-top-color: #00714d;
  margin-left: -2px;
}
#content #game .screen span[id="game.container"] .session-coins .multiplier-bubble.visible {
  display: block;
}
#content #game .screen span[id="game.container"] .session-coins .text,
#content #game .screen span[id="game.container"] .session-coins .score {
  color: white;
  position: relative;
  display: block;
  width: 90px;
  height: 50px;
  background-color: #00a470;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: -6px 0 #00714d;
  -moz-box-shadow: -6px 0 #00714d;
  box-shadow: -6px 0 #00714d;
  line-height: 50px;
  font-size: 30px;
}
#content #game .screen span[id="game.container"] .coin-icon-eye,
#content #game .screen span[id="game.container"] .coin-icon-eye-slash {
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.7;
}
#content #game .screen span[id="game.container"] .coin-icon-eye-slash {
  background-image: url(/img/games/eye_hide.png?rev=1778068871);
}
#content #game .screen span[id="game.container"] .coin-icon-eye {
  background-image: url(/img/games/eye_show.png?rev=1778068871);
}
#content #game .screen span[id="game.container"] .coin-bar-toggle {
  bottom: 25px;
  right: 80px;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 2em;
  line-height: 60px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 15px;
  bottom: 15px;
  line-height: 40px;
  margin-left: inherit;
  padding-top: 1px;
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
  z-index: 3;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle .text {
  display: block;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle:hover,
#content #game .screen span[id="game.container"] .coin-bar-toggle:focus {
  background-color: #fff;
  border-color: transparent;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle.disabled {
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle::before {
  margin-right: inherit;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle:hover,
#content #game .screen span[id="game.container"] .coin-bar-toggle:focus,
#content #game .screen span[id="game.container"] .coin-bar-toggle:active {
  color: #fff;
  background-color: #009dd3;
  box-shadow: 0 3px #0077a0;
  opacity: 1;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle:hover > .tooltip,
#content #game .screen span[id="game.container"] .coin-bar-toggle:active > .tooltip {
  display: block;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle span.tooltip {
  left: 120%;
  top: 7px;
}
#content #game .screen span[id="game.container"] .coin-bar-toggle span.tooltip::after {
  right: 100%;
  border-right-color: rgba(0, 0, 0, 0.4);
}
#content #game .screen span[id="game.container"] .coin-bar {
  position: absolute;
  right: 108px;
  bottom: 0;
  height: 60px;
  padding-top: 10px;
  padding-right: 22px;
  padding-left: 20px;
  z-index: 3;
  overflow: hidden;
}
#content #game .screen span[id="game.container"] .coin-bar.isCoinsFlashing {
  -webkit-animation: coinsFlashing 0.5s 1 cubic-bezier(1, 0, 0, 1);
  -moz-animation: coinsFlashing 0.5s 1 cubic-bezier(1, 0, 0, 1);
  animation: coinsFlashing 0.5s 1 cubic-bezier(1, 0, 0, 1);
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -ms-transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
@-webkit-keyframes coinsFlashing {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes coinsFlashing {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes coinsFlashing {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
#content #game .screen span[id="game.container"] .coin-bar .coin {
  position: relative;
  display: inline-block;
  float: left;
  width: 24px;
  height: 30px;
  margin-left: -10px !important;
  padding-left: 4px;
  background-size: 24px;
  background-image: url('/img/games/coin-neutral.png?rev=1778068871');
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct {
  background-image: url('/img/games/coin-correct.png?rev=1778068871');
}
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect {
  background-image: url('/img/games/coin-incorrect.png?rev=1778068871');
}
#content #game .screen span[id="game.container"] .coin-bar .coin.valueless {
  background-image: url('/img/games/coin-gray.png?rev=1778068871');
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct,
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect {
  -webkit-animation: coinSlideOutRight 3s forwards;
  -moz-animation: coinSlideOutRight 3s forwards;
  animation: coinSlideOutRight 3s forwards;
  -webkit-animation-delay: 1000;
  animation-delay: 1000;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct.passed,
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect.passed {
  display: none;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(1),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(1) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(2),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(3),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(3) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(4),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(5),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(5) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(6),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(7),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(7) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(8),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(8) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(9),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(9) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(10),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(10) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(11),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(11) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(12),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(12) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(13),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(13) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(14),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(14) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(15),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(15) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(16),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(16) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(17),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(17) {
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(18),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(18) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(19),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(19) {
  -webkit-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(20),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(20) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(21),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(21) {
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(22),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(22) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(23),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(23) {
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(24),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(24) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(25),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(25) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(26),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(26) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(27),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(27) {
  -webkit-animation-delay: 1.35s;
  animation-delay: 1.35s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(28),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(28) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(29),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(29) {
  -webkit-animation-delay: 1.45s;
  animation-delay: 1.45s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(30),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(30) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(31),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(31) {
  -webkit-animation-delay: 1.55s;
  animation-delay: 1.55s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(32),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(32) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(33),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(33) {
  -webkit-animation-delay: 1.65s;
  animation-delay: 1.65s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(34),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(34) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(35),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(35) {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(36),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(36) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(37),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(37) {
  -webkit-animation-delay: 1.85s;
  animation-delay: 1.85s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(38),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(38) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(39),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(39) {
  -webkit-animation-delay: 1.95s;
  animation-delay: 1.95s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(40),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(40) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(41),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(41) {
  -webkit-animation-delay: 2.05s;
  animation-delay: 2.05s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(42),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(42) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(43),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(43) {
  -webkit-animation-delay: 2.15s;
  animation-delay: 2.15s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(44),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(44) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(45),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(45) {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(46),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(46) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(47),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(47) {
  -webkit-animation-delay: 2.35s;
  animation-delay: 2.35s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(48),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(48) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(49),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(49) {
  -webkit-animation-delay: 2.45s;
  animation-delay: 2.45s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.correct:nth-last-child(50),
#content #game .screen span[id="game.container"] .coin-bar .coin.incorrect:nth-last-child(50) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.passed {
  -webkit-animation: coinSlideOutBottom 0.3s forwards;
  -moz-animation: coinSlideOutBottom 0.3s forwards;
  animation: coinSlideOutBottom 0.3s forwards;
  display: none\0;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.passed.valueless.correct {
  -webkit-animation: coinSlideOutBottom 1s forwards;
  -moz-animation: coinSlideOutBottom 1s forwards;
  animation: coinSlideOutBottom 1s forwards;
  -webkit-animation-delay: 1000;
  animation-delay: 1000;
  background-image: url('/img/games/coin-correct.png?rev=1778068871');
  display: block;
}
#content #game .screen span[id="game.container"] .coin-bar .coin.passed.valueless.incorrect {
  -webkit-animation: coinSlideOutBottom 1s forwards;
  -moz-animation: coinSlideOutBottom 1s forwards;
  animation: coinSlideOutBottom 1s forwards;
  -webkit-animation-delay: 1000;
  animation-delay: 1000;
  background-image: url('/img/games/coin-incorrect.png?rev=1778068871');
  display: block;
}
.game-button-back {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  right: 100px;
  font-family: entypo;
}
.game-button-back:before {
  content: attr(data-icon);
  font-family: entypo;
}
.game-button-back:hover,
.game-button-back:active,
.game-button-back:focus {
  text-decoration: none;
}
.game-button-back.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.game-button-back.disabled::before,
.game-button-back.disabled span[material-icon]::before {
  pointer-events: none;
}
.game-button-back.disabled:hover,
.game-button-back.disabled:focus,
.game-button-back.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.game-button-back .text {
  display: block;
  height: 100%;
  width: 100%;
}
.game-button-back .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.game-button-back:before {
  font-family: entypo;
}
.game-button-back:hover,
.game-button-back:focus {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
}
.game-button-back:active {
  background-color: #009dd3;
}
.stop-button-styling,
.questionmark-button-styling,
.complain-button-styling {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.stop-button-styling:before,
.questionmark-button-styling:before,
.complain-button-styling:before {
  content: attr(data-icon);
  font-family: entypo;
}
.stop-button-styling:hover,
.questionmark-button-styling:hover,
.complain-button-styling:hover,
.stop-button-styling:active,
.questionmark-button-styling:active,
.complain-button-styling:active,
.stop-button-styling:focus,
.questionmark-button-styling:focus,
.complain-button-styling:focus {
  text-decoration: none;
}
.stop-button-styling.disabled,
.questionmark-button-styling.disabled,
.complain-button-styling.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.stop-button-styling.disabled::before,
.questionmark-button-styling.disabled::before,
.complain-button-styling.disabled::before,
.stop-button-styling.disabled span[material-icon]::before,
.questionmark-button-styling.disabled span[material-icon]::before,
.complain-button-styling.disabled span[material-icon]::before {
  pointer-events: none;
}
.stop-button-styling.disabled:hover,
.questionmark-button-styling.disabled:hover,
.complain-button-styling.disabled:hover,
.stop-button-styling.disabled:focus,
.questionmark-button-styling.disabled:focus,
.complain-button-styling.disabled:focus,
.stop-button-styling.disabled:active,
.questionmark-button-styling.disabled:active,
.complain-button-styling.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.stop-button-styling .text,
.questionmark-button-styling .text,
.complain-button-styling .text {
  display: block;
  height: 100%;
  width: 100%;
}
.stop-button-styling .text:before,
.questionmark-button-styling .text:before,
.complain-button-styling .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.stop-button-styling:before,
.questionmark-button-styling:before,
.complain-button-styling:before {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-button-back,
.next-item-button-styling,
.questionmark-button-styling,
.complain-button-styling,
.stop-button-styling {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
}
.game-button-back span.tooltip,
.next-item-button-styling span.tooltip,
.questionmark-button-styling span.tooltip,
.complain-button-styling span.tooltip,
.stop-button-styling span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.game-button-back span.tooltip::after,
.next-item-button-styling span.tooltip::after,
.questionmark-button-styling span.tooltip::after,
.complain-button-styling span.tooltip::after,
.stop-button-styling span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.game-button-back span.tooltip,
.next-item-button-styling span.tooltip,
.questionmark-button-styling span.tooltip,
.complain-button-styling span.tooltip,
.stop-button-styling span.tooltip {
  right: 120%;
  top: 15px;
}
.game-button-back span.tooltip::after,
.next-item-button-styling span.tooltip::after,
.questionmark-button-styling span.tooltip::after,
.complain-button-styling span.tooltip::after,
.stop-button-styling span.tooltip::after {
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.game-button-back:hover,
.next-item-button-styling:hover,
.questionmark-button-styling:hover,
.complain-button-styling:hover,
.stop-button-styling:hover,
.game-button-back:focus,
.next-item-button-styling:focus,
.questionmark-button-styling:focus,
.complain-button-styling:focus,
.stop-button-styling:focus {
  background-color: #0077a0;
  outline: none;
}
.stop-button-styling {
  font-size: 3em;
}
/* sidebar explanation*/
#sidebar-content .explanation-box {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  bottom: 282px;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 10px;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
}
#sidebar-content .explanation-box:before {
  content: attr(data-icon);
  font-family: entypo;
}
#sidebar-content .explanation-box:hover,
#sidebar-content .explanation-box:active,
#sidebar-content .explanation-box:focus {
  text-decoration: none;
}
#sidebar-content .explanation-box.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
#sidebar-content .explanation-box.disabled::before,
#sidebar-content .explanation-box.disabled span[material-icon]::before {
  pointer-events: none;
}
#sidebar-content .explanation-box.disabled:hover,
#sidebar-content .explanation-box.disabled:focus,
#sidebar-content .explanation-box.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
#sidebar-content .explanation-box .text {
  display: block;
  height: 100%;
  width: 100%;
}
#sidebar-content .explanation-box .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
#sidebar-content .explanation-box:before {
  content: "ℹ";
}
#sidebar-content .explanation-box:hover,
#sidebar-content .explanation-box:focus {
  background-color: #0077a0;
}
#sidebar-content .explanation-box .explanation {
  position: absolute;
  right: 100%;
  top: 50%;
  display: none;
  min-height: 130px;
  width: 300px;
  margin-top: -90px;
  margin-right: 20px;
  padding: 20px;
  background-color: #f7f7f7;
  color: #37495e;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  font-size: 0.7em;
  line-height: 1.35em;
  text-align: left;
  cursor: auto;
}
#sidebar-content .explanation-box .explanation.visible {
  display: block;
}
#sidebar-content .explanation-box .explanation:before,
#sidebar-content .explanation-box .explanation:after {
  content: "";
  position: absolute;
  top: 90px;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left-color: #f7f7f7;
}
#sidebar-content .explanation-box .explanation:before {
  margin-top: -12px;
  border-left-color: #ddd;
}
@-webkit-keyframes coinSlideOutBottom {
  0% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  20% {
    -webkit-transform: translateY(-20%);
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: translateY(300%);
    -webkit-opacity: 0;
  }
}
@-webkit-keyframes coinSlideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -webkit-opacity: 1;
  }
  90% {
    -webkit-transform: translateX(1800%);
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: translateX(2000%);
    -webkit-opacity: 0;
  }
}
@-moz-keyframes coinSlideOutBottom {
  0% {
    -moz-transform: translateY(0);
    -moz-opacity: 1;
  }
  20% {
    -moz-transform: translateY(-20%);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: translateY(300%);
    -moz-opacity: 0;
  }
}
@-moz-keyframes coinSlideOutRight {
  0% {
    -moz-transform: translateX(0);
    -moz-opacity: 1;
  }
  90% {
    -moz-transform: translateX(1800%);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: translateX(2000%);
    -moz-opacity: 0;
  }
}
@keyframes coinSlideOutBottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  20% {
    transform: translateY(-20%);
    opacity: 1;
  }
  100% {
    transform: translateY(300%);
    opacity: 0;
  }
}
@keyframes coinSlideOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  90% {
    transform: translateX(1800%);
    opacity: 1;
  }
  100% {
    transform: translateX(2000%);
    opacity: 0;
  }
}
/*--  sidebar styling  --*/
.play-action #content #sidebar,
.pre_play-action #content #sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  margin: 0px;
  background: none;
  background: rgba(255, 255, 255, 0.25);
  z-index: 1;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.play-action #content #sidebar #sidebar-content,
.pre_play-action #content #sidebar #sidebar-content {
  margin: 0 20px;
  width: 80px;
}
.play-action #content #sidebar #sidebar-content #progressbarWrap,
.pre_play-action #content #sidebar #sidebar-content #progressbarWrap {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  height: 12px;
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.play-action #content #sidebar #sidebar-content #progressbarWrap #progressbarValue,
.pre_play-action #content #sidebar #sidebar-content #progressbarWrap #progressbarValue {
  height: 100%;
  width: 1%;
  background-color: #00a470;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease 0.2s ease-out;
  -moz-transition: width 0.3s ease 0.2s ease-out;
  -o-transition: width 0.3s ease 0.2s ease-out;
  transition: width 0.3s ease 0.2s ease-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.play-action #content #sidebar #sidebar-content .logo,
.pre_play-action #content #sidebar #sidebar-content .logo {
  margin-top: 20px;
  margin-left: 4px;
  width: 72px;
}
.play-action #content #sidebar .game-description,
.pre_play-action #content #sidebar .game-description {
  line-height: 1.5em;
  color: #37495e;
  margin: 2px 0;
}
.play-action #content .game-buttons,
.pre_play-action #content .game-buttons {
  bottom: 80px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  text-align: center;
  width: 80px;
  z-index: 2;
  float: left;
}
.play-action #content .game-buttons a,
.pre_play-action #content .game-buttons a {
  position: relative;
  pointer-events: auto;
}
.play-action #content .game-buttons .game-button-next-item,
.pre_play-action #content .game-buttons .game-button-next-item {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-next-item:before,
.pre_play-action #content .game-buttons .game-button-next-item:before {
  content: attr(data-icon);
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-next-item:hover,
.pre_play-action #content .game-buttons .game-button-next-item:hover,
.play-action #content .game-buttons .game-button-next-item:active,
.pre_play-action #content .game-buttons .game-button-next-item:active,
.play-action #content .game-buttons .game-button-next-item:focus,
.pre_play-action #content .game-buttons .game-button-next-item:focus {
  text-decoration: none;
}
.play-action #content .game-buttons .game-button-next-item.disabled,
.pre_play-action #content .game-buttons .game-button-next-item.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-next-item.disabled::before,
.pre_play-action #content .game-buttons .game-button-next-item.disabled::before,
.play-action #content .game-buttons .game-button-next-item.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-next-item.disabled span[material-icon]::before {
  pointer-events: none;
}
.play-action #content .game-buttons .game-button-next-item.disabled:hover,
.pre_play-action #content .game-buttons .game-button-next-item.disabled:hover,
.play-action #content .game-buttons .game-button-next-item.disabled:focus,
.pre_play-action #content .game-buttons .game-button-next-item.disabled:focus,
.play-action #content .game-buttons .game-button-next-item.disabled:active,
.pre_play-action #content .game-buttons .game-button-next-item.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-next-item .text,
.pre_play-action #content .game-buttons .game-button-next-item .text {
  display: block;
  height: 100%;
  width: 100%;
}
.play-action #content .game-buttons .game-button-next-item .text:before,
.pre_play-action #content .game-buttons .game-button-next-item .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.play-action #content .game-buttons .game-button-next-item span.tooltip,
.pre_play-action #content .game-buttons .game-button-next-item span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.play-action #content .game-buttons .game-button-next-item span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-next-item span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.play-action #content .game-buttons .game-button-next-item span.tooltip,
.pre_play-action #content .game-buttons .game-button-next-item span.tooltip {
  right: 120%;
  top: 15px;
}
.play-action #content .game-buttons .game-button-next-item span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-next-item span.tooltip::after {
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.play-action #content .game-buttons .game-button-next-item:hover,
.pre_play-action #content .game-buttons .game-button-next-item:hover,
.play-action #content .game-buttons .game-button-next-item:focus,
.pre_play-action #content .game-buttons .game-button-next-item:focus {
  background-color: #0077a0;
  outline: none;
}
.play-action #content .game-buttons .game-button-next-item:hover > .tooltip,
.pre_play-action #content .game-buttons .game-button-next-item:hover > .tooltip,
.play-action #content .game-buttons .game-button-next-item:active > .tooltip,
.pre_play-action #content .game-buttons .game-button-next-item:active > .tooltip {
  display: block;
}
.play-action #content .game-buttons .game-button-next-item:before,
.pre_play-action #content .game-buttons .game-button-next-item:before {
  content: '→ ';
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-next-item span.tooltip,
.pre_play-action #content .game-buttons .game-button-next-item span.tooltip {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.play-action #content .game-buttons .game-button-stop,
.pre_play-action #content .game-buttons .game-button-stop {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
  font-size: 3em;
}
.play-action #content .game-buttons .game-button-stop:before,
.pre_play-action #content .game-buttons .game-button-stop:before {
  content: attr(data-icon);
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-stop:hover,
.pre_play-action #content .game-buttons .game-button-stop:hover,
.play-action #content .game-buttons .game-button-stop:active,
.pre_play-action #content .game-buttons .game-button-stop:active,
.play-action #content .game-buttons .game-button-stop:focus,
.pre_play-action #content .game-buttons .game-button-stop:focus {
  text-decoration: none;
}
.play-action #content .game-buttons .game-button-stop.disabled,
.pre_play-action #content .game-buttons .game-button-stop.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-stop.disabled::before,
.pre_play-action #content .game-buttons .game-button-stop.disabled::before,
.play-action #content .game-buttons .game-button-stop.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-stop.disabled span[material-icon]::before {
  pointer-events: none;
}
.play-action #content .game-buttons .game-button-stop.disabled:hover,
.pre_play-action #content .game-buttons .game-button-stop.disabled:hover,
.play-action #content .game-buttons .game-button-stop.disabled:focus,
.pre_play-action #content .game-buttons .game-button-stop.disabled:focus,
.play-action #content .game-buttons .game-button-stop.disabled:active,
.pre_play-action #content .game-buttons .game-button-stop.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-stop .text,
.pre_play-action #content .game-buttons .game-button-stop .text {
  display: block;
  height: 100%;
  width: 100%;
}
.play-action #content .game-buttons .game-button-stop .text:before,
.pre_play-action #content .game-buttons .game-button-stop .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.play-action #content .game-buttons .game-button-stop:before,
.pre_play-action #content .game-buttons .game-button-stop:before {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.play-action #content .game-buttons .game-button-stop span.tooltip,
.pre_play-action #content .game-buttons .game-button-stop span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.play-action #content .game-buttons .game-button-stop span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-stop span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.play-action #content .game-buttons .game-button-stop span.tooltip,
.pre_play-action #content .game-buttons .game-button-stop span.tooltip {
  right: 120%;
  top: 15px;
}
.play-action #content .game-buttons .game-button-stop span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-stop span.tooltip::after {
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.play-action #content .game-buttons .game-button-stop:hover,
.pre_play-action #content .game-buttons .game-button-stop:hover,
.play-action #content .game-buttons .game-button-stop:focus,
.pre_play-action #content .game-buttons .game-button-stop:focus {
  background-color: #0077a0;
  outline: none;
}
.play-action #content .game-buttons .game-button-stop:hover > .tooltip,
.pre_play-action #content .game-buttons .game-button-stop:hover > .tooltip,
.play-action #content .game-buttons .game-button-stop:active > .tooltip,
.pre_play-action #content .game-buttons .game-button-stop:active > .tooltip {
  display: block;
}
.play-action #content .game-buttons .game-button-stop.special,
.pre_play-action #content .game-buttons .game-button-stop.special {
  bottom: 5px;
}
.play-action #content .game-buttons .game-button-questionmark,
.pre_play-action #content .game-buttons .game-button-questionmark {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
}
.play-action #content .game-buttons .game-button-questionmark:before,
.pre_play-action #content .game-buttons .game-button-questionmark:before {
  content: attr(data-icon);
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-questionmark:hover,
.pre_play-action #content .game-buttons .game-button-questionmark:hover,
.play-action #content .game-buttons .game-button-questionmark:active,
.pre_play-action #content .game-buttons .game-button-questionmark:active,
.play-action #content .game-buttons .game-button-questionmark:focus,
.pre_play-action #content .game-buttons .game-button-questionmark:focus {
  text-decoration: none;
}
.play-action #content .game-buttons .game-button-questionmark.disabled,
.pre_play-action #content .game-buttons .game-button-questionmark.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-questionmark.disabled::before,
.pre_play-action #content .game-buttons .game-button-questionmark.disabled::before,
.play-action #content .game-buttons .game-button-questionmark.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-questionmark.disabled span[material-icon]::before {
  pointer-events: none;
}
.play-action #content .game-buttons .game-button-questionmark.disabled:hover,
.pre_play-action #content .game-buttons .game-button-questionmark.disabled:hover,
.play-action #content .game-buttons .game-button-questionmark.disabled:focus,
.pre_play-action #content .game-buttons .game-button-questionmark.disabled:focus,
.play-action #content .game-buttons .game-button-questionmark.disabled:active,
.pre_play-action #content .game-buttons .game-button-questionmark.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-questionmark .text,
.pre_play-action #content .game-buttons .game-button-questionmark .text {
  display: block;
  height: 100%;
  width: 100%;
}
.play-action #content .game-buttons .game-button-questionmark .text:before,
.pre_play-action #content .game-buttons .game-button-questionmark .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.play-action #content .game-buttons .game-button-questionmark:before,
.pre_play-action #content .game-buttons .game-button-questionmark:before {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.play-action #content .game-buttons .game-button-questionmark span.tooltip,
.pre_play-action #content .game-buttons .game-button-questionmark span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.play-action #content .game-buttons .game-button-questionmark span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-questionmark span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.play-action #content .game-buttons .game-button-questionmark span.tooltip,
.pre_play-action #content .game-buttons .game-button-questionmark span.tooltip {
  right: 120%;
  top: 15px;
}
.play-action #content .game-buttons .game-button-questionmark span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-questionmark span.tooltip::after {
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.play-action #content .game-buttons .game-button-questionmark:hover,
.pre_play-action #content .game-buttons .game-button-questionmark:hover,
.play-action #content .game-buttons .game-button-questionmark:focus,
.pre_play-action #content .game-buttons .game-button-questionmark:focus {
  background-color: #0077a0;
  outline: none;
}
.play-action #content .game-buttons .game-button-questionmark:hover > .tooltip,
.pre_play-action #content .game-buttons .game-button-questionmark:hover > .tooltip,
.play-action #content .game-buttons .game-button-questionmark:active > .tooltip,
.pre_play-action #content .game-buttons .game-button-questionmark:active > .tooltip {
  display: block;
}
.play-action #content .game-buttons .game-button-complain,
.pre_play-action #content .game-buttons .game-button-complain {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
}
.play-action #content .game-buttons .game-button-complain:before,
.pre_play-action #content .game-buttons .game-button-complain:before {
  content: attr(data-icon);
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-complain:hover,
.pre_play-action #content .game-buttons .game-button-complain:hover,
.play-action #content .game-buttons .game-button-complain:active,
.pre_play-action #content .game-buttons .game-button-complain:active,
.play-action #content .game-buttons .game-button-complain:focus,
.pre_play-action #content .game-buttons .game-button-complain:focus {
  text-decoration: none;
}
.play-action #content .game-buttons .game-button-complain.disabled,
.pre_play-action #content .game-buttons .game-button-complain.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-complain.disabled::before,
.pre_play-action #content .game-buttons .game-button-complain.disabled::before,
.play-action #content .game-buttons .game-button-complain.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-complain.disabled span[material-icon]::before {
  pointer-events: none;
}
.play-action #content .game-buttons .game-button-complain.disabled:hover,
.pre_play-action #content .game-buttons .game-button-complain.disabled:hover,
.play-action #content .game-buttons .game-button-complain.disabled:focus,
.pre_play-action #content .game-buttons .game-button-complain.disabled:focus,
.play-action #content .game-buttons .game-button-complain.disabled:active,
.pre_play-action #content .game-buttons .game-button-complain.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-complain .text,
.pre_play-action #content .game-buttons .game-button-complain .text {
  display: block;
  height: 100%;
  width: 100%;
}
.play-action #content .game-buttons .game-button-complain .text:before,
.pre_play-action #content .game-buttons .game-button-complain .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.play-action #content .game-buttons .game-button-complain:before,
.pre_play-action #content .game-buttons .game-button-complain:before {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.play-action #content .game-buttons .game-button-complain span.tooltip,
.pre_play-action #content .game-buttons .game-button-complain span.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  font-size: 15px;
  z-index: 2;
}
.play-action #content .game-buttons .game-button-complain span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-complain span.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 6px solid transparent;
}
.play-action #content .game-buttons .game-button-complain span.tooltip,
.pre_play-action #content .game-buttons .game-button-complain span.tooltip {
  right: 120%;
  top: 15px;
}
.play-action #content .game-buttons .game-button-complain span.tooltip::after,
.pre_play-action #content .game-buttons .game-button-complain span.tooltip::after {
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.play-action #content .game-buttons .game-button-complain:hover,
.pre_play-action #content .game-buttons .game-button-complain:hover,
.play-action #content .game-buttons .game-button-complain:focus,
.pre_play-action #content .game-buttons .game-button-complain:focus {
  background-color: #0077a0;
  outline: none;
}
.play-action #content .game-buttons .game-button-complain:hover > .tooltip,
.pre_play-action #content .game-buttons .game-button-complain:hover > .tooltip,
.play-action #content .game-buttons .game-button-complain:active > .tooltip,
.pre_play-action #content .game-buttons .game-button-complain:active > .tooltip {
  display: block;
}
.play-action #content .game-buttons .game-button-try,
.pre_play-action #content .game-buttons .game-button-try,
.play-action #content .game-buttons .game-button-answer,
.pre_play-action #content .game-buttons .game-button-answer,
.play-action #content .game-buttons .game-button-ok,
.pre_play-action #content .game-buttons .game-button-ok {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 60px;
  color: #fff;
  font-size: 2em;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  right: 140px;
  bottom: 70px;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
}
.play-action #content .game-buttons .game-button-try:before,
.pre_play-action #content .game-buttons .game-button-try:before,
.play-action #content .game-buttons .game-button-answer:before,
.pre_play-action #content .game-buttons .game-button-answer:before,
.play-action #content .game-buttons .game-button-ok:before,
.pre_play-action #content .game-buttons .game-button-ok:before {
  content: attr(data-icon);
  font-family: entypo;
}
.play-action #content .game-buttons .game-button-try:hover,
.pre_play-action #content .game-buttons .game-button-try:hover,
.play-action #content .game-buttons .game-button-answer:hover,
.pre_play-action #content .game-buttons .game-button-answer:hover,
.play-action #content .game-buttons .game-button-ok:hover,
.pre_play-action #content .game-buttons .game-button-ok:hover,
.play-action #content .game-buttons .game-button-try:active,
.pre_play-action #content .game-buttons .game-button-try:active,
.play-action #content .game-buttons .game-button-answer:active,
.pre_play-action #content .game-buttons .game-button-answer:active,
.play-action #content .game-buttons .game-button-ok:active,
.pre_play-action #content .game-buttons .game-button-ok:active,
.play-action #content .game-buttons .game-button-try:focus,
.pre_play-action #content .game-buttons .game-button-try:focus,
.play-action #content .game-buttons .game-button-answer:focus,
.pre_play-action #content .game-buttons .game-button-answer:focus,
.play-action #content .game-buttons .game-button-ok:focus,
.pre_play-action #content .game-buttons .game-button-ok:focus {
  text-decoration: none;
}
.play-action #content .game-buttons .game-button-try.disabled,
.pre_play-action #content .game-buttons .game-button-try.disabled,
.play-action #content .game-buttons .game-button-answer.disabled,
.pre_play-action #content .game-buttons .game-button-answer.disabled,
.play-action #content .game-buttons .game-button-ok.disabled,
.pre_play-action #content .game-buttons .game-button-ok.disabled {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-try.disabled::before,
.pre_play-action #content .game-buttons .game-button-try.disabled::before,
.play-action #content .game-buttons .game-button-answer.disabled::before,
.pre_play-action #content .game-buttons .game-button-answer.disabled::before,
.play-action #content .game-buttons .game-button-ok.disabled::before,
.pre_play-action #content .game-buttons .game-button-ok.disabled::before,
.play-action #content .game-buttons .game-button-try.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-try.disabled span[material-icon]::before,
.play-action #content .game-buttons .game-button-answer.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-answer.disabled span[material-icon]::before,
.play-action #content .game-buttons .game-button-ok.disabled span[material-icon]::before,
.pre_play-action #content .game-buttons .game-button-ok.disabled span[material-icon]::before {
  pointer-events: none;
}
.play-action #content .game-buttons .game-button-try.disabled:hover,
.pre_play-action #content .game-buttons .game-button-try.disabled:hover,
.play-action #content .game-buttons .game-button-answer.disabled:hover,
.pre_play-action #content .game-buttons .game-button-answer.disabled:hover,
.play-action #content .game-buttons .game-button-ok.disabled:hover,
.pre_play-action #content .game-buttons .game-button-ok.disabled:hover,
.play-action #content .game-buttons .game-button-try.disabled:focus,
.pre_play-action #content .game-buttons .game-button-try.disabled:focus,
.play-action #content .game-buttons .game-button-answer.disabled:focus,
.pre_play-action #content .game-buttons .game-button-answer.disabled:focus,
.play-action #content .game-buttons .game-button-ok.disabled:focus,
.pre_play-action #content .game-buttons .game-button-ok.disabled:focus,
.play-action #content .game-buttons .game-button-try.disabled:active,
.pre_play-action #content .game-buttons .game-button-try.disabled:active,
.play-action #content .game-buttons .game-button-answer.disabled:active,
.pre_play-action #content .game-buttons .game-button-answer.disabled:active,
.play-action #content .game-buttons .game-button-ok.disabled:active,
.pre_play-action #content .game-buttons .game-button-ok.disabled:active {
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  cursor: default;
}
.play-action #content .game-buttons .game-button-try .text,
.pre_play-action #content .game-buttons .game-button-try .text,
.play-action #content .game-buttons .game-button-answer .text,
.pre_play-action #content .game-buttons .game-button-answer .text,
.play-action #content .game-buttons .game-button-ok .text,
.pre_play-action #content .game-buttons .game-button-ok .text {
  display: block;
  height: 100%;
  width: 100%;
}
.play-action #content .game-buttons .game-button-try .text:before,
.pre_play-action #content .game-buttons .game-button-try .text:before,
.play-action #content .game-buttons .game-button-answer .text:before,
.pre_play-action #content .game-buttons .game-button-answer .text:before,
.play-action #content .game-buttons .game-button-ok .text:before,
.pre_play-action #content .game-buttons .game-button-ok .text:before {
  padding: 0;
  font-size: 26px;
  margin-top: -2px;
}
.play-action #content .game-buttons .game-button-try:before,
.pre_play-action #content .game-buttons .game-button-try:before,
.play-action #content .game-buttons .game-button-answer:before,
.pre_play-action #content .game-buttons .game-button-answer:before,
.play-action #content .game-buttons .game-button-ok:before,
.pre_play-action #content .game-buttons .game-button-ok:before {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.play-action #content .game-buttons .game-button-try:hover,
.pre_play-action #content .game-buttons .game-button-try:hover,
.play-action #content .game-buttons .game-button-answer:hover,
.pre_play-action #content .game-buttons .game-button-answer:hover,
.play-action #content .game-buttons .game-button-ok:hover,
.pre_play-action #content .game-buttons .game-button-ok:hover,
.play-action #content .game-buttons .game-button-try:focus,
.pre_play-action #content .game-buttons .game-button-try:focus,
.play-action #content .game-buttons .game-button-answer:focus,
.pre_play-action #content .game-buttons .game-button-answer:focus,
.play-action #content .game-buttons .game-button-ok:focus,
.pre_play-action #content .game-buttons .game-button-ok:focus {
  background-color: #0077a0;
  outline: none;
}
.play-action #content .game-buttons .disabled:hover,
.pre_play-action #content .game-buttons .disabled:hover,
.play-action #content .game-buttons .disabled:focus,
.pre_play-action #content .game-buttons .disabled:focus,
.play-action #content .game-buttons .disabled:active,
.pre_play-action #content .game-buttons .disabled:active {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.oefenweb.play-action #content #sidebar-content .logo,
.pre_play-action #content #sidebar-content .logo {
  width: 72px;
}
.games-controller.play-action #content,
.games-controller.pre_play-action #content {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-size: cover;
  background-position: center center;
  background-color: #d7dbdf;
  overflow: hidden;
  cursor: default;
}
.games-controller #content {
  -webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
}
.games-controller #content #game {
  padding: 20px 120px 50px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.games-controller #content #game .screen {
  padding: 0 20px;
}
.games-controller #content #game .draggable {
  -ms-touch-action: none;
  touch-action: none;
}
.oefenweb.play-action,
.rekentuin.play-action,
.oefenweb.pre_play-action,
.rekentuin.pre_play-action {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.oefenweb.play-action *,
.rekentuin.play-action *,
.oefenweb.pre_play-action *,
.rekentuin.pre_play-action * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.oefenweb.play-action h1,
.rekentuin.play-action h1,
.oefenweb.pre_play-action h1,
.rekentuin.pre_play-action h1,
.oefenweb.play-action h2,
.rekentuin.play-action h2,
.oefenweb.pre_play-action h2,
.rekentuin.pre_play-action h2,
.oefenweb.play-action h3,
.rekentuin.play-action h3,
.oefenweb.pre_play-action h3,
.rekentuin.pre_play-action h3,
.oefenweb.play-action h4,
.rekentuin.play-action h4,
.oefenweb.pre_play-action h4,
.rekentuin.pre_play-action h4,
.oefenweb.play-action h4,
.rekentuin.play-action h4,
.oefenweb.pre_play-action h4,
.rekentuin.pre_play-action h4,
.oefenweb.play-action h6,
.rekentuin.play-action h6,
.oefenweb.pre_play-action h6,
.rekentuin.pre_play-action h6 {
  line-height: 24px;
}
.oefenweb.play-action h1,
.rekentuin.play-action h1,
.oefenweb.pre_play-action h1,
.rekentuin.pre_play-action h1,
.oefenweb.play-action h2,
.rekentuin.play-action h2,
.oefenweb.pre_play-action h2,
.rekentuin.pre_play-action h2,
.oefenweb.play-action h3,
.rekentuin.play-action h3,
.oefenweb.pre_play-action h3,
.rekentuin.pre_play-action h3 {
  line-height: 48px;
}
.oefenweb.play-action li,
.rekentuin.play-action li,
.oefenweb.pre_play-action li,
.rekentuin.pre_play-action li {
  line-height: 24px;
}
.oefenweb.play-action #content #game,
.rekentuin.play-action #content #game,
.oefenweb.pre_play-action #content #game,
.rekentuin.pre_play-action #content #game,
.oefenweb.play-action #content #game #content #scene,
.rekentuin.play-action #content #game #content #scene,
.oefenweb.pre_play-action #content #game #content #scene,
.rekentuin.pre_play-action #content #game #content #scene,
.oefenweb.play-action #content #game #content .popups,
.rekentuin.play-action #content #game #content .popups,
.oefenweb.pre_play-action #content #game #content .popups,
.rekentuin.pre_play-action #content #game #content .popups {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.oefenweb.play-action #content #game,
.rekentuin.play-action #content #game,
.oefenweb.pre_play-action #content #game,
.rekentuin.pre_play-action #content #game {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.oefenweb.play-action #content #game .screen,
.rekentuin.play-action #content #game .screen,
.oefenweb.pre_play-action #content #game .screen,
.rekentuin.pre_play-action #content #game .screen {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.oefenweb.play-action #content #game .screen .gameSelector .game,
.rekentuin.play-action #content #game .screen .gameSelector .game,
.oefenweb.pre_play-action #content #game .screen .gameSelector .game,
.rekentuin.pre_play-action #content #game .screen .gameSelector .game {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.taalzee.play-action {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.taalzee.play-action * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.taalzee.play-action .coin-bar .coin {
  color: transparent;
}
.wordsandbirds.play-action.app,
.wordsandbirds.pre_play-action.app {
  text-align: center;
}
.wordsandbirds.play-action.app a:hover,
.wordsandbirds.pre_play-action.app a:hover {
  text-decoration: none;
}
.wordsandbirds.play-action.app .menu-expanded,
.wordsandbirds.pre_play-action.app .menu-expanded {
  width: 80%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s 0.2s ease-out;
  -moz-transition: all 0.3s 0.2s ease-out;
  -o-transition: all 0.3s 0.2s ease-out;
  transition: all 0.3s 0.2s ease-out;
}
.wordsandbirds.play-action.app #game,
.wordsandbirds.pre_play-action.app #game {
  position: relative;
  width: 100%;
  height: 100%;
}
/* --- game 1, 2, 3, 4 styling --- */
/* --------- optellen, aftrekken, vermenigvuldigen, delen -------- */
.game-addition #content #game,
.game-subtraction #content #game,
.game-multiplication #content #game,
.game-division #content #game {
  text-align: center;
}
.game-addition #content #game .screen,
.game-subtraction #content #game .screen,
.game-multiplication #content #game .screen,
.game-division #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-addition #content #game:before,
.game-subtraction #content #game:before,
.game-multiplication #content #game:before,
.game-division #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-addition #content #game .screen #question .text,
.game-subtraction #content #game .screen #question .text,
.game-multiplication #content #game .screen #question .text,
.game-division #content #game .screen #question .text {
  font-size: 30px;
}
.game-addition #content #game .screen #question .text br,
.game-subtraction #content #game .screen #question .text br,
.game-multiplication #content #game .screen #question .text br,
.game-division #content #game .screen #question .text br {
  line-height: 30px;
}
.game-addition #content #game .screen #question .text small,
.game-subtraction #content #game .screen #question .text small,
.game-multiplication #content #game .screen #question .text small,
.game-division #content #game .screen #question .text small {
  font-size: 20px;
  color: #979797;
}
.game-addition #content #game .screen .game.multiple-choice-game,
.game-subtraction #content #game .screen .game.multiple-choice-game,
.game-multiplication #content #game .screen .game.multiple-choice-game,
.game-division #content #game .screen .game.multiple-choice-game {
  margin-left: 50px;
  max-width: 400px;
}
.game-addition #content #game .screen .game.multiple-choice-game #question,
.game-subtraction #content #game .screen .game.multiple-choice-game #question,
.game-multiplication #content #game .screen .game.multiple-choice-game #question,
.game-division #content #game .screen .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  line-height: 1em;
}
.game-addition #content #game .screen .game.multiple-choice-game #question .mathLatex,
.game-subtraction #content #game .screen .game.multiple-choice-game #question .mathLatex,
.game-multiplication #content #game .screen .game.multiple-choice-game #question .mathLatex,
.game-division #content #game .screen .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet:after {
  content: " ";
  display: table;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet:after {
  clear: both;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 2%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  content: " ";
  display: table;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  clear: both;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  width: 46%;
  float: right;
  margin: 2%;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  font-size: 20px;
  line-height: 1em;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-addition #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-subtraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-multiplication #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-division #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-addition #content #game .screen .game.open-answer-game,
.game-subtraction #content #game .screen .game.open-answer-game,
.game-multiplication #content #game .screen .game.open-answer-game,
.game-division #content #game .screen .game.open-answer-game {
  max-width: 400px;
}
.game-addition #content #game .screen .game.open-answer-game #question,
.game-subtraction #content #game .screen .game.open-answer-game #question,
.game-multiplication #content #game .screen .game.open-answer-game #question,
.game-division #content #game .screen .game.open-answer-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 300px;
  margin-bottom: 13px;
}
.game-addition #content #game .screen .game.open-answer-game #question .mathLatex,
.game-subtraction #content #game .screen .game.open-answer-game #question .mathLatex,
.game-multiplication #content #game .screen .game.open-answer-game #question .mathLatex,
.game-division #content #game .screen .game.open-answer-game #question .mathLatex {
  min-height: 40px;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area,
.game-division #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area:before,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area:before,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area:before,
.game-division #content #game .screen .game.open-answer-game .answer-area:before,
.game-addition #content #game .screen .game.open-answer-game .answer-area:after,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area:after,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area:after,
.game-division #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area:after,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area:after,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area:after,
.game-division #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-division #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-division #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-addition #content #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-subtraction #content #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-multiplication #content #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-division #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-addition #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-subtraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-multiplication #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-division #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-addition #preload,
.game-addition .popup_mask {
  background-image: url('/img/games/backgrounds/plants/bulrush-preload.jpg?rev=1778068871');
}
.game-addition #content {
  background-image: url('/img/games/backgrounds/plants/bulrush.jpg?rev=1778068871');
}
.game-subtraction #preload,
.game-subtraction .popup_mask {
  background-image: url('/img/games/backgrounds/plants/venusflytrap-preload.jpg?rev=1778068871');
}
.game-subtraction #content {
  background-image: url('/img/games/backgrounds/plants/venusflytrap.jpg?rev=1778068871');
}
.game-multiplication #preload,
.game-multiplication .popup_mask {
  background-image: url('/img/games/backgrounds/plants/spectacularflower-preload.jpg?rev=1778068871');
}
.game-multiplication #content {
  background-image: url('/img/games/backgrounds/plants/spectacularflower.jpg?rev=1778068871');
}
.game-division #preload,
.game-division .popup_mask {
  background-image: url('/img/games/backgrounds/plants/chineselantern-preload.jpg?rev=1778068871');
}
.game-division #content {
  background-image: url('/img/games/backgrounds/plants/chineselantern.jpg?rev=1778068871');
}
/* --- game 11 styling --- */
/* --------- klokkijken -------- */
.game-clock #preload,
.game-clock .popup_mask {
  background-image: url('/img/games/backgrounds/plants/sunflower-preload.jpg?rev=1778068871');
}
.game-clock #content {
  touch-action: none;
  background-image: url('/img/games/backgrounds/plants/sunflower.jpg?rev=1778068871');
}
.game-clock #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-clock #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-clock #content #game .screen div.question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  margin: 0;
  padding: 10px 40px;
  min-height: 160px;
}
.game-clock #content #game .screen div.question .mathLatex {
  min-height: 40px;
}
.game-clock #content #game .screen div.question span.question {
  width: 400px;
  height: 140px;
}
.game-clock #content #game .screen div.inputMethod {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 700px;
  font-size: 1em;
}
.game-clock #content #game .screen div.inputMethod .analogClock {
  position: relative !important;
  /*float:left;*/
  width: 302px;
  height: 302px;
  background-image: url('/js/games/clock/analog_clock/images/clock_backface.png?rev=1778068871');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.game-clock #content #game .screen div.inputMethod.correct .analogClock {
  background-position: -302px top;
}
.game-clock #content #game .screen div.inputMethod.incorrect .analogClock {
  background-position: -604px top;
}
.game-clock #content #game .screen div.inputMethod .digitalClock,
.game-clock #content #game .screen div.inputMethod .intervalClock {
  position: relative;
  display: inline-block;
  padding: 15px;
  background-color: #d7dbdf;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-clock #content #game .screen div.inputMethod .digitalClock:before,
.game-clock #content #game .screen div.inputMethod .intervalClock:before,
.game-clock #content #game .screen div.inputMethod .digitalClock:after,
.game-clock #content #game .screen div.inputMethod .intervalClock:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  display: inline-block;
  width: 50px;
  height: 5px;
  background-color: #9ba4ae;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.game-clock #content #game .screen div.inputMethod .digitalClock:after,
.game-clock #content #game .screen div.inputMethod .intervalClock:after {
  left: auto;
  right: 10%;
}
.game-clock #content #game .screen div.inputMethod .digitalClock > span,
.game-clock #content #game .screen div.inputMethod .intervalClock > span {
  margin: 0 5px;
  color: #37495e;
}
.game-clock #content #game .screen div.inputMethod .digitalClock .correctAnswer,
.game-clock #content #game .screen div.inputMethod .intervalClock .correctAnswer {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  font-size: 20px;
  height: 49px;
  line-height: 35px;
}
.game-clock #content #game .screen div.inputMethod .digitalClock {
  margin: 10px 150px 20px;
}
.game-clock #content #game .screen div.inputMethod .intervalClock {
  margin: 10px 15px 20px;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  position: relative;
  display: block;
  max-width: 85%;
  background-color: #009dd3;
  font-size: 20px;
  line-height: 1.5em;
  color: #fff;
  overflow: hidden;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input.cursor,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input:focus,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input:focus {
  outline: none;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input.correct,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input.incorrect,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input.incorrect.time-expired,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #input-field,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #input-field,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .answer-dont-know,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .answer-dont-know,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .time-expired,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .answer-dont-know,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .time-expired,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .back,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .back:hover,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .back:hover,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .back:focus,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .back:active,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input .back.disabled,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input .back.disabled {
  display: none;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextClock,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextClock,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextDayClock,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextDayClock {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  font-size: 20px;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextClock:hover,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextClock:hover,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextDayClock:hover,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextDayClock:hover,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextClock:focus,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextClock:focus,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextDayClock:focus,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextDayClock:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextClock:active,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextClock:active,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextDayClock:active,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextDayClock:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextClock.disabled,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextClock.disabled,
.game-clock #content #game .screen div.inputMethod .textClock .numpad-input #inputButtonTextDayClock.disabled,
.game-clock #content #game .screen div.inputMethod .textDayClock .numpad-input #inputButtonTextDayClock.disabled {
  display: none;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  width: 100%;
  margin: 5px 0;
  vertical-align: top;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li.numpad-button--hidden,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li.numpad-button--hidden {
  visibility: hidden;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a:active,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a:active {
  background-color: #ccc;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a.answered,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a.answered {
  pointer-events: none;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a.selected,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a.correct,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a.correct,
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a.correct-answer,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a.incorrect,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a.incorrect,
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a.incorrect-answer,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a .maximizedText,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a:active,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li {
  width: auto;
  min-width: 45px;
  margin: 3px;
  line-height: 1em;
}
.game-clock #content #game .screen div.inputMethod .textClock ul.words li a,
.game-clock #content #game .screen div.inputMethod .textDayClock ul.words li a {
  padding: 8px 10px;
  font-size: 20px;
}
.game-clock #content #game .screen div.inputMethod.correct .textClock .numpad-input,
.game-clock #content #game .screen div.inputMethod.correct .textDayClock .numpad-input {
  background-color: #2ecd71;
}
.game-clock #content #game .screen div.inputMethod.incorrect .textClock .numpad-input,
.game-clock #content #game .screen div.inputMethod.incorrect .textDayClock .numpad-input {
  background-color: #e84c3d;
}
.game-clock #content #game .screen div.inputMethod.incorrect.time-expired .textClock .numpad-input,
.game-clock #content #game .screen div.inputMethod.incorrect.time-expired .textDayClock .numpad-input,
.game-clock #content #game .screen div.inputMethod.incorrect.time-expired .intervalClock select,
.game-clock #content #game .screen div.inputMethod.incorrect.time-expired .digitalClock select {
  background-color: #009dd3;
}
.game-clock #content #game .screen div.inputMethod .intervalClock {
  font-size: 20px;
}
.game-clock #content #game .screen div.inputMethod .correctAnswer {
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  display: inline-block;
  float: right;
  height: 42px;
  margin: 0 0 5px 10px;
  font-size: 20px;
  line-height: 22px;
}
.game-clock #content #game .screen div.inputMethod select {
  height: 50px;
  border: none;
  padding: 10px;
  padding-right: 20px;
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
  background: url('/js/games/clock/digital_clock/images/updown.png?rev=1778068871') center right no-repeat;
  background-color: #009dd3;
  font-size: 20px;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.game-clock #content #game .screen div.inputMethod select:focus {
  outline: none;
  background-color: #0077a0;
}
.game-clock #content #game .screen div.inputMethod.correct select,
.game-clock #content #game .screen div.inputMethod.correct select {
  background-color: #2ecd71;
}
.game-clock #content #game .screen div.inputMethod.incorrect select,
.game-clock #content #game .screen div.inputMethod.incorrect select {
  background-color: #e84c3d;
}
.game-clock #content #game .screen .game-buttons .game-button-answer {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  bottom: 193px;
  line-height: 45px;
  padding: 8px 10px;
  width: 62px;
  height: 62px;
  font-size: 20px;
}
.game-clock #content #game .screen .game-buttons .game-button-answer .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-clock #content #game .screen .game-buttons .game-button-answer:active {
  background-color: #ccc;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.answered {
  pointer-events: none;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.correct,
.game-clock #content #game .screen .game-buttons .game-button-answer.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.incorrect,
.game-clock #content #game .screen .game-buttons .game-button-answer.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-clock #content #game .screen .game-buttons .game-button-answer:hover,
.game-clock #content #game .screen .game-buttons .game-button-answer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-clock #content #game .screen .game-buttons .game-button-answer:active {
  background-color: #00516d;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.textClock,
.game-clock #content #game .screen .game-buttons .game-button-answer.textDayClock {
  bottom: 189px;
  right: 204px;
  width: 84px;
  border-radius: 6px;
  height: 41px;
  line-height: 28px;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.textDayClock {
  bottom: 220px;
}
.game-clock #content #game .screen .game-buttons .game-button-answer.analogClock,
.game-clock #content #game .screen .game-buttons .game-button-answer.digitalClock,
.game-clock #content #game .screen .game-buttons .game-button-answer.intervalClock {
  display: block;
  bottom: 70px;
  left: -90px;
}
.game-gap-fill #content {
  background-image: url('/img/games/backgrounds/fishes/garfish.jpg?rev=1778068871');
}
.game-gap-fill #preload,
.game-gap-fill .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/garfish-preload.jpg?rev=1778068871');
}
.game-gap-fill #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-gap-fill #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-gap-fill .multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 21px;
  width: 685px;
  margin: 0px;
}
.game-gap-fill .multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-gap-fill .multiple-choice-game #question .content .placeholder {
  display: inline-block;
  background-color: #ebecef;
  padding: 0 0.5em;
  border-radius: 0.25em;
  margin: 2px;
  min-width: 70px;
  cursor: pointer;
}
.game-gap-fill .multiple-choice-game #question .content .placeholder.ucfirst::first-letter {
  text-transform: uppercase;
}
.game-gap-fill .multiple-choice-game #question .content .placeholder.correct-answer {
  color: #fff;
  background-color: #2ecd71;
}
.game-gap-fill .multiple-choice-game #question .content .placeholder.incorrect-answer {
  color: #fff;
  background-color: #e84c3d;
}
.game-gap-fill .multiple-choice-game #answerOptionSet ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  text-align: center;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button:active {
  background-color: #ccc;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.answered {
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.correct,
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.incorrect,
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button:hover,
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button:active {
  background-color: #00516d;
}
.game-gap-fill .multiple-choice-game #answerOptionSet .ok-button.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game .AnswerSet {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  width: 685px;
  height: auto;
}
.game-gap-fill .multiple-choice-game .AnswerSet .AnswerElement {
  display: inline;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-width: 2.5em;
  padding: 10px;
  padding: 15px;
  margin: 7px;
  font-size: 20px;
  display: inline-block;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button:active {
  background-color: #ccc;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button.answered {
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button.correct,
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button.incorrect,
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-gap-fill .multiple-choice-game .AnswerSet .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-gap-fill #feedback {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  width: 685px;
  padding: 20px;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  background-color: #fff;
  box-shadow: none;
  color: #37495e;
}
/* --- game 70 styling --- */
/* --------- codetaal -------- */
.game-code-language #preload,
.game-code-language .popup_mask {
  background-image: url('/img/games/backgrounds/plants/liatris-preload.jpg?rev=1778068871');
}
.game-code-language #content {
  background-image: url('/img/games/backgrounds/plants/liatris.jpg?rev=1778068871');
}
.game-code-language #content #game {
  padding: 0;
  padding-bottom: 50px;
  text-align: center;
}
.game-code-language #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-code-language #content #game .screen {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.game-code-language #content #game .screen .game {
  margin-left: 30px;
}
.game-code-language #content #game .screen .game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 10px;
  vertical-align: middle;
  margin-left: -90px;
  max-width: 475px;
}
.game-code-language #content #game .screen .game #question .mathLatex {
  min-height: 40px;
}
.game-code-language #content #game .screen .game #question .text-content {
  font-size: 25.5px;
  line-height: 25px;
  padding: 10px;
}
.game-code-language #content #game .screen .game #question img {
  max-width: 100%;
}
.game-code-language #content #game .screen .game.multiple-choice-game {
  /* -- fix for browserzoom in firefox browsers--- */
  position: absolute;
  top: 5%;
  left: 0px;
  right: 0px;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-left: -100px;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  float: left;
  margin: 7px;
  padding: 0;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  width: 156px;
  height: 156px;
  line-height: 156px;
  padding: 0;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  border-color: #009dd3;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  background-color: #009dd3;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object {
  -webkit-transform: scale(0.82666667);
  -moz-transform: scale(0.82666667);
  -ms-transform: scale(0.82666667);
  -o-transform: scale(0.82666667);
  transform: scale(0.82666667);
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.game-code-language #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img {
  margin: 0;
  vertical-align: middle;
}
/* --- game 45 styling --- */
/* --------- Shaper -------- */
.game-shaper #content {
  background-image: url('/img/games/backgrounds/birds/swallow.jpg?rev=1778068871');
}
.game-shaper #preload,
.game-shaper .popup_mask {
  background-image: url('/img/games/backgrounds/birds/swallow-preload.jpg?rev=1778068871');
}
.game-shaper .AnswerSetLong {
  background-color: rgba(0, 0, 0, 0.35);
}
.game-shaper #question,
.game-shaper .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  width: 500px;
}
.game-shaper #question .mathLatex,
.game-shaper .question .mathLatex {
  min-height: 40px;
}
.game-shaper .oqkb .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 24px;
}
.game-shaper .oqkb .ok-button:active {
  background-color: #ccc;
}
.game-shaper .oqkb .ok-button.answered {
  pointer-events: none;
}
.game-shaper .oqkb .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-shaper .oqkb .ok-button.correct,
.game-shaper .oqkb .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-shaper .oqkb .ok-button.incorrect,
.game-shaper .oqkb .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-shaper .oqkb .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-shaper .oqkb .ok-button:hover,
.game-shaper .oqkb .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-shaper .oqkb .ok-button:active {
  background-color: #00516d;
}
.game-shaper .oqkb .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-shaper #answerOptionSet .AnswerSetLong {
  display: inline-block;
  width: 500px;
  height: auto;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  margin: 10px;
  padding: 15px 20px;
  text-transform: inherit;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-shaper #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .text {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 3px;
  font-size: 20px;
}
.game-shaper #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-shaper #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-shaper #game .screen .oqkb {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  margin: 20px 0px 0px 0px;
  width: 450px;
}
.game-shaper #game .screen .oqkb .game-button-answer #input-field {
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  border: none;
  box-shadow: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  width: 315px;
}
.game-shaper #game .screen .oqkb .game-button-answer #input-field:focus {
  outline: none;
}
.game-shaper #game .screen .oqkb .game-button-answer .numpad-input-text {
  width: 75%;
  height: 43px;
  padding: 2%;
  text-align: center;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-shaper #game .screen .oqkb .game-button-answer .time-expired {
  font-family: entypo;
  float: left;
}
.game-shaper #game .screen .oqkb .game-button-answer .correct .numpad-input-text,
.game-shaper #game .screen .oqkb .game-button-answer .incorrect .numpad-input-text,
.game-shaper #game .screen .oqkb .game-button-answer .correct input[type="text"],
.game-shaper #game .screen .oqkb .game-button-answer .incorrect input[type="text"] {
  color: #fff !important;
}
.game-shaper #game .screen .oqkb .game-button-answer .correct .numpad-input-text:focus,
.game-shaper #game .screen .oqkb .game-button-answer .incorrect .numpad-input-text:focus,
.game-shaper #game .screen .oqkb .game-button-answer .correct input[type="text"]:focus,
.game-shaper #game .screen .oqkb .game-button-answer .incorrect input[type="text"]:focus {
  border-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.game-shaper #game .screen .oqkb .game-button-answer .correct input[type="text"],
.game-shaper #game .screen .oqkb .game-button-answer .correct input[type="text"]:focus,
.game-shaper #game .screen .oqkb .game-button-answer .correct .numpad-input-text {
  background-color: #2ecd71;
}
.game-shaper #game .screen .oqkb .game-button-answer .incorrect input[type="text"],
.game-shaper #game .screen .oqkb .game-button-answer .incorrect input[type="text"]:focus,
.game-shaper #game .screen .oqkb .game-button-answer .incorrect .numpad-input-text {
  background-color: #e84c3d;
}
.game-shaper #game .screen .oqkb .game-button-answer .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  width: 75%;
  margin-bottom: 5px;
  float: left;
}
.game-shaper #game .screen .oqkb .game-button-answer form#numpad-input.incorrect {
  padding-top: 11px;
}
.game-shaper #game .screen .oqkb .game-button-answer form#numpad-input.incorrect .numpad-input-text.answer-dont-know {
  padding: 7px 40px 7px 40px;
}
/* --- game 33 styling --- */
/* --------- 1-2-3'tje -------- */
.game-one-two-three #preload,
.game-one-two-three .popup_mask {
  background-image: url('/img/games/backgrounds/plants/hyacinth-preload.jpg?rev=1778068871');
}
.game-one-two-three #content {
  background-image: url('/img/games/backgrounds/plants/hyacinth.jpg?rev=1778068871');
}
.game-one-two-three #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-one-two-three #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-one-two-three #content #game .screen .cardGroup {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.game-one-two-three #content #game .screen .cardGroup .card {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-width: 2.5em;
  padding: 10px;
  display: inline-block;
  width: 130px;
  height: 80px;
  margin: 7px 7px 10px;
  padding: 20px 0;
  border: 5px solid transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  text-align: center;
  cursor: pointer;
}
.game-one-two-three #content #game .screen .cardGroup .card:active {
  background-color: #ccc;
}
.game-one-two-three #content #game .screen .cardGroup .card.answered {
  pointer-events: none;
}
.game-one-two-three #content #game .screen .cardGroup .card.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-one-two-three #content #game .screen .cardGroup .card.correct,
.game-one-two-three #content #game .screen .cardGroup .card.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-one-two-three #content #game .screen .cardGroup .card.incorrect,
.game-one-two-three #content #game .screen .cardGroup .card.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-one-two-three #content #game .screen .cardGroup .card .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-one-two-three #content #game .screen .cardGroup .card:hover:not(.correct, .incorrect) {
  background-color: #eee;
}
.game-one-two-three #content #game .screen .cardGroup .card.selected {
  border-color: #009dd3;
  background-color: #b1d7f1;
}
.game-one-two-three #content #game .screen .cardGroup .card.correct-answer {
  background-color: #82e0ab;
  -webkit-box-shadow: 0 3px #25a35a;
  -moz-box-shadow: 0 3px #25a35a;
  box-shadow: 0 3px #25a35a;
}
.game-one-two-three #content #game .screen .cardGroup .card.correct-answer.selected {
  border-color: #29b866;
  background-color: #82e0ab;
  -webkit-box-shadow: 0 3px #25a35a;
  -moz-box-shadow: 0 3px #25a35a;
  box-shadow: 0 3px #25a35a;
}
.game-one-two-three #content #game .screen .cardGroup .card.incorrect-answer {
  background-color: #f1958a;
  -webkit-box-shadow: 0 3px #d82a1a;
  -moz-box-shadow: 0 3px #d82a1a;
  box-shadow: 0 3px #d82a1a;
}
.game-one-two-three #content #game .screen .cardGroup .card.incorrect-answer.selected {
  border-color: #e53726;
  background-color: #f1958a;
  -webkit-box-shadow: 0 3px #d82a1a;
  -moz-box-shadow: 0 3px #d82a1a;
  box-shadow: 0 3px #d82a1a;
}
.game-one-two-three #content #game .screen .cardGroup .card .image {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  margin-right: 10px;
  overflow: hidden;
}
.game-one-two-three #content #game .screen .cardGroup .card .image:last-child {
  margin-right: 0;
}
/* --- game 31 styling --- */
/* --------- laatste woord -------- */
.game-last-word #content {
  background-image: url('/img/games/backgrounds/plants/purpleshell.jpg?rev=1778068871');
}
.game-last-word #preload,
.game-last-word .popup_mask {
  background-image: url('/img/games/backgrounds/plants/purpleshell-preload.jpg?rev=1778068871');
}
.game-last-word .screen {
  padding-right: 260px;
  text-align: center;
}
.game-last-word .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 10px 40px 13px;
  text-align: center;
}
.game-last-word .question .mathLatex {
  min-height: 40px;
}
.game-last-word .question .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-last-word .question .playerContainer:active {
  background-color: #00516d;
}
.game-last-word .question .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-last-word .question .playerContainer:hover,
.game-last-word .question .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-last-word .question .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-last-word .question .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-last-word ul,
.game-last-word li {
  padding: 0;
  list-style: none;
}
.game-last-word .categoryListItem {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  margin-top: 0;
  padding: 10px;
}
.game-last-word .categoryListItem:after {
  display: none;
}
.game-last-word .categoryListItem + .categoryListItem {
  margin-left: 20px;
}
.game-last-word .categoryListItem .symbolImage {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
}
.game-last-word .categoryListItem .symbolImage:active {
  background-color: #ccc;
}
.game-last-word .categoryListItem .symbolImage.answered {
  pointer-events: none;
}
.game-last-word .categoryListItem .symbolImage.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-last-word .categoryListItem .symbolImage.correct,
.game-last-word .categoryListItem .symbolImage.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-last-word .categoryListItem .symbolImage.incorrect,
.game-last-word .categoryListItem .symbolImage.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-last-word .categoryListItem .symbolImage .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-last-word .categoryListItem .symbolImage:active,
.game-last-word .categoryListItem .symbolImage:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-last-word .categoryListItem .symbolImage.correct,
.game-last-word .categoryListItem .symbolImage.correct-answer,
.game-last-word .categoryListItem .symbolImage.incorrect,
.game-last-word .categoryListItem .symbolImage.incorrect-answer,
.game-last-word .categoryListItem .symbolImage.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-last-word .categoryListItem .symbolImage.correct:after,
.game-last-word .categoryListItem .symbolImage.correct-answer:after,
.game-last-word .categoryListItem .symbolImage.incorrect:after,
.game-last-word .categoryListItem .symbolImage.incorrect-answer:after,
.game-last-word .categoryListItem .symbolImage.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-last-word .categoryListItem .symbolImage.correct,
.game-last-word .categoryListItem .symbolImage.correct-answer {
  border-color: #2ecd71;
}
.game-last-word .categoryListItem .symbolImage.correct:after,
.game-last-word .categoryListItem .symbolImage.correct-answer:after {
  background-color: #2ecd71;
}
.game-last-word .categoryListItem .symbolImage.incorrect,
.game-last-word .categoryListItem .symbolImage.incorrect-answer {
  border-color: #e84c3d;
}
.game-last-word .categoryListItem .symbolImage.incorrect:after,
.game-last-word .categoryListItem .symbolImage.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-last-word .categoryListItem .symbolImage.selected {
  border-color: #009dd3;
}
.game-last-word .categoryListItem .symbolImage.selected:after {
  background-color: #009dd3;
}
.game-last-word .categoryListItem .verticalList li + li {
  margin-top: 10px;
}
.game-last-word .answerSection {
  position: relative;
}
.game-last-word .answerSection .answerButton {
  display: inline-block;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  position: absolute;
  top: 50px;
  left: 100%;
  margin-left: 50px;
}
.game-last-word .answerSection .answerButton .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-last-word .answerSection .answerButton:active {
  background-color: #ccc;
}
.game-last-word .answerSection .answerButton.answered {
  pointer-events: none;
}
.game-last-word .answerSection .answerButton.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-last-word .answerSection .answerButton.correct,
.game-last-word .answerSection .answerButton.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-last-word .answerSection .answerButton.incorrect,
.game-last-word .answerSection .answerButton.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-last-word .answerSection .answerButton:hover,
.game-last-word .answerSection .answerButton:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-last-word .answerSection .answerButton:active {
  background-color: #00516d;
}
.game-last-word .answerSection .answerButton.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-last-word #sidebar-content .explanation-box {
  bottom: 290px;
}
/* --- game 38 styling --- */
/* --------- zoek de oe -------- */
.game-find-the-oo #content {
  background-image: url('/img/games/backgrounds/fishes/turtle.jpg?rev=1778068871');
}
.game-find-the-oo #preload,
.game-find-the-oo .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/turtle-preload.jpg?rev=1778068871');
}
.game-find-the-oo .CssLayoutImage {
  margin: 20px 0 80px 0;
}
.game-find-the-oo .audio-player-button {
  position: relative;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: inline-block;
  padding: 20px 40px;
  min-width: 350px;
  max-height: 300px;
  text-align: center;
}
.game-find-the-oo .audio-player-button .mathLatex {
  min-height: 40px;
}
.game-find-the-oo .audio-player-button.answered .playerContainer.answered {
  -webkit-box-shadow: 0 3px #c3c8ce;
  -moz-box-shadow: 0 3px #c3c8ce;
  box-shadow: 0 3px #c3c8ce;
  background-color: #d7dbdf;
  pointer-events: none;
}
.game-find-the-oo .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-find-the-oo .playerContainer:active {
  background-color: #00516d;
}
.game-find-the-oo .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-find-the-oo .playerContainer:hover,
.game-find-the-oo .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-find-the-oo .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-find-the-oo .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-find-the-oo #answerOptionSet ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.game-find-the-oo #answerOptionSet .ok-button {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  text-align: center;
}
.game-find-the-oo #answerOptionSet .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-find-the-oo #answerOptionSet .ok-button:active {
  background-color: #ccc;
}
.game-find-the-oo #answerOptionSet .ok-button.answered {
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-find-the-oo #answerOptionSet .ok-button.correct,
.game-find-the-oo #answerOptionSet .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .ok-button.incorrect,
.game-find-the-oo #answerOptionSet .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .ok-button:hover,
.game-find-the-oo #answerOptionSet .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-find-the-oo #answerOptionSet .ok-button:active {
  background-color: #00516d;
}
.game-find-the-oo #answerOptionSet .ok-button.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .answer-set-image {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin-top: 0;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer-element {
  margin: 7px;
  display: inline-block;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  width: 156px;
  height: 156px;
  line-height: 156px;
  padding: 0;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button:active {
  background-color: #ccc;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.answered {
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button:active,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct-answer,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect-answer,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct:after,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct-answer:after,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect:after,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect-answer:after,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct:after,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect:after,
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.selected {
  border-color: #009dd3;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button.selected:after {
  background-color: #009dd3;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button .media-object {
  -webkit-transform: scale(0.82666667);
  -moz-transform: scale(0.82666667);
  -ms-transform: scale(0.82666667);
  -o-transform: scale(0.82666667);
  transform: scale(0.82666667);
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-find-the-oo #answerOptionSet .answer-set-image .answer_button img {
  margin: 0;
  vertical-align: middle;
  max-width: 150px;
  max-height: 150px;
}
.game-find-the-oo .answer-set-scatter {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: inline-block;
  width: 650px;
  height: 335px;
  padding: 5px;
  position: relative;
  box-sizing: content-box;
  margin: 0;
}
.game-find-the-oo .answer-set-scatter .answer-element {
  padding: 5px;
}
.game-find-the-oo .answer-set-scatter .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  margin: 15px 10px;
  width: 100%;
  height: 100%;
  text-align: center;
  /* An answer that should have been picked but wasn't, i.e., feedback */
  /* An answer which was picked but was incorrect */
  /* An answer which was correctly picked */
}
.game-find-the-oo .answer-set-scatter .answer_button:active {
  background-color: #ccc;
}
.game-find-the-oo .answer-set-scatter .answer_button.answered {
  pointer-events: none;
}
.game-find-the-oo .answer-set-scatter .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-find-the-oo .answer-set-scatter .answer_button.correct,
.game-find-the-oo .answer-set-scatter .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-find-the-oo .answer-set-scatter .answer_button.incorrect,
.game-find-the-oo .answer-set-scatter .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-find-the-oo .answer-set-scatter .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-find-the-oo .answer-set-scatter .answer_button.answered.correct-answer {
  color: #e84c3d;
  background-color: #fff;
  border: 2px solid #e84c3d;
  box-shadow: none;
}
.game-find-the-oo .answer-set-scatter .answer_button.answered.selected.incorrect-answer {
  color: #fff;
  background-color: #e84c3d;
  border: 2px solid #e84c3d;
}
.game-find-the-oo .answer-set-scatter .answer_button.answered.selected.correct-answer {
  color: #fff;
  background-color: #2ecd71;
  border: 2px solid #2ecd71;
}
/* --- game 6, 71 styling --- */
/* ---- breuken+ --- */
.game-fraction #content #game .screen,
.game-fractions #content #game .screen,
.game-proportions #content #game .screen,
.game-percentages #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-fraction #content #game:before,
.game-fractions #content #game:before,
.game-proportions #content #game:before,
.game-percentages #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-fraction #content #game #question img,
.game-fractions #content #game #question img,
.game-proportions #content #game #question img,
.game-percentages #content #game #question img {
  max-height: 140px;
}
.game-fraction #content #game #question .mathlatex-content,
.game-fractions #content #game #question .mathlatex-content,
.game-proportions #content #game #question .mathlatex-content,
.game-percentages #content #game #question .mathlatex-content {
  padding: 20px;
}
.game-fraction #content #game .screen,
.game-fractions #content #game .screen,
.game-proportions #content #game .screen,
.game-percentages #content #game .screen {
  width: 100%;
}
.game-fraction #content #game .screen .mathlatex-content,
.game-fractions #content #game .screen .mathlatex-content,
.game-proportions #content #game .screen .mathlatex-content,
.game-percentages #content #game .screen .mathlatex-content {
  padding: 15px;
}
.game-fraction #content #game .screen .mathlatex-content .math-text,
.game-fractions #content #game .screen .mathlatex-content .math-text,
.game-proportions #content #game .screen .mathlatex-content .math-text,
.game-percentages #content #game .screen .mathlatex-content .math-text {
  white-space: pre;
}
.game-fraction #content #game .screen .mathlatex-content .katex,
.game-fractions #content #game .screen .mathlatex-content .katex,
.game-proportions #content #game .screen .mathlatex-content .katex,
.game-percentages #content #game .screen .mathlatex-content .katex {
  font: normal 1em Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.game-fraction #content #game .screen .mathlatex-content .katex .textstyle > .mpunct + .mord,
.game-fractions #content #game .screen .mathlatex-content .katex .textstyle > .mpunct + .mord,
.game-proportions #content #game .screen .mathlatex-content .katex .textstyle > .mpunct + .mord,
.game-percentages #content #game .screen .mathlatex-content .katex .textstyle > .mpunct + .mord {
  margin-left: 0px !important;
}
.game-fraction #content #game .screen .mathlatex-content .math-percent:before,
.game-fractions #content #game .screen .mathlatex-content .math-percent:before,
.game-proportions #content #game .screen .mathlatex-content .math-percent:before,
.game-percentages #content #game .screen .mathlatex-content .math-percent:before,
.game-fraction #content #game .screen .mathlatex-content .math-equals:before,
.game-fractions #content #game .screen .mathlatex-content .math-equals:before,
.game-proportions #content #game .screen .mathlatex-content .math-equals:before,
.game-percentages #content #game .screen .mathlatex-content .math-equals:before {
  content: '%';
  padding-right: 3px;
}
.game-fraction #content #game .screen .mathlatex-content .math-equals:before,
.game-fractions #content #game .screen .mathlatex-content .math-equals:before,
.game-proportions #content #game .screen .mathlatex-content .math-equals:before,
.game-percentages #content #game .screen .mathlatex-content .math-equals:before {
  content: '=';
}
.game-fraction #content #game .screen .mathlatex-content .math-text,
.game-fractions #content #game .screen .mathlatex-content .math-text,
.game-proportions #content #game .screen .mathlatex-content .math-text,
.game-percentages #content #game .screen .mathlatex-content .math-text {
  white-space: normal;
}
.game-fraction #content #game .screen .mathLatex,
.game-fractions #content #game .screen .mathLatex,
.game-proportions #content #game .screen .mathLatex,
.game-percentages #content #game .screen .mathLatex {
  padding: 15px;
}
.game-fraction #content #game .screen .mathLatex .math-text,
.game-fractions #content #game .screen .mathLatex .math-text,
.game-proportions #content #game .screen .mathLatex .math-text,
.game-percentages #content #game .screen .mathLatex .math-text {
  white-space: pre;
}
.game-fraction #content #game .screen .mathLatex .katex,
.game-fractions #content #game .screen .mathLatex .katex,
.game-proportions #content #game .screen .mathLatex .katex,
.game-percentages #content #game .screen .mathLatex .katex {
  font: normal 1em Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.game-fraction #content #game .screen .mathLatex .katex .textstyle > .mpunct + .mord,
.game-fractions #content #game .screen .mathLatex .katex .textstyle > .mpunct + .mord,
.game-proportions #content #game .screen .mathLatex .katex .textstyle > .mpunct + .mord,
.game-percentages #content #game .screen .mathLatex .katex .textstyle > .mpunct + .mord {
  margin-left: 0px !important;
}
.game-fraction #content #game .screen .mathLatex .math-percent:before,
.game-fractions #content #game .screen .mathLatex .math-percent:before,
.game-proportions #content #game .screen .mathLatex .math-percent:before,
.game-percentages #content #game .screen .mathLatex .math-percent:before,
.game-fraction #content #game .screen .mathLatex .math-equals:before,
.game-fractions #content #game .screen .mathLatex .math-equals:before,
.game-proportions #content #game .screen .mathLatex .math-equals:before,
.game-percentages #content #game .screen .mathLatex .math-equals:before {
  content: '%';
  padding-right: 3px;
}
.game-fraction #content #game .screen .mathLatex .math-equals:before,
.game-fractions #content #game .screen .mathLatex .math-equals:before,
.game-proportions #content #game .screen .mathLatex .math-equals:before,
.game-percentages #content #game .screen .mathLatex .math-equals:before {
  content: '=';
}
.game-fraction #content #game .screen .mathLatex .math-text,
.game-fractions #content #game .screen .mathLatex .math-text,
.game-proportions #content #game .screen .mathLatex .math-text,
.game-percentages #content #game .screen .mathLatex .math-text {
  white-space: normal;
}
.game-fraction #content #game .screen .game.open-answer-game,
.game-fractions #content #game .screen .game.open-answer-game,
.game-proportions #content #game .screen .game.open-answer-game,
.game-percentages #content #game .screen .game.open-answer-game {
  /* -- fix for browserzoom in firefox browsers--- */
  position: absolute;
  top: 4%;
  left: -100px;
  right: 0px;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area,
.game-fractions #content #game .screen .game.open-answer-game .answer-area,
.game-proportions #content #game .screen .game.open-answer-game .answer-area,
.game-percentages #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  margin: 10px auto;
  padding: 10px;
  margin: 0px;
  width: auto;
  min-width: 300px;
  max-width: 500px;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area:before,
.game-fractions #content #game .screen .game.open-answer-game .answer-area:before,
.game-proportions #content #game .screen .game.open-answer-game .answer-area:before,
.game-percentages #content #game .screen .game.open-answer-game .answer-area:before,
.game-fraction #content #game .screen .game.open-answer-game .answer-area:after,
.game-fractions #content #game .screen .game.open-answer-game .answer-area:after,
.game-proportions #content #game .screen .game.open-answer-game .answer-area:after,
.game-percentages #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area:after,
.game-fractions #content #game .screen .game.open-answer-game .answer-area:after,
.game-proportions #content #game .screen .game.open-answer-game .answer-area:after,
.game-percentages #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input:before,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input:before,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input:before,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .numpad-input > *,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .numpad-input > *,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .numpad-input > *,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .numpad-input > * {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-fraction #content #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-fractions #content #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-proportions #content #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-percentages #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area {
  max-width: 310px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:before,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:before,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:before,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:before {
  display: none;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-b,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-b,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-b,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-b,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-c,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-c,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-c,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-c {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:hover,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:hover,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:hover,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:hover,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:hover,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:hover,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:hover,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:hover,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:hover,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:hover,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:hover,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:hover,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:focus,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:focus,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:focus,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:focus,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:focus,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:focus,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:focus,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:focus,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:focus,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:focus,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:focus,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:focus {
  background-color: #fff;
  cursor: pointer;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor.empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor.empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor.empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor.empty,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor.empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor.empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor.empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor.empty,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor.empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor.empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor.empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor.empty {
  border-color: #009dd3;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.empty,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.empty,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.empty {
  border: 2px solid #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc {
  margin-right: 50px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor),
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor),
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor),
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor) {
  background-color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor):hover,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor):hover,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor):hover,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor):hover {
  background-color: #f5f5f5;
  border-color: transparent;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a {
  min-width: 2em;
  min-height: 2.5em;
  margin: 10px 5px;
  padding: 20px 10px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-b,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-b,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-b,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-b,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-c,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-c,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-c,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-c {
  min-width: 2.5em;
  min-height: 1.5em;
  margin: 5px 0;
  padding: 5px 10px;
  font-size: 20px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .ruler,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .ruler,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .ruler,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .ruler {
  display: block;
  border-top: 2px solid rgba(55, 73, 94, 0.5);
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc.active .ruler,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc.active .ruler,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc.active .ruler,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc.active .ruler {
  border-top-color: #37495e;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .back,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .back,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .back,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input .back {
  margin-top: 1em;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .empty,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .empty,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .empty,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .empty,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .empty {
  display: none;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .ruler,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .ruler,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .ruler,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.correct .ruler,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .ruler,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .ruler,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .ruler,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .numpad-input.incorrect .ruler {
  border-top-color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct {
  padding: 5px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc {
  margin-left: 5px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc .ruler,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc .ruler,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc .ruler,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc .ruler {
  border-top-color: #2ecd71;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-fraction #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-fractions #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-proportions #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-percentages #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 2%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  width: auto;
  width: max-content;
  max-width: 800px;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  content: " ";
  display: table;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  clear: both;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  margin: 7px 5px;
  display: inline-block;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  display: block;
  padding: 0px;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  border-color: #009dd3;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  background-color: #009dd3;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .mathLatex .mfrac,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .mathLatex .mfrac,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .mathLatex .mfrac,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .mathLatex .mfrac {
  font-size: 35px;
}
.game-fraction #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img {
  vertical-align: middle;
}
.game-fraction #preload,
.game-fraction .popup_mask {
  background-image: url('/js/games/fraction/images/preload-6.jpg?rev=1778068871');
}
.game-fraction #content {
  background-image: url('/js/games/fraction/images/background-6.jpg?rev=1778068871');
}
.game-fraction #content #question {
  position: relative;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 5px 5px;
  font-size: 25px;
  display: inline-block;
  min-width: 300px;
  margin-bottom: 13px;
  max-width: 800px;
}
.game-fraction #content #question .mathLatex {
  min-height: 40px;
}
.game-fraction #content .game.multiple-choice-game {
  /* -- fix for browserzoom in firefox browsers--- */
  position: absolute;
  top: 4%;
  left: -100px;
  right: 0px;
  max-width: 800px;
}
.game-fraction #content .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 5px 5px;
}
.game-fraction #content .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-fraction #content .game.multiple-choice-game #answerOptionSet .AnswerSet {
  width: 335px;
}
.game-fraction #content .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  width: 140px;
}
.game-fractions #preload,
.game-fractions .popup_mask {
  background-image: url('/img/games/backgrounds/plants/bleedingheart-preload.jpg?rev=1778068871');
}
.game-fractions #content {
  background-image: url('/img/games/backgrounds/plants/bleedingheart.jpg?rev=1778068871');
}
.game-fractions #content #game .screen .game.open-answer-game #question .text-image-content,
.game-fractions #content #game .screen .game.multiple-choice-game #question .text-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 360px;
  margin: 0 auto 13px;
  padding: 20px;
  font-size: 25.5px;
  line-height: 21px;
  position: absolute;
}
.game-fractions #content #game .screen .game.open-answer-game #question .text-image-content .mathLatex,
.game-fractions #content #game .screen .game.multiple-choice-game #question .text-image-content .mathLatex {
  min-height: 40px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .text-image-content .text-content,
.game-fractions #content #game .screen .game.multiple-choice-game #question .text-image-content .text-content {
  margin-bottom: 15px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .text-image-content .numpad-set.fraction,
.game-fractions #content #game .screen .game.multiple-choice-game #question .text-image-content .numpad-set.fraction {
  position: relative;
  top: 30px;
  left: 190px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .text-image-content .numpad-set.fraction ul.numpad,
.game-fractions #content #game .screen .game.multiple-choice-game #question .text-image-content .numpad-set.fraction ul.numpad {
  margin-top: 5px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .mathlatex-image-content,
.game-fractions #content #game .screen .game.multiple-choice-game #question .mathlatex-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  position: absolute;
  padding: 10px;
  min-width: 100px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .mathlatex-image-content .mathLatex,
.game-fractions #content #game .screen .game.multiple-choice-game #question .mathlatex-image-content .mathLatex {
  min-height: 40px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .mathLatex,
.game-fractions #content #game .screen .game.multiple-choice-game #question .mathLatex {
  position: relative;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 25px;
  display: inline-block;
  min-width: 300px;
  margin-bottom: 13px;
  max-width: 800px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .mathLatex .mathLatex,
.game-fractions #content #game .screen .game.multiple-choice-game #question .mathLatex .mathLatex {
  min-height: 40px;
}
.game-fractions #content #game .screen .game.open-answer-game #question {
  margin-top: 20px;
}
.game-fractions #content #game .screen .game.open-answer-game #question .text-image-content,
.game-fractions #content #game .screen .game.open-answer-game #question .mathlatex-image-content {
  top: 70px;
  right: 485px;
}
.game-fractions #content #game .screen .game.open-answer-game #answerOptionSet.mathLatex {
  margin-top: -15px;
}
.game-fractions #content #game .screen .game.open-answer-game #answerOptionSet.textImageFile .numpad-set.fraction,
.game-fractions #content #game .screen .game.open-answer-game #answerOptionSet.mathLatexImage .numpad-set.fraction {
  position: relative;
  top: 50px;
  left: 180px;
}
.game-fractions #content #game .screen .game.multiple-choice-game #question .mathLatex {
  margin-top: 20px;
}
.game-fractions #content #game .screen .game.multiple-choice-game #question .text-image-content,
.game-fractions #content #game .screen .game.multiple-choice-game #question.mathlatex-image-content {
  top: 70px;
  right: 550px;
}
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatex {
  margin-top: -25px;
}
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatexAnswerOptions .AnswerSet .AnswerElement,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.imageFile .AnswerSet .AnswerElement,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.textAnswerOptions .AnswerSet .AnswerElement {
  display: inline-block;
  float: none;
}
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatexImage {
  position: relative;
  top: -30px;
  left: 195px;
}
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile .AnswerSet,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatexImage .AnswerSet {
  width: 355px;
}
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile .AnswerSet .AnswerElement,
.game-fractions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatexImage .AnswerSet .AnswerElement {
  width: 150px;
}
.game-proportions #preload,
.game-proportions .popup_mask {
  background-image: url('/img/games/backgrounds/plants/grapes-preload.jpg?rev=1778068871');
}
.game-proportions #content {
  background-image: url('/img/games/backgrounds/plants/grapes.jpg?rev=1778068871');
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content,
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 360px;
  margin: 0 auto 13px;
  padding: 20px;
  font-size: 25.5px;
  line-height: 30px;
  position: absolute;
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content .mathLatex,
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content .mathLatex {
  min-height: 40px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content img,
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content img {
  max-height: none;
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content .text-content,
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content .text-content {
  margin-bottom: 15px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content .numpad-set.fraction,
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content .numpad-set.fraction {
  position: relative;
  top: 30px;
  left: 190px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content .numpad-set.fraction ul.numpad,
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content .numpad-set.fraction ul.numpad {
  margin-top: 5px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .mathlatex-image-content,
.game-proportions #content #game .screen .game.multiple-choice-game #question .mathlatex-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  position: absolute;
  padding: 10px;
  min-width: 100px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .mathlatex-image-content .mathLatex,
.game-proportions #content #game .screen .game.multiple-choice-game #question .mathlatex-image-content .mathLatex {
  min-height: 40px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .mathLatex,
.game-proportions #content #game .screen .game.multiple-choice-game #question .mathLatex {
  position: relative;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 25px;
  display: inline-block;
  min-width: 300px;
  margin-bottom: 13px;
  max-width: 800px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .mathLatex .mathLatex,
.game-proportions #content #game .screen .game.multiple-choice-game #question .mathLatex .mathLatex {
  min-height: 40px;
}
.game-proportions #content #game .screen .game.open-answer-game #question {
  margin-top: 10px;
}
.game-proportions #content #game .screen .game.open-answer-game #question .text-image-content,
.game-proportions #content #game .screen .game.open-answer-game #question .mathlatex-image-content {
  top: 40px;
  right: 485px;
  width: 355px;
}
.game-proportions #content #game .screen .game.open-answer-game #answerOptionSet.mathLatex {
  margin-top: -15px;
}
.game-proportions #content #game .screen .game.open-answer-game #answerOptionSet.textImageFile .numpad-set.fraction,
.game-proportions #content #game .screen .game.open-answer-game #answerOptionSet.mathLatexImage .numpad-set.fraction {
  position: relative;
  top: 50px;
  left: 180px;
}
.game-proportions #content #game .screen .game.open-answer-game #answerOptionSet.textImageFile .numpad-set,
.game-proportions #content #game .screen .game.open-answer-game #answerOptionSet.mathLatexImage .numpad-set {
  position: relative;
  top: 30px;
  left: 190px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #question .mathLatex {
  margin-top: 20px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content,
.game-proportions #content #game .screen .game.multiple-choice-game #question.mathlatex-image-content {
  top: 70px;
  right: 590px;
  width: 355px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #question .text-image-content {
  top: 50px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  width: 355px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  width: 150px;
  margin-bottom: 5px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  min-height: 70px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .mathLatex {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 7px;
  min-width: 115px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatex {
  margin-top: -25px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile,
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatexImage {
  position: relative;
  top: -80px;
  left: 195px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile {
  top: -30px;
}
.game-proportions #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile.textAnswerOptions {
  top: -95px;
}
.game-percentages #preload,
.game-percentages .popup_mask {
  background-image: url('/img/games/backgrounds/plants/pitcherplant-preload.jpg?rev=1778068871');
}
.game-percentages #content {
  background-image: url('/img/games/backgrounds/plants/pitcherplant.jpg?rev=1778068871');
}
.game-percentages #content #game .screen .game.open-answer-game #question .text-image-content,
.game-percentages #content #game .screen .game.multiple-choice-game #question .text-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 360px;
  margin: 0 auto 13px;
  padding: 20px;
  font-size: 25.5px;
  line-height: 30px;
  position: absolute;
}
.game-percentages #content #game .screen .game.open-answer-game #question .text-image-content .mathLatex,
.game-percentages #content #game .screen .game.multiple-choice-game #question .text-image-content .mathLatex {
  min-height: 40px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .text-image-content .text-content,
.game-percentages #content #game .screen .game.multiple-choice-game #question .text-image-content .text-content {
  margin-bottom: 15px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .text-image-content .numpad-set.fraction,
.game-percentages #content #game .screen .game.multiple-choice-game #question .text-image-content .numpad-set.fraction {
  position: relative;
  top: 30px;
  left: 190px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .text-image-content .numpad-set.fraction ul.numpad,
.game-percentages #content #game .screen .game.multiple-choice-game #question .text-image-content .numpad-set.fraction ul.numpad {
  margin-top: 5px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .mathlatex-image-content,
.game-percentages #content #game .screen .game.multiple-choice-game #question .mathlatex-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  position: absolute;
  padding: 10px;
  min-width: 100px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .mathlatex-image-content .mathLatex,
.game-percentages #content #game .screen .game.multiple-choice-game #question .mathlatex-image-content .mathLatex {
  min-height: 40px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .mathLatex,
.game-percentages #content #game .screen .game.multiple-choice-game #question .mathLatex {
  position: relative;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 25px;
  display: inline-block;
  min-width: 300px;
  margin-bottom: 13px;
  max-width: 800px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .mathLatex .mathLatex,
.game-percentages #content #game .screen .game.multiple-choice-game #question .mathLatex .mathLatex {
  min-height: 40px;
}
.game-percentages #content #game .screen .game.open-answer-game #question {
  margin-top: 40px;
}
.game-percentages #content #game .screen .game.open-answer-game #question .text-image-content,
.game-percentages #content #game .screen .game.open-answer-game #question .mathlatex-image-content {
  top: 70px;
  right: 485px;
  width: 355px;
}
.game-percentages #content #game .screen .game.open-answer-game #answerOptionSet.mathLatex {
  margin-top: -15px;
}
.game-percentages #content #game .screen .game.open-answer-game #answerOptionSet.textImageFile .numpad-set.fraction,
.game-percentages #content #game .screen .game.open-answer-game #answerOptionSet.mathLatexImage .numpad-set.fraction {
  position: relative;
  top: 50px;
  left: 180px;
}
.game-percentages #content #game .screen .game.open-answer-game #answerOptionSet.textImageFile .numpad-set,
.game-percentages #content #game .screen .game.open-answer-game #answerOptionSet.mathLatexImage .numpad-set {
  position: relative;
  top: 30px;
  left: 190px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #question .mathLatex {
  margin-top: 20px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #question .text-image-content,
.game-percentages #content #game .screen .game.multiple-choice-game #question.mathlatex-image-content {
  top: 70px;
  right: 590px;
  width: 355px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  width: 355px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  width: 150px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatex {
  margin-top: -25px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet.textImageFile,
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet.mathLatexImage {
  position: relative;
  top: -30px;
  left: 195px;
}
.game-percentages #content #game .screen .game.multiple-choice-game #answerOptionSet.text {
  line-height: 21px;
}
/* --- game 10, 67 styling --- */
/* --------- tellen, splitsen -------- */
.game-counting #game,
.game-split #game {
  text-align: center;
}
.game-counting #game .screen,
.game-split #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-counting #game:before,
.game-split #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-counting #game .screen .game #question,
.game-split #game .screen .game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 10px;
  vertical-align: middle;
}
.game-counting #game .screen .game #question .mathLatex,
.game-split #game .screen .game #question .mathLatex {
  min-height: 40px;
}
.game-counting #game .screen .game.multiple-choice-game,
.game-split #game .screen .game.multiple-choice-game {
  /* -- fix for browserzoom in firefox browsers--- */
  position: absolute;
  top: 11%;
  left: -100px;
  right: 0px;
}
.game-counting #game .screen .game.multiple-choice-game #question,
.game-split #game .screen .game.multiple-choice-game #question {
  margin-right: 20px;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet {
  display: inline-block;
  vertical-align: middle;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet:after {
  content: " ";
  display: table;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet:after,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet:after {
  clear: both;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 2%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding-bottom: 10px;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  content: " ";
  display: table;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  clear: both;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  margin: 6px;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  padding: 5px 10px;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-counting #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .text,
.game-split #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .text {
  font-size: 20px;
  line-height: 36px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet,
.game-split #game .screen .game.open-answer-game #answerOptionSet {
  display: inline-block;
  max-width: 240px;
  vertical-align: middle;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area:before,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area:before,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area:after,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area:after {
  content: " ";
  display: table;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area:after,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area:after {
  clear: both;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
  min-width: 1em;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.cursor,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input:focus,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input:focus {
  outline: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.correct,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.incorrect,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.incorrect.time-expired,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input #input-field,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input #input-field,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .answer-dont-know,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .answer-dont-know,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .time-expired,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .answer-dont-know,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .time-expired,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back:hover,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back:hover,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back:focus,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back:active,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back.disabled,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:active,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.answered,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.selected,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.correct,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.correct,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.correct-answer,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.incorrect,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.incorrect,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.incorrect-answer,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button .maximizedText,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:hover,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:hover,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:focus,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:active,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.disabled,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .answer-area .answer-correct,
.game-split #game .screen .game.open-answer-game #answerOptionSet .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
  width: 220px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li.numpad-button--hidden,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a:active,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.answered,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.selected,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.correct,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.correct,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.correct-answer,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.incorrect,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.incorrect,
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.incorrect-answer,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a .maximizedText,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-counting #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a:active,
.game-split #game .screen .game.open-answer-game #answerOptionSet .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-counting #preload,
.game-counting .popup_mask {
  background-image: url('/img/games/backgrounds/plants/blorange-preload.jpg?rev=1778068871');
}
.game-counting #content {
  background-image: url('/img/games/backgrounds/plants/blorange.jpg?rev=1778068871');
}
.game-counting #content .game.multiple-choice-game #answerOptionSet {
  margin-left: 20px;
  max-width: 320px;
}
.game-counting #content .game.multiple-choice-game #answerOptionSet .answer_button {
  min-width: 60px;
}
.game-counting .game.open-answer-game {
  /* -- fix for browserzoom in firefox browsers--- */
  position: absolute;
  top: 11%;
  left: -100px;
  right: 0px;
}
.game-counting .game.open-answer-game #answerOptionSet {
  margin-left: 20px;
}
/* --- game styling --- */
/* --------- Splitsen -------- */
.game-split #preload,
.game-split .popup_mask {
  background-image: url('/img/games/backgrounds/plants/tulip-preload.jpg?rev=1778068871');
}
.game-split #content {
  background-image: url('/img/games/backgrounds/plants/tulip.jpg?rev=1778068871');
}
.game-split #content #game .screen .open-answer-game.game {
  /* -- fix for browserzoom in firefox browsers--- */
  position: absolute;
  top: 11%;
  left: 0px;
  right: 0px;
}
.game-split #content #game .screen .open-answer-game.game #question {
  min-width: 0px;
  max-width: 275px;
  margin-left: -120px;
  margin-right: 20px;
}
.game-split #content #game .screen .open-answer-game.game #question img {
  max-width: 100%;
}
.game-split .game.multiple-choice-game #answerOptionSet {
  max-width: 220px;
}
.game-split .game.multiple-choice-game #answerOptionSet .AnswerSet {
  margin: 0px;
}
.game-split .game.multiple-choice-game #answerOptionSet .AnswerSet .answer_button {
  min-width: 92px;
}
/* --- game 37 styling --- */
/* --------- kangoeroe -------- */
.game-kangaroo #preload,
.game-kangaroo .popup_mask {
  background-image: url('/img/games/backgrounds/plants/wormflower-preload.jpg?rev=1778068871');
}
.game-kangaroo #content {
  background-image: url('/img/games/backgrounds/plants/wormflower.jpg?rev=1778068871');
}
.game-kangaroo #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-kangaroo #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-kangaroo #content #game .screen #gameSelector {
  display: inline-block;
  vertical-align: middle;
  height: auto !important;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game {
  display: inline-block;
  max-width: auto;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 15px 40px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #question .maximizedQuestion {
  width: 600px;
  min-height: 50px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #question img {
  max-width: 600px;
  max-height: 180px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet {
  margin-top: 0;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  min-width: 60px;
  margin: 10px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 80px;
  height: 80px;
  padding: 20px 5px 0;
  -webkit-box-shadow: 0 4px #ccc;
  -moz-box-shadow: 0 4px #ccc;
  box-shadow: 0 4px #ccc;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement {
  display: block;
  width: 500px;
  margin: 0 auto;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  margin-bottom: 10px;
  min-width: 100px;
  padding: 1px 10px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-kangaroo #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  display: block;
  width: 100%;
  height: 100%;
}
.game-kangaroo #content #game .screen #customItemFields {
  color: #fff;
}
.game-kangaroo #content #game .screen .logo-w4k {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 170px;
  height: 40px;
  background-image: url('/js/games/kangaroo/images/logo.png?rev=1778068871');
}
/* --- game 32 styling --- */
/* --------- wnf quiz -------- */
.game-wnf-quiz #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-wnf-quiz #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-wnf-quiz #content {
  background-image: url('/img/games/backgrounds/fishes/panda.jpg?rev=1778068871');
}
.game-wnf-quiz #preload,
.game-wnf-quiz .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/panda-preload.jpg?rev=1778068871');
}
.game-wnf-quiz #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 0 20px;
  max-width: 700px;
  min-width: 450px;
  min-height: 0;
  max-height: 100px;
}
.game-wnf-quiz #question .mathLatex {
  min-height: 40px;
}
.game-wnf-quiz #question .text {
  min-height: 30px;
  line-height: 25px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  font-size: 21px;
}
.game-wnf-quiz .AnswerSet {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 500px;
  min-width: 450px;
}
.game-wnf-quiz .AnswerSetLong {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 700px;
  min-width: 450px;
}
.game-wnf-quiz .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  margin: 15px 10px;
  width: auto;
}
.game-wnf-quiz .answer_button:active {
  background-color: #ccc;
}
.game-wnf-quiz .answer_button.answered {
  pointer-events: none;
}
.game-wnf-quiz .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-wnf-quiz .answer_button.correct,
.game-wnf-quiz .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-wnf-quiz .answer_button.incorrect,
.game-wnf-quiz .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-wnf-quiz .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-wnf-quiz .answer_button .text {
  min-height: 20px;
  font-size: 20px !important;
  line-height: 20px !important;
  padding: 3px !important;
}
.game-wnf-quiz #explanation {
  min-height: 50px;
  width: 550px;
  max-height: 85px;
  border-radius: 8px;
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  color: #37495e;
  background-color: #fff;
  display: inline-block;
  font-size: 20px;
  line-height: 1.5em;
  margin: 20px 0 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.game-wnf-quiz #explanation div {
  overflow-y: auto;
  max-height: 70px;
}
.game-wnf-quiz #explanation div::-webkit-scrollbar {
  /* Other useful customisations: border-bottom, border-top */
  width: 0.6%;
}
.game-wnf-quiz #explanation div::-webkit-scrollbar-thumb {
  /* Other useful customisations: border */
  background-color: #C3C3C3;
  border-radius: 2px;
}
.game-wnf-quiz #explanation div::-webkit-scrollbar-track {
  /* Other useful customisations: -webkit-box-shadow */
}
.game-chooser #question,
.game-verby #question,
.game-wordo #question,
.game-twinny #question,
.game-antonym #question,
.game-chooser .question,
.game-verby .question,
.game-wordo .question,
.game-twinny .question,
.game-antonym .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  width: 500px;
}
.game-chooser #question .mathLatex,
.game-verby #question .mathLatex,
.game-wordo #question .mathLatex,
.game-twinny #question .mathLatex,
.game-antonym #question .mathLatex,
.game-chooser .question .mathLatex,
.game-verby .question .mathLatex,
.game-wordo .question .mathLatex,
.game-twinny .question .mathLatex,
.game-antonym .question .mathLatex {
  min-height: 40px;
}
.game-chooser .AnswerSetLong,
.game-verby .AnswerSetLong,
.game-wordo .AnswerSetLong,
.game-twinny .AnswerSetLong,
.game-antonym .AnswerSetLong {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  width: 500px;
  height: auto;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.35);
}
.game-chooser .AnswerElement .text,
.game-verby .AnswerElement .text,
.game-wordo .AnswerElement .text,
.game-twinny .AnswerElement .text,
.game-antonym .AnswerElement .text {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 3px;
  font-size: 20px;
}
.game-chooser .AnswerElement .answer_button,
.game-verby .AnswerElement .answer_button,
.game-wordo .AnswerElement .answer_button,
.game-twinny .AnswerElement .answer_button,
.game-antonym .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  margin: 10px;
  padding: 15px 20px;
  text-transform: inherit;
}
.game-chooser .AnswerElement .answer_button:active,
.game-verby .AnswerElement .answer_button:active,
.game-wordo .AnswerElement .answer_button:active,
.game-twinny .AnswerElement .answer_button:active,
.game-antonym .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-chooser .AnswerElement .answer_button.answered,
.game-verby .AnswerElement .answer_button.answered,
.game-wordo .AnswerElement .answer_button.answered,
.game-twinny .AnswerElement .answer_button.answered,
.game-antonym .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-chooser .AnswerElement .answer_button.selected,
.game-verby .AnswerElement .answer_button.selected,
.game-wordo .AnswerElement .answer_button.selected,
.game-twinny .AnswerElement .answer_button.selected,
.game-antonym .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-chooser .AnswerElement .answer_button.correct,
.game-verby .AnswerElement .answer_button.correct,
.game-wordo .AnswerElement .answer_button.correct,
.game-twinny .AnswerElement .answer_button.correct,
.game-antonym .AnswerElement .answer_button.correct,
.game-chooser .AnswerElement .answer_button.correct-answer,
.game-verby .AnswerElement .answer_button.correct-answer,
.game-wordo .AnswerElement .answer_button.correct-answer,
.game-twinny .AnswerElement .answer_button.correct-answer,
.game-antonym .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-chooser .AnswerElement .answer_button.incorrect,
.game-verby .AnswerElement .answer_button.incorrect,
.game-wordo .AnswerElement .answer_button.incorrect,
.game-twinny .AnswerElement .answer_button.incorrect,
.game-antonym .AnswerElement .answer_button.incorrect,
.game-chooser .AnswerElement .answer_button.incorrect-answer,
.game-verby .AnswerElement .answer_button.incorrect-answer,
.game-wordo .AnswerElement .answer_button.incorrect-answer,
.game-twinny .AnswerElement .answer_button.incorrect-answer,
.game-antonym .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-chooser .AnswerElement .answer_button .maximizedText,
.game-verby .AnswerElement .answer_button .maximizedText,
.game-wordo .AnswerElement .answer_button .maximizedText,
.game-twinny .AnswerElement .answer_button .maximizedText,
.game-antonym .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-chooser .AnswerElement,
.game-wordo .AnswerElement,
.game-twinny .AnswerElement {
  display: inline-block;
  width: 47%;
}
.game-wordo #game .screen,
.game-twinny #game .screen {
  padding-top: 20px;
}
.game-wordo #game .screen .multiple-choice-game .AnswerSetLong .AnswerElement,
.game-twinny #game .screen .multiple-choice-game .AnswerSetLong .AnswerElement {
  margin: 1.5%;
}
.game-wordo #game .screen .multiple-choice-game .AnswerSetLong .AnswerElement .answer_button,
.game-twinny #game .screen .multiple-choice-game .AnswerSetLong .AnswerElement .answer_button {
  margin: 0;
}
.game-chooser #game .screen,
.game-verby #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-chooser #game:before,
.game-verby #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-antonym #question,
.game-antonym .question {
  width: 400px;
}
.game-antonym .AnswerSetLong {
  width: 400px;
}
.game-knowledge-quiz #preload,
.game-knowledge-quiz .popup_mask {
  background-image: url('/img/games/backgrounds/plants/bluepoppy.jpg?rev=1778068871');
}
.game-knowledge-quiz #content {
  background-image: url('/img/games/backgrounds/plants/bluepoppy-preload.jpg?rev=1778068871');
}
.game-knowledge-quiz #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-knowledge-quiz #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-knowledge-quiz #content #game .screen #gameSelector {
  display: inline-block;
  vertical-align: middle;
  height: auto !important;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game {
  display: inline-block;
  max-width: auto;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 15px 40px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #question .maximizedQuestion {
  width: 600px;
  min-height: 50px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #question img {
  max-width: 600px;
  max-height: 180px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet {
  margin-top: 0;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  min-width: 60px;
  margin: 10px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 80px;
  height: 80px;
  padding: 20px 5px 0;
  -webkit-box-shadow: 0 4px #ccc;
  -moz-box-shadow: 0 4px #ccc;
  box-shadow: 0 4px #ccc;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement {
  display: block;
  width: 500px;
  margin: 0 auto;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  margin-bottom: 10px;
  min-width: 100px;
  padding: 1px 10px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-knowledge-quiz #content #game .screen #gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  display: block;
  width: 100%;
  height: 100%;
}
.game-knowledge-quiz #content #game .screen #gameSelector #customItemFields {
  color: #fff;
  text-align: center;
}
.game-knowledge-quiz #content #game .screen #gameSelector #customItemFields #credits {
  position: absolute;
  left: 885px;
  top: 125px;
  width: 110px;
  z-index: 2;
  -webkit-opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.game-knowledge-quiz #content #game .screen #gameSelector #customItemFields #credits:before {
  content: "Gemaakt door: ";
}
.game-som-cloud #game .screen,
.game-word-cloud #game .screen,
.game-antonym #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-som-cloud #game:before,
.game-word-cloud #game:before,
.game-antonym #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-som-cloud .multiple-choice-game #question,
.game-word-cloud .multiple-choice-game #question,
.game-antonym .multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 24px;
}
.game-som-cloud .multiple-choice-game #question .mathLatex,
.game-word-cloud .multiple-choice-game #question .mathLatex,
.game-antonym .multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-som-cloud .multiple-choice-game #question .row1,
.game-word-cloud .multiple-choice-game #question .row1,
.game-antonym .multiple-choice-game #question .row1 {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ebecef;
  line-height: 1.2em;
}
.game-som-cloud .multiple-choice-game #answerOptionSet ul,
.game-word-cloud .multiple-choice-game #answerOptionSet ul,
.game-antonym .multiple-choice-game #answerOptionSet ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  text-align: center;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button .maximizedText,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button .maximizedText,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button:active,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button:active,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button:active {
  background-color: #ccc;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.answered,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.answered,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.answered {
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.selected,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.selected,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.correct,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.correct,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.correct,
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.correct-answer,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.correct-answer,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.incorrect,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.incorrect,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.incorrect,
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.incorrect-answer,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.incorrect-answer,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button:hover,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button:hover,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button:hover,
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button:focus,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button:focus,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button:active,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button:active,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button:active {
  background-color: #00516d;
}
.game-som-cloud .multiple-choice-game #answerOptionSet .ok-button.disabled,
.game-word-cloud .multiple-choice-game #answerOptionSet .ok-button.disabled,
.game-antonym .multiple-choice-game #answerOptionSet .ok-button.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game .AnswerSet,
.game-word-cloud .multiple-choice-game .AnswerSet,
.game-antonym .multiple-choice-game .AnswerSet {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  width: 650px;
  height: auto;
}
.game-som-cloud .multiple-choice-game .AnswerSet .AnswerElement,
.game-word-cloud .multiple-choice-game .AnswerSet .AnswerElement,
.game-antonym .multiple-choice-game .AnswerSet .AnswerElement {
  display: inline;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button,
.game-antonym .multiple-choice-game .AnswerSet .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-width: 2.5em;
  padding: 10px;
  padding: 15px;
  margin: 7px;
  font-size: 20px;
  display: inline-block;
  /* An answer that should have been picked but wasn't, i.e., feedback */
  /* An answer which was picked but was incorrect */
  /* An answer which was correctly picked */
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button:active,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button:active,
.game-antonym .multiple-choice-game .AnswerSet .answer_button:active {
  background-color: #ccc;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.answered,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.answered,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.answered {
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.selected,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.selected,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.correct,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.correct,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.correct,
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.correct-answer,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.correct-answer,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.incorrect,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.incorrect,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.incorrect,
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.incorrect-answer,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.incorrect-answer,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button .maximizedText,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button .maximizedText,
.game-antonym .multiple-choice-game .AnswerSet .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.answered.correct-answer,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.answered.correct-answer,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.answered.correct-answer {
  color: #e84c3d;
  background-color: #fff;
  border: 2px solid #e84c3d;
  box-shadow: none;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.answered.selected.incorrect-answer,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.answered.selected.incorrect-answer,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.answered.selected.incorrect-answer {
  color: #fff;
  background-color: #e84c3d;
  border: 2px solid #e84c3d;
}
.game-som-cloud .multiple-choice-game .AnswerSet .answer_button.answered.selected.correct-answer,
.game-word-cloud .multiple-choice-game .AnswerSet .answer_button.answered.selected.correct-answer,
.game-antonym .multiple-choice-game .AnswerSet .answer_button.answered.selected.correct-answer {
  color: #fff;
  background-color: #2ecd71;
  border: 2px solid #2ecd71;
}
.games-controller.wordsandbirds.game-chooser #content {
  background-image: url('/img/games/backgrounds/birds/greattit.jpg?rev=1778068871');
}
.games-controller.wordsandbirds.game-chooser #preload,
.games-controller.wordsandbirds.game-chooser .popup_mask {
  background-image: url('/img/games/backgrounds/birds/greattit-preload.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-chooser #content {
  background-image: url('/img/games/backgrounds/plants/sunflower.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-chooser #preload,
.games-controller.oefenweb.game-chooser .popup_mask {
  background-image: url('/img/games/backgrounds/plants/sunflower-preload.jpg?rev=1778068871');
}
.game-verby #content {
  background-image: url('/img/games/backgrounds/birds/kingfisher.jpg?rev=1778068871');
}
.game-verby #content #game .screen #question {
  font-size: 30px;
}
.game-verby #preload,
.game-verby .popup_mask {
  background-image: url('/img/games/backgrounds/birds/kingfisher-preload.jpg?rev=1778068871');
}
.game-wordo #content {
  background-image: url('/img/games/backgrounds/birds/flamingo.jpg?rev=1778068871');
}
.game-wordo #preload,
.game-wordo .popup_mask {
  background-image: url('/img/games/backgrounds/birds/flamingo-preload.jpg?rev=1778068871');
}
.game-twinny #content {
  background-image: url('/img/games/backgrounds/birds/toucan.jpg?rev=1778068871');
}
.game-twinny #preload,
.game-twinny .popup_mask {
  background-image: url('/img/games/backgrounds/birds/toucan-preload.jpg?rev=1778068871');
}
.game-som-cloud #content {
  background-image: url('/img/games/backgrounds/plants/pineapple.jpg?rev=1778068871');
}
.game-som-cloud #preload,
.game-som-cloud .popup_mask {
  background-image: url('/img/games/backgrounds/plants/pineapple-preload.jpg?rev=1778068871');
}
.game-word-cloud #content {
  background-image: url('/img/games/backgrounds/fishes/dolphin.jpg?rev=1778068871');
}
.game-word-cloud #preload,
.game-word-cloud .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/dolphin-preload.jpg?rev=1778068871');
}
.game-antonym #content {
  background-image: url('/img/games/backgrounds/fishes/hammerhead.jpg?rev=1778068871');
}
.game-antonym #preload,
.game-antonym .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/hammerhead-preload.jpg?rev=1778068871');
}
.game-gap-fill #content {
  background-image: url('/img/games/backgrounds/fishes/garfish.jpg?rev=1778068871');
}
.game-gap-fill #preload,
.game-gap-fill .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/garfish-preload.jpg?rev=1778068871');
}
/* --- game 18, 30, 42, 66 styling --- */
/* --------- dictee, getallen, Ducktator, geheugen -------- */
.game-dictation #question,
.game-numbers #question,
.game-ducktator #question,
.game-memory #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
}
.game-dictation #question .mathLatex,
.game-numbers #question .mathLatex,
.game-ducktator #question .mathLatex,
.game-memory #question .mathLatex {
  min-height: 40px;
}
.game-dictation .playerContainer,
.game-numbers .playerContainer,
.game-ducktator .playerContainer,
.game-memory .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-dictation .playerContainer:active,
.game-numbers .playerContainer:active,
.game-ducktator .playerContainer:active,
.game-memory .playerContainer:active {
  background-color: #00516d;
}
.game-dictation .playerContainer.selected,
.game-numbers .playerContainer.selected,
.game-ducktator .playerContainer.selected,
.game-memory .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-dictation .playerContainer:hover,
.game-numbers .playerContainer:hover,
.game-ducktator .playerContainer:hover,
.game-memory .playerContainer:hover,
.game-dictation .playerContainer:focus,
.game-numbers .playerContainer:focus,
.game-ducktator .playerContainer:focus,
.game-memory .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-dictation .playerContainer:before,
.game-numbers .playerContainer:before,
.game-ducktator .playerContainer:before,
.game-memory .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-dictation .playerContainer:after,
.game-numbers .playerContainer:after,
.game-ducktator .playerContainer:after,
.game-memory .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
/* --- game 18, 30, 66 styling --- */
/* --------- dictee, getallen, geheugen -------- */
.game-dictation #question,
.game-numbers #question,
.game-memory #question {
  display: inline-block;
}
.game-dictation #question .correct,
.game-numbers #question .correct,
.game-memory #question .correct {
  color: #2ecd71;
  line-height: 1.5em;
}
.game-dictation #question .incorrect,
.game-numbers #question .incorrect,
.game-memory #question .incorrect {
  color: #e84c3d;
  line-height: 1.5em;
}
/* --- game 30, 66 styling --- */
/* --------- getallen, geheugen -------- */
.game-numbers #game .screen,
.game-memory #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-numbers #game .screen .game.open-answer-game #question,
.game-memory #game .screen .game.open-answer-game #question {
  padding: 5px 5px;
  min-width: 300px;
  max-width: 700px;
  margin-bottom: 5px;
}
.game-numbers #game .screen .game.open-answer-game .answer-area,
.game-memory #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  margin: 10px auto;
  padding: 10px;
  width: auto;
  min-width: 300px;
  max-width: 500px;
}
.game-numbers #game .screen .game.open-answer-game .answer-area:before,
.game-memory #game .screen .game.open-answer-game .answer-area:before,
.game-numbers #game .screen .game.open-answer-game .answer-area:after,
.game-memory #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-numbers #game .screen .game.open-answer-game .answer-area:after,
.game-memory #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  width: auto;
  overflow: hidden;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input.cursor,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input:focus,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input.correct,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .back,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .back:active,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input:before,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .numpad-input > *,
.game-memory #game .screen .game.open-answer-game .answer-area .numpad-input > * {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.answered,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.selected,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button:focus,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button:active,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .ok-button.disabled,
.game-memory #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-numbers #game .screen .game.open-answer-game .answer-area .answer-correct,
.game-memory #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
  margin: 0 auto;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a.answered,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a.selected,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-numbers #game .screen .game.open-answer-game .numpad-set .numpad li a:active,
.game-memory #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
/* --- game 18, 42 styling --- */
/* --------- dictee, Ducktator -------- */
.game-dictation #customItemFields,
.game-ducktator #customItemFields {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;
}
.game-dictation img,
.game-ducktator img {
  max-height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-dictation .game-button-answer,
.game-ducktator .game-button-answer {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 400px;
}
.game-dictation .game-button-answer:before,
.game-ducktator .game-button-answer:before,
.game-dictation .game-button-answer:after,
.game-ducktator .game-button-answer:after {
  content: " ";
  display: table;
}
.game-dictation .game-button-answer:after,
.game-ducktator .game-button-answer:after {
  clear: both;
}
.game-dictation .game-button-answer:after,
.game-ducktator .game-button-answer:after {
  right: 100%;
  left: inherit;
  border-right-color: rgba(0, 0, 0, 0.35);
  /* find a way to pass this color on from the answer_area-styling mixin */
  border-left-color: transparent;
}
.game-dictation .game-button-answer .numpad-input.answer-correct,
.game-ducktator .game-button-answer .numpad-input.answer-correct {
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  background-color: inherit;
  font-size: 20px;
  color: #2ecd71;
  border-radius: 5px;
}
.game-dictation .game-button-answer form #input-field,
.game-ducktator .game-button-answer form #input-field {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  overflow: hidden;
}
.game-dictation .game-button-answer form #input-field.cursor,
.game-ducktator .game-button-answer form #input-field.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-dictation .game-button-answer form #input-field:focus,
.game-ducktator .game-button-answer form #input-field:focus {
  outline: none;
}
.game-dictation .game-button-answer form #input-field.correct,
.game-ducktator .game-button-answer form #input-field.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-dictation .game-button-answer form #input-field.incorrect,
.game-ducktator .game-button-answer form #input-field.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-dictation .game-button-answer form #input-field.incorrect.time-expired,
.game-ducktator .game-button-answer form #input-field.incorrect.time-expired {
  background-color: #009dd3;
}
.game-dictation .game-button-answer form #input-field #input-field,
.game-ducktator .game-button-answer form #input-field #input-field,
.game-dictation .game-button-answer form #input-field .answer-dont-know,
.game-ducktator .game-button-answer form #input-field .answer-dont-know,
.game-dictation .game-button-answer form #input-field .time-expired,
.game-ducktator .game-button-answer form #input-field .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-dictation .game-button-answer form #input-field .answer-dont-know,
.game-ducktator .game-button-answer form #input-field .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-dictation .game-button-answer form #input-field .time-expired,
.game-ducktator .game-button-answer form #input-field .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-dictation .game-button-answer form #input-field .back,
.game-ducktator .game-button-answer form #input-field .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-dictation .game-button-answer form #input-field .back:hover,
.game-ducktator .game-button-answer form #input-field .back:hover,
.game-dictation .game-button-answer form #input-field .back:focus,
.game-ducktator .game-button-answer form #input-field .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-dictation .game-button-answer form #input-field .back:active,
.game-ducktator .game-button-answer form #input-field .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-dictation .game-button-answer form #input-field .back.disabled,
.game-ducktator .game-button-answer form #input-field .back.disabled {
  display: none;
}
.game-dictation .game-button-answer form.correct #input-field,
.game-ducktator .game-button-answer form.correct #input-field {
  background-color: #2ecd71;
  color: #fff;
}
.game-dictation .game-button-answer form.incorrect #input-field,
.game-ducktator .game-button-answer form.incorrect #input-field {
  background-color: #e84c3d;
  color: #fff;
}
.game-dictation .game-button-answer .answer-dont-know,
.game-ducktator .game-button-answer .answer-dont-know,
.game-dictation .game-button-answer .time-expired,
.game-ducktator .game-button-answer .time-expired {
  background-color: #e84c3d;
  color: #fff;
  font-size: 20px;
  border-radius: 5px;
  display: block;
  height: 2em;
  line-height: 1.9em;
  text-align: center;
  width: 100%;
}
.game-dictation .game-button-answer .time-expired,
.game-ducktator .game-button-answer .time-expired {
  background-color: #009dd3;
  font-family: entypo;
}
.game-dictation .game-button-answer .ok-button,
.game-ducktator .game-button-answer .ok-button,
.game-dictation .game-button-answer .ok-button.incorrect,
.game-ducktator .game-button-answer .ok-button.incorrect {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  padding: 5px 10px;
}
.game-dictation .game-button-answer .ok-button:active,
.game-ducktator .game-button-answer .ok-button:active,
.game-dictation .game-button-answer .ok-button.incorrect:active,
.game-ducktator .game-button-answer .ok-button.incorrect:active {
  background-color: #ccc;
}
.game-dictation .game-button-answer .ok-button.answered,
.game-ducktator .game-button-answer .ok-button.answered,
.game-dictation .game-button-answer .ok-button.incorrect.answered,
.game-ducktator .game-button-answer .ok-button.incorrect.answered {
  pointer-events: none;
}
.game-dictation .game-button-answer .ok-button.selected,
.game-ducktator .game-button-answer .ok-button.selected,
.game-dictation .game-button-answer .ok-button.incorrect.selected,
.game-ducktator .game-button-answer .ok-button.incorrect.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-dictation .game-button-answer .ok-button.correct,
.game-ducktator .game-button-answer .ok-button.correct,
.game-dictation .game-button-answer .ok-button.incorrect.correct,
.game-ducktator .game-button-answer .ok-button.incorrect.correct,
.game-dictation .game-button-answer .ok-button.correct-answer,
.game-ducktator .game-button-answer .ok-button.correct-answer,
.game-dictation .game-button-answer .ok-button.incorrect.correct-answer,
.game-ducktator .game-button-answer .ok-button.incorrect.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-dictation .game-button-answer .ok-button.incorrect,
.game-ducktator .game-button-answer .ok-button.incorrect,
.game-dictation .game-button-answer .ok-button.incorrect.incorrect,
.game-ducktator .game-button-answer .ok-button.incorrect.incorrect,
.game-dictation .game-button-answer .ok-button.incorrect-answer,
.game-ducktator .game-button-answer .ok-button.incorrect-answer,
.game-dictation .game-button-answer .ok-button.incorrect.incorrect-answer,
.game-ducktator .game-button-answer .ok-button.incorrect.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-dictation .game-button-answer .ok-button .maximizedText,
.game-ducktator .game-button-answer .ok-button .maximizedText,
.game-dictation .game-button-answer .ok-button.incorrect .maximizedText,
.game-ducktator .game-button-answer .ok-button.incorrect .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-dictation .game-button-answer .ok-button:hover,
.game-ducktator .game-button-answer .ok-button:hover,
.game-dictation .game-button-answer .ok-button.incorrect:hover,
.game-ducktator .game-button-answer .ok-button.incorrect:hover,
.game-dictation .game-button-answer .ok-button:focus,
.game-ducktator .game-button-answer .ok-button:focus,
.game-dictation .game-button-answer .ok-button.incorrect:focus,
.game-ducktator .game-button-answer .ok-button.incorrect:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-dictation .game-button-answer .ok-button:active,
.game-ducktator .game-button-answer .ok-button:active,
.game-dictation .game-button-answer .ok-button.incorrect:active,
.game-ducktator .game-button-answer .ok-button.incorrect:active {
  background-color: #00516d;
}
.game-dictation .game-button-answer .ok-button.disabled,
.game-ducktator .game-button-answer .ok-button.disabled,
.game-dictation .game-button-answer .ok-button.incorrect.disabled,
.game-ducktator .game-button-answer .ok-button.incorrect.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-dictation .keyboard,
.game-ducktator .keyboard {
  pointer-events: none;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  position: relative;
  margin: 10px auto;
  max-width: 450px;
  max-width: 400px;
}
.game-dictation .keyboard:before,
.game-ducktator .keyboard:before {
  content: "\00e9\2009\00e4\2009\00e7\2009\0027...";
  position: absolute;
  left: 20px;
  top: -10px;
  display: block;
  padding: 5px 10px 8px;
  background-color: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.2em;
  line-height: 1em;
  opacity: 1;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s 0.2s ease-out;
  -moz-transition: 0.2s 0.2s ease-out;
  -o-transition: 0.2s 0.2s ease-out;
  transition: 0.2s 0.2s ease-out;
  pointer-events: all;
  z-index: 0;
}
.game-dictation .keyboard:after,
.game-ducktator .keyboard:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  display: block;
  width: 140px;
  height: 50px;
  pointer-events: all;
  z-index: 0;
}
.game-dictation .keyboard:hover:before,
.game-ducktator .keyboard:hover:before {
  opacity: 0;
}
.game-dictation .keyboard:hover .keyboards,
.game-ducktator .keyboard:hover .keyboards {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.game-dictation .keyboard .keyboards,
.game-ducktator .keyboard .keyboards {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  width: 375px;
  margin-left: 10px;
  background-color: rgba(36, 48, 62, 0.7);
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s 0.2s ease-out;
  -moz-transition: 0.2s 0.2s ease-out;
  -o-transition: 0.2s 0.2s ease-out;
  transition: 0.2s 0.2s ease-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  z-index: 1;
}
.game-dictation .keyboard .keyboards:after,
.game-ducktator .keyboard .keyboards:after {
  top: auto;
  bottom: 100%;
  left: 20px;
  border-color: transparent;
  border-bottom-color: rgba(36, 48, 62, 0.7);
}
.game-dictation .keyboard .keyboards ul,
.game-ducktator .keyboard .keyboards ul {
  padding: 0;
}
.game-dictation .keyboard .keyboards ul:before,
.game-ducktator .keyboard .keyboards ul:before,
.game-dictation .keyboard .keyboards ul:after,
.game-ducktator .keyboard .keyboards ul:after {
  content: " ";
  display: table;
}
.game-dictation .keyboard .keyboards ul:after,
.game-ducktator .keyboard .keyboards ul:after {
  clear: both;
}
.game-dictation .keyboard .keyboards li,
.game-ducktator .keyboard .keyboards li {
  float: left;
  display: inline-block;
}
.game-dictation .keyboard .keyboards a.kbkeys,
.game-ducktator .keyboard .keyboards a.kbkeys {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: 53px;
  height: 36px;
  margin: 3px 3px 5px;
  padding: 0 5px;
  text-align: center;
  line-height: 36px;
  font-size: 1.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-dictation .keyboard .keyboards a.kbkeys:active,
.game-ducktator .keyboard .keyboards a.kbkeys:active {
  background-color: #ccc;
}
.game-dictation .keyboard .keyboards a.kbkeys.answered,
.game-ducktator .keyboard .keyboards a.kbkeys.answered {
  pointer-events: none;
}
.game-dictation .keyboard .keyboards a.kbkeys.selected,
.game-ducktator .keyboard .keyboards a.kbkeys.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-dictation .keyboard .keyboards a.kbkeys.correct,
.game-ducktator .keyboard .keyboards a.kbkeys.correct,
.game-dictation .keyboard .keyboards a.kbkeys.correct-answer,
.game-ducktator .keyboard .keyboards a.kbkeys.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-dictation .keyboard .keyboards a.kbkeys.incorrect,
.game-ducktator .keyboard .keyboards a.kbkeys.incorrect,
.game-dictation .keyboard .keyboards a.kbkeys.incorrect-answer,
.game-ducktator .keyboard .keyboards a.kbkeys.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-dictation .keyboard .keyboards a.kbkeys .maximizedText,
.game-ducktator .keyboard .keyboards a.kbkeys .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-dictation .AnswerSet,
.game-ducktator .AnswerSet {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 308px;
  position: relative;
  display: inline-block;
  margin-top: 0;
}
.game-dictation .AnswerElement,
.game-ducktator .AnswerElement {
  display: inline-block;
  float: left;
  margin: 7px;
  padding: 0;
}
.game-dictation .answer_button,
.game-ducktator .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  width: 130px;
  height: 130px;
  padding: 0;
}
.game-dictation .answer_button:active,
.game-ducktator .answer_button:active {
  background-color: #ccc;
}
.game-dictation .answer_button.answered,
.game-ducktator .answer_button.answered {
  pointer-events: none;
}
.game-dictation .answer_button.selected,
.game-ducktator .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-dictation .answer_button.correct,
.game-ducktator .answer_button.correct,
.game-dictation .answer_button.correct-answer,
.game-ducktator .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-dictation .answer_button.incorrect,
.game-ducktator .answer_button.incorrect,
.game-dictation .answer_button.incorrect-answer,
.game-ducktator .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-dictation .answer_button .maximizedText,
.game-ducktator .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-dictation .answer_button:active,
.game-ducktator .answer_button:active,
.game-dictation .answer_button:focus,
.game-ducktator .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-dictation .answer_button.correct,
.game-ducktator .answer_button.correct,
.game-dictation .answer_button.correct-answer,
.game-ducktator .answer_button.correct-answer,
.game-dictation .answer_button.incorrect,
.game-ducktator .answer_button.incorrect,
.game-dictation .answer_button.incorrect-answer,
.game-ducktator .answer_button.incorrect-answer,
.game-dictation .answer_button.selected,
.game-ducktator .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-dictation .answer_button.correct:after,
.game-ducktator .answer_button.correct:after,
.game-dictation .answer_button.correct-answer:after,
.game-ducktator .answer_button.correct-answer:after,
.game-dictation .answer_button.incorrect:after,
.game-ducktator .answer_button.incorrect:after,
.game-dictation .answer_button.incorrect-answer:after,
.game-ducktator .answer_button.incorrect-answer:after,
.game-dictation .answer_button.selected:after,
.game-ducktator .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-dictation .answer_button.correct,
.game-ducktator .answer_button.correct,
.game-dictation .answer_button.correct-answer,
.game-ducktator .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-dictation .answer_button.correct:after,
.game-ducktator .answer_button.correct:after,
.game-dictation .answer_button.correct-answer:after,
.game-ducktator .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-dictation .answer_button.incorrect,
.game-ducktator .answer_button.incorrect,
.game-dictation .answer_button.incorrect-answer,
.game-ducktator .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-dictation .answer_button.incorrect:after,
.game-ducktator .answer_button.incorrect:after,
.game-dictation .answer_button.incorrect-answer:after,
.game-ducktator .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-dictation .answer_button.selected,
.game-ducktator .answer_button.selected {
  border-color: #009dd3;
}
.game-dictation .answer_button.selected:after,
.game-ducktator .answer_button.selected:after {
  background-color: #009dd3;
}
.game-dictation .answer_button .media-object,
.game-ducktator .answer_button .media-object {
  -webkit-transform: scale(0.82666667);
  -moz-transform: scale(0.82666667);
  -ms-transform: scale(0.82666667);
  -o-transform: scale(0.82666667);
  transform: scale(0.82666667);
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
/* --- game 18 styling --- */
/* --------- dictee -------- */
.game-dictation #content {
  background-image: url('/img/games/backgrounds/fishes/pufferfish.jpg?rev=1778068871');
}
.game-dictation #preload,
.game-dictation .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/pufferfish-preload.jpg?rev=1778068871');
}
.game-dictation .screen {
  padding-left: 400px;
  padding-top: 50px;
}
.game-dictation #question {
  max-width: 450px;
  min-width: 400px;
  margin: 20px auto;
  padding: 40px;
  margin-top: 10px;
  text-align: center;
}
.game-dictation .audio-player-button {
  padding: 10px;
}
.game-dictation .playerContainer {
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-dictation .game-button-answer form #input-field {
  width: 265px;
}
/* ugly firefox-targeting css to prevent backbutton disappearing behind text input */
@-moz-document url-prefix() {
  .game-numbers #game .screen .answer-area .numpad-input-text-bc {
    margin-right: 70px;
  }
}
/* --- game 30 styling --- */
/* --------- getallen -------- */
.game-numbers #preload,
.game-numbers .popup_mask {
  background-image: url('/img/games/backgrounds/plants/tomatoes-preload.jpg?rev=1778068871');
}
.game-numbers #content {
  background-image: url('/img/games/backgrounds/plants/tomatoes.jpg?rev=1778068871');
}
.game-numbers #game .audio-player-button {
  padding: 15px;
}
.game-numbers #game .playerContainer:before {
  font-size: 30px;
}
.game-numbers #game .numpad-set.fraction .answer-area {
  max-width: 310px;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input {
  white-space: nowrap;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:before {
  display: none;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-b,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-c {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:hover,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:hover,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:hover,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a:focus,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b:focus,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c:focus {
  background-color: #fff;
  cursor: pointer;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.cursor.empty,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.cursor.empty,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.cursor.empty {
  border-color: #009dd3;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-a.empty,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-b.empty,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-c.empty {
  border: 2px solid #fff;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor) {
  background-color: #fff;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input:not(.correct):not(.incorrect):not(.answer-correct) .numpad-input-text-bc.active .empty:not(.cursor):hover {
  background-color: #f5f5f5;
  border-color: transparent;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-a {
  min-width: 2em;
  min-height: 2.5em;
  margin: 10px 5px;
  padding: 20px 10px;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-b,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .numpad-input-text-c {
  min-width: 2.5em;
  min-height: 1.5em;
  margin: 5px 0;
  padding: 5px 10px;
  font-size: 0.8em;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc .ruler {
  display: block;
  border-top: 2px solid rgba(55, 73, 94, 0.5);
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .numpad-input-text-bc.active .ruler {
  border-top-color: #37495e;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input .back {
  margin-top: 1em;
  margin-left: 0.25em;
}
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input.correct .ruler,
.game-numbers #game .numpad-set.fraction .answer-area .numpad-input.incorrect .ruler {
  border-top-color: #fff;
}
.game-numbers #game .numpad-set.fraction .answer-area .answer-correct {
  padding: 5px;
}
.game-numbers #game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc {
  margin-left: 5px;
}
.game-numbers #game .numpad-set.fraction .answer-area .answer-correct.numpad-input .numpad-input-text-bc .ruler {
  border-top-color: #2ecd71;
}
/* --- game 42 --- */
/* --------- Ducktator -------- */
.game-ducktator #content {
  background-image: url('/img/games/backgrounds/birds/duck.jpg?rev=1778068871');
}
.game-ducktator #preload,
.game-ducktator .popup_mask {
  background-image: url('/img/games/backgrounds/birds/duck-preload.jpg?rev=1778068871');
}
.game-ducktator #question .correct,
.game-ducktator .question .correct {
  color: #2ecd71;
  line-height: 34px;
}
.game-ducktator #question .incorrect,
.game-ducktator .question .incorrect {
  color: #e84c3d;
  line-height: 34px;
}
.game-ducktator #question .player,
.game-ducktator .question .player {
  display: inline-block;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding: 10px;
  padding-top: 0;
  background-color: transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-ducktator #question .player.correct,
.game-ducktator .question .player.correct,
.game-ducktator #question .player .correct,
.game-ducktator .question .player .correct {
  color: #2ecd71;
}
.game-ducktator #question .player .incorrect,
.game-ducktator .question .player .incorrect {
  color: #e84c3d;
}
.game-ducktator #question .player .text.correct,
.game-ducktator .question .player .text.correct {
  display: block !important;
  width: 100%;
  height: 100%;
}
.game-ducktator #question .controls .play,
.game-ducktator .question .controls .play {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  padding: 10px 25px;
  min-height: 40px;
  min-width: 100px;
  padding: 8px 25px;
  line-height: 1.5em;
}
.game-ducktator #question .controls .play:active,
.game-ducktator .question .controls .play:active {
  background-color: #00516d;
}
.game-ducktator #question .controls .play.selected,
.game-ducktator .question .controls .play.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-ducktator #question .controls .play:hover,
.game-ducktator .question .controls .play:hover,
.game-ducktator #question .controls .play:focus,
.game-ducktator .question .controls .play:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-ducktator #question .controls .play:before,
.game-ducktator .question .controls .play:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-ducktator #question .controls .play:after,
.game-ducktator .question .controls .play:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-ducktator #question .controls .play:after,
.game-ducktator .question .controls .play:after {
  display: none;
}
.game-ducktator .game-button-answer {
  width: 450px;
  margin: 0 auto;
}
.game-ducktator .game-button-answer form #input-field {
  display: inline-block;
  width: 265px;
  font-size: 24px;
}
.game-ducktator .game-button-answer .form #numpad-input {
  margin: auto;
}
.oefenweb.game-ducktator #content {
  background-image: url('/img/games/backgrounds/plants/sunflower.jpg?rev=1778068871');
}
.oefenweb.game-ducktator #preload,
.oefenweb.game-ducktator .popup_mask {
  background-image: url('/img/games/backgrounds/plants/sunflower-preload.jpg?rev=1778068871');
}
/* --- game 66 styling --- */
/* --------- geheugen -------- */
.game-memory #preload,
.game-memory .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/tuna-preload.jpg?rev=1778068871');
}
.game-memory #content {
  background-image: url('/img/games/backgrounds/fishes/tuna.jpg?rev=1778068871');
}
.game-memory .screen #question {
  margin: 0;
}
.game-memory .screen #question .audio-player-button {
  padding: 15px;
}
.game-memory .screen #question .audio-player-button.answered {
  display: none;
}
.game-memory .screen .numpad-input {
  letter-spacing: 3px;
}
/* --- game 41 styling --- */
/* --------- Flashy -------- */
.game-flash #content #game .screen,
.game-flashy #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-flash #content #game:before,
.game-flashy #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-flash .answer,
.game-flashy .answer {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 450px;
  margin: 0 auto;
}
.game-flash .answer .input-field,
.game-flashy .answer .input-field {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  width: 315px;
  overflow: hidden;
}
.game-flash .answer .input-field.cursor,
.game-flashy .answer .input-field.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-flash .answer .input-field:focus,
.game-flashy .answer .input-field:focus {
  outline: none;
}
.game-flash .answer .input-field.correct,
.game-flashy .answer .input-field.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-flash .answer .input-field.incorrect,
.game-flashy .answer .input-field.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-flash .answer .input-field.incorrect.time-expired,
.game-flashy .answer .input-field.incorrect.time-expired {
  background-color: #009dd3;
}
.game-flash .answer .input-field #input-field,
.game-flashy .answer .input-field #input-field,
.game-flash .answer .input-field .answer-dont-know,
.game-flashy .answer .input-field .answer-dont-know,
.game-flash .answer .input-field .time-expired,
.game-flashy .answer .input-field .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-flash .answer .input-field .answer-dont-know,
.game-flashy .answer .input-field .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-flash .answer .input-field .time-expired,
.game-flashy .answer .input-field .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-flash .answer .input-field .back,
.game-flashy .answer .input-field .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-flash .answer .input-field .back:hover,
.game-flashy .answer .input-field .back:hover,
.game-flash .answer .input-field .back:focus,
.game-flashy .answer .input-field .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-flash .answer .input-field .back:active,
.game-flashy .answer .input-field .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-flash .answer .input-field .back.disabled,
.game-flashy .answer .input-field .back.disabled {
  display: none;
}
.game-flash .answer .ok-button,
.game-flashy .answer .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  padding: 5px 10px;
}
.game-flash .answer .ok-button:active,
.game-flashy .answer .ok-button:active {
  background-color: #ccc;
}
.game-flash .answer .ok-button.answered,
.game-flashy .answer .ok-button.answered {
  pointer-events: none;
}
.game-flash .answer .ok-button.selected,
.game-flashy .answer .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flash .answer .ok-button.correct,
.game-flashy .answer .ok-button.correct,
.game-flash .answer .ok-button.correct-answer,
.game-flashy .answer .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .answer .ok-button.incorrect,
.game-flashy .answer .ok-button.incorrect,
.game-flash .answer .ok-button.incorrect-answer,
.game-flashy .answer .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .answer .ok-button .maximizedText,
.game-flashy .answer .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-flash .answer .ok-button:hover,
.game-flashy .answer .ok-button:hover,
.game-flash .answer .ok-button:focus,
.game-flashy .answer .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-flash .answer .ok-button:active,
.game-flashy .answer .ok-button:active {
  background-color: #00516d;
}
.game-flash .answer .ok-button.disabled,
.game-flashy .answer .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-flash #content {
  background-image: url('/img/games/backgrounds/fishes/starfish.jpg?rev=1778068871');
}
.game-flash #preload,
.game-flash .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/starfish-preload.jpg?rev=1778068871');
}
.game-flash .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  max-width: 450px;
  min-height: 145px;
  padding: 40px;
  text-align: center;
}
.game-flash .question .mathLatex {
  min-height: 40px;
}
.game-flash .question .player {
  display: block;
  height: 60px;
  font-size: 30px !important;
  line-height: 60px !important;
}
.game-flash .question .player.correct,
.game-flash .question .player .correct {
  color: #2ecd71;
}
.game-flash .question .player.incorrect,
.game-flash .question .player .incorrect {
  color: #e84c3d;
}
.game-flash .question .player .o-letterspace {
  width: 0.5em;
  display: inline-block;
  text-align: center;
}
.game-flash .question .play {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  padding: 10px 25px;
  min-height: 40px;
  min-width: 100px;
  padding: 8px 25px;
  line-height: 1.5em;
}
.game-flash .question .play:active {
  background-color: #00516d;
}
.game-flash .question .play.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flash .question .play:hover,
.game-flash .question .play:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-flash .question .play:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-flash .question .play:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-flash .question .play:after {
  display: none;
}
.game-flash .answer {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 450px;
  margin: 0 auto;
}
.game-flash .answer .input-field {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  width: 315px;
  overflow: hidden;
}
.game-flash .answer .input-field.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-flash .answer .input-field:focus {
  outline: none;
}
.game-flash .answer .input-field.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-flash .answer .input-field.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-flash .answer .input-field.incorrect.time-expired {
  background-color: #009dd3;
}
.game-flash .answer .input-field #input-field,
.game-flash .answer .input-field .answer-dont-know,
.game-flash .answer .input-field .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-flash .answer .input-field .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-flash .answer .input-field .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-flash .answer .input-field .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-flash .answer .input-field .back:hover,
.game-flash .answer .input-field .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-flash .answer .input-field .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-flash .answer .input-field .back.disabled {
  display: none;
}
.game-flash .answer .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  padding: 5px 10px;
}
.game-flash .answer .ok-button:active {
  background-color: #ccc;
}
.game-flash .answer .ok-button.answered {
  pointer-events: none;
}
.game-flash .answer .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flash .answer .ok-button.correct,
.game-flash .answer .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .answer .ok-button.incorrect,
.game-flash .answer .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .answer .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-flash .answer .ok-button:hover,
.game-flash .answer .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-flash .answer .ok-button:active {
  background-color: #00516d;
}
.game-flash .answer .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-flash .game-button-answer {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 450px;
}
.game-flash .game-button-answer:before,
.game-flash .game-button-answer:after {
  content: " ";
  display: table;
}
.game-flash .game-button-answer:after {
  clear: both;
}
.game-flash .game-button-answer .input-field {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  width: 315px;
  overflow: hidden;
}
.game-flash .game-button-answer .input-field.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-flash .game-button-answer .input-field:focus {
  outline: none;
}
.game-flash .game-button-answer .input-field.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-flash .game-button-answer .input-field.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-flash .game-button-answer .input-field.incorrect.time-expired {
  background-color: #009dd3;
}
.game-flash .game-button-answer .input-field #input-field,
.game-flash .game-button-answer .input-field .answer-dont-know,
.game-flash .game-button-answer .input-field .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-flash .game-button-answer .input-field .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-flash .game-button-answer .input-field .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-flash .game-button-answer .input-field .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-flash .game-button-answer .input-field .back:hover,
.game-flash .game-button-answer .input-field .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-flash .game-button-answer .input-field .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-flash .game-button-answer .input-field .back.disabled {
  display: none;
}
.game-flash .game-button-answer .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  padding: 5px 10px;
}
.game-flash .game-button-answer .ok-button:active {
  background-color: #ccc;
}
.game-flash .game-button-answer .ok-button.answered {
  pointer-events: none;
}
.game-flash .game-button-answer .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flash .game-button-answer .ok-button.correct,
.game-flash .game-button-answer .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .game-button-answer .ok-button.incorrect,
.game-flash .game-button-answer .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .game-button-answer .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-flash .game-button-answer .ok-button:hover,
.game-flash .game-button-answer .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-flash .game-button-answer .ok-button:active {
  background-color: #00516d;
}
.game-flash .game-button-answer .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-flash .keyboard {
  pointer-events: none;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  position: relative;
  margin: 10px auto;
  max-width: 450px;
}
.game-flash .keyboard:before {
  content: "\00e9\2009\00e4\2009\00e7\2009\0027...";
  position: absolute;
  left: 20px;
  top: -10px;
  display: block;
  padding: 5px 10px 8px;
  background-color: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.2em;
  line-height: 1em;
  opacity: 1;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s 0.2s ease-out;
  -moz-transition: 0.2s 0.2s ease-out;
  -o-transition: 0.2s 0.2s ease-out;
  transition: 0.2s 0.2s ease-out;
  pointer-events: all;
  z-index: 0;
}
.game-flash .keyboard:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  display: block;
  width: 140px;
  height: 50px;
  pointer-events: all;
  z-index: 0;
}
.game-flash .keyboard:hover:before {
  opacity: 0;
}
.game-flash .keyboard:hover .keyboards {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.game-flash .keyboard .keyboards {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  width: 375px;
  margin-left: 10px;
  background-color: rgba(36, 48, 62, 0.7);
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s 0.2s ease-out;
  -moz-transition: 0.2s 0.2s ease-out;
  -o-transition: 0.2s 0.2s ease-out;
  transition: 0.2s 0.2s ease-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  z-index: 1;
}
.game-flash .keyboard .keyboards:after {
  top: auto;
  bottom: 100%;
  left: 20px;
  border-color: transparent;
  border-bottom-color: rgba(36, 48, 62, 0.7);
}
.game-flash .keyboard .keyboards ul {
  padding: 0;
}
.game-flash .keyboard .keyboards ul:before,
.game-flash .keyboard .keyboards ul:after {
  content: " ";
  display: table;
}
.game-flash .keyboard .keyboards ul:after {
  clear: both;
}
.game-flash .keyboard .keyboards li {
  float: left;
  display: inline-block;
}
.game-flash .keyboard .keyboards a.kbkeys {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: 53px;
  height: 36px;
  margin: 3px 3px 5px;
  padding: 0 5px;
  text-align: center;
  line-height: 36px;
  font-size: 1.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-flash .keyboard .keyboards a.kbkeys:active {
  background-color: #ccc;
}
.game-flash .keyboard .keyboards a.kbkeys.answered {
  pointer-events: none;
}
.game-flash .keyboard .keyboards a.kbkeys.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flash .keyboard .keyboards a.kbkeys.correct,
.game-flash .keyboard .keyboards a.kbkeys.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .keyboard .keyboards a.kbkeys.incorrect,
.game-flash .keyboard .keyboards a.kbkeys.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flash .keyboard .keyboards a.kbkeys .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
/* --- game 41 styling, see also gametype_open_answer.less --- */
/* --------- Flashy (lang_flash) -------- */
.game-flashy #content {
  background-image: url('/img/games/backgrounds/birds/robin.jpg?rev=1778068871');
}
.game-flashy #preload,
.game-flashy .popup_mask {
  background-image: url('/img/games/backgrounds/birds/robin-preload.jpg?rev=1778068871');
}
.game-flashy .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  height: 126px;
  overflow-y: hidden;
  width: 450px;
}
.game-flashy .question .mathLatex {
  min-height: 40px;
}
.game-flashy .question .correct {
  color: #2ecd71;
  line-height: 73px;
}
.game-flashy .question .incorrect {
  color: #e84c3d;
  line-height: 34px;
}
.game-flashy .question .player {
  display: inline-block;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding: 10px;
  padding-top: 0;
  background-color: transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-flashy .question .player.correct,
.game-flashy .question .player .correct {
  color: #2ecd71;
}
.game-flashy .question .player .incorrect {
  color: #e84c3d;
}
.game-flashy .question .player .text.correct {
  display: block !important;
  width: 100%;
  height: 100%;
}
.game-flashy .question .controls .play {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  padding: 10px 25px;
  min-height: 40px;
  min-width: 100px;
  padding: 8px 25px;
  line-height: 1.5em;
}
.game-flashy .question .controls .play:active {
  background-color: #00516d;
}
.game-flashy .question .controls .play.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flashy .question .controls .play:hover,
.game-flashy .question .controls .play:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-flashy .question .controls .play:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-flashy .question .controls .play:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-flashy .question .controls .play:after {
  display: none;
}
.game-flashy .oqkb .ok-button,
.game-flashy .oqkb .input-field {
  font-size: 24px;
}
.game-flashy .oqkb .keyboard {
  display: none;
}
/* --- game 17 styling --- */
/* --------- DE Flash(lang_flash) -------- */
.games-controller.oefenweb.game-flash #content {
  background-image: url('/img/games/backgrounds/plants/pseudogeranium.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-flash #preload,
.games-controller.oefenweb.game-flash .popup_mask {
  background-image: url('/img/games/backgrounds/plants/pseudogeranium-preload.jpg?rev=1778068871');
}
/* --- game 24, 25 styling --- */
/* --------- woord benoemen, zinsontleden -------- */
.game-word-name #content #game .screen,
.game-parsing #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-word-name #content #game:before,
.game-parsing #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-word-name #content #game #screen,
.game-parsing #content #game #screen {
  height: 510px;
}
.game-word-name .instructions,
.game-parsing .instructions,
.game-word-name .mcQuestion_container,
.game-parsing .mcQuestion_container {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  max-width: 650px;
  font-size: 24px;
  line-height: 1.5em;
}
.game-word-name .instructions .mathLatex,
.game-parsing .instructions .mathLatex,
.game-word-name .mcQuestion_container .mathLatex,
.game-parsing .mcQuestion_container .mathLatex {
  min-height: 40px;
}
.game-word-name .instructions .mcTask,
.game-parsing .instructions .mcTask,
.game-word-name .mcQuestion_container .mcTask,
.game-parsing .mcQuestion_container .mcTask {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ebecef;
  line-height: 1.2em;
}
.game-word-name .mcAnswerOptions,
.game-parsing .mcAnswerOptions {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 650px;
  padding: 14px 7px 0px 7px;
}
.game-word-name .mcAnswerOptions .answerOption,
.game-parsing .mcAnswerOptions .answerOption {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  padding: 15px 20px;
  margin: 0px 7px 15px 7px;
  font-size: 20px;
}
.game-word-name .mcAnswerOptions .answerOption:active,
.game-parsing .mcAnswerOptions .answerOption:active {
  background-color: #ccc;
}
.game-word-name .mcAnswerOptions .answerOption.answered,
.game-parsing .mcAnswerOptions .answerOption.answered {
  pointer-events: none;
}
.game-word-name .mcAnswerOptions .answerOption.selected,
.game-parsing .mcAnswerOptions .answerOption.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-word-name .mcAnswerOptions .answerOption.correct,
.game-parsing .mcAnswerOptions .answerOption.correct,
.game-word-name .mcAnswerOptions .answerOption.correct-answer,
.game-parsing .mcAnswerOptions .answerOption.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-word-name .mcAnswerOptions .answerOption.incorrect,
.game-parsing .mcAnswerOptions .answerOption.incorrect,
.game-word-name .mcAnswerOptions .answerOption.incorrect-answer,
.game-parsing .mcAnswerOptions .answerOption.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-word-name .mcAnswerOptions .answerOption .maximizedText,
.game-parsing .mcAnswerOptions .answerOption .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-word-name .question,
.game-parsing .question {
  max-width: 650px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.game-word-name .phrasecontainer,
.game-parsing .phrasecontainer {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  padding: 16px;
}
.game-word-name .phrase,
.game-parsing .phrase {
  -moz-appearance: none;
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px #ddd;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 2em;
  padding: 10px;
  color: #009dd3;
}
.game-word-name .phrase .clickable,
.game-parsing .phrase .clickable {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-width: 2.5em;
  padding: 10px;
  display: inline-block;
  width: 25px;
  min-width: 0;
  height: 32px;
  margin: 0 5px;
  vertical-align: middle;
  box-shadow: none;
  background-color: transparent;
  border: 2px solid #d7dbdf;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-word-name .phrase .clickable:active,
.game-parsing .phrase .clickable:active {
  background-color: #ccc;
}
.game-word-name .phrase .clickable.answered,
.game-parsing .phrase .clickable.answered {
  pointer-events: none;
}
.game-word-name .phrase .clickable.selected,
.game-parsing .phrase .clickable.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-word-name .phrase .clickable.correct,
.game-parsing .phrase .clickable.correct,
.game-word-name .phrase .clickable.correct-answer,
.game-parsing .phrase .clickable.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-word-name .phrase .clickable.incorrect,
.game-parsing .phrase .clickable.incorrect,
.game-word-name .phrase .clickable.incorrect-answer,
.game-parsing .phrase .clickable.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-word-name .phrase .clickable .maximizedText,
.game-parsing .phrase .clickable .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-word-name .phrase .clickable:hover,
.game-parsing .phrase .clickable:hover,
.game-word-name .phrase .clickable:focus,
.game-parsing .phrase .clickable:focus {
  border: 2px solid #9ba4ae;
  box-shadow: none;
}
.game-word-name .phrase .clickable.selected,
.game-parsing .phrase .clickable.selected,
.game-word-name .phrase .clickable.selected:hover,
.game-parsing .phrase .clickable.selected:hover {
  border: 2px solid #0077a0;
  box-shadow: none;
}
.game-word-name .phrase .clickable.selected.correct-answer,
.game-parsing .phrase .clickable.selected.correct-answer {
  border: 2px solid #27ae60;
  box-shadow: none;
}
.game-word-name .phrase .clickable.incorrect-answer,
.game-parsing .phrase .clickable.incorrect-answer {
  background-color: #fff;
  border: 2px solid #e84c3d;
  box-shadow: none;
}
.game-word-name .phrase .clickable.selected.incorrect-answer,
.game-parsing .phrase .clickable.selected.incorrect-answer {
  background-color: #e84c3d;
  border: 2px solid #c0392b;
  box-shadow: none;
}
.game-word-name .question .feedback div,
.game-parsing .question .feedback div {
  background: white;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 16px;
  color: #37495e;
  max-width: 650px;
  line-height: 1.5em;
  padding: 24px;
  max-height: 180px;
  margin-bottom: 20px;
  overflow-x: auto;
  text-align: left;
}
.game-word-name .hide-answer,
.game-parsing .hide-answer {
  display: none !important;
}
.game-word-name #content {
  background-image: url('/img/games/backgrounds/fishes/seahorse.jpg?rev=1778068871');
}
.game-word-name #preload,
.game-word-name .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/seahorse-preload.jpg?rev=1778068871');
}
.game-parsing #content {
  background-image: url('/img/games/backgrounds/fishes/shark.jpg?rev=1778068871');
}
.game-parsing #preload,
.game-parsing .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/shark-preload.jpg?rev=1778068871');
}
/* --- game 26 styling --- */
/* --------- lezen -------- */
.game-techreading #content {
  background-image: url('/img/games/backgrounds/fishes/moonfish.jpg?rev=1778068871');
}
.game-techreading #preload,
.game-techreading .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/moonfish-preload.jpg?rev=1778068871');
}
.game-techreading .instructions,
.game-techreading .mcQuestion_container {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  max-width: 400px;
  margin: 40px auto 20px;
  text-align: center;
}
.game-techreading .instructions .mathLatex,
.game-techreading .mcQuestion_container .mathLatex {
  min-height: 40px;
}
.game-techreading .question {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: rgba(0, 0, 0, 0.35);
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 650px;
  padding: 15px;
  text-align: left;
  left: -64px;
}
.game-techreading .scrollable {
  overflow-y: auto;
  display: block;
  max-height: 390px;
}
.game-techreading .scrollable::-webkit-scrollbar {
  /* Other useful customisations: border-bottom, border-top */
  width: 0.6%;
}
.game-techreading .scrollable::-webkit-scrollbar-thumb {
  /* Other useful customisations: border */
  background-color: #C3C3C3;
  border-radius: 2px;
}
.game-techreading .scrollable::-webkit-scrollbar-track {
  /* Other useful customisations: -webkit-box-shadow */
}
.game-techreading .scrollable .clickable-mixin {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: 0;
  margin: 5px 1px;
  padding: 5px;
  border: 2px solid transparent;
  background-clip: border-box;
  font-size: 30px;
  line-height: 1em;
  border-radius: 6px;
  background-color: #f5f5f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.game-techreading .scrollable .clickable-mixin:active {
  background-color: #ccc;
}
.game-techreading .scrollable .clickable-mixin.answered {
  pointer-events: none;
}
.game-techreading .scrollable .clickable-mixin.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-techreading .scrollable .clickable-mixin.correct,
.game-techreading .scrollable .clickable-mixin.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .scrollable .clickable-mixin.incorrect,
.game-techreading .scrollable .clickable-mixin.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .scrollable .clickable-mixin .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-techreading .scrollable .clickable-mixin.clickable.incorrect-answer {
  background-color: #fff;
  border-color: #e84c3d;
  color: #e84c3d;
}
.game-techreading .scrollable .clickable-mixin.selected.incorrect-answer {
  background-color: #e84c3d;
  color: #fff;
}
.game-techreading .scrollable .clickable {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: 0;
  margin: 5px 1px;
  padding: 5px;
  border: 2px solid transparent;
  background-clip: border-box;
  font-size: 30px;
  line-height: 1em;
  border-radius: 6px;
  background-color: #f5f5f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.game-techreading .scrollable .clickable:active {
  background-color: #ccc;
}
.game-techreading .scrollable .clickable.answered {
  pointer-events: none;
}
.game-techreading .scrollable .clickable.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-techreading .scrollable .clickable.correct,
.game-techreading .scrollable .clickable.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .scrollable .clickable.incorrect,
.game-techreading .scrollable .clickable.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .scrollable .clickable .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-techreading .scrollable .clickable:active {
  background-color: #ccc;
}
.game-techreading .scrollable .clickable.answered {
  pointer-events: none;
}
.game-techreading .scrollable .clickable.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-techreading .scrollable .clickable.correct,
.game-techreading .scrollable .clickable.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .scrollable .clickable.incorrect,
.game-techreading .scrollable .clickable.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .scrollable .clickable .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-techreading .scrollable .clickable.clickable.incorrect-answer {
  background-color: #fff;
  border-color: #e84c3d;
  color: #e84c3d;
}
.game-techreading .scrollable .clickable.selected.incorrect-answer {
  background-color: #e84c3d;
  color: #fff;
}
.game-techreading .scrollable .spaceOrPunctuationMark {
  font-size: 30px;
}
.game-techreading .bookInfoContainer {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  bottom: 37px;
  left: 0;
  margin: 20px;
  padding: 2px 4px;
  opacity: 0.5;
}
.game-techreading .bookInfoContainer:hover,
.game-techreading .bookInfoContainer:focus,
.game-techreading .bookInfoContainer:active {
  opacity: 1;
}
.game-techreading .bookInfoContainer .bookInfoLabel {
  opacity: 0.5;
}
.game-techreading .game-button-ok {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-techreading .game-button-ok .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-techreading .game-button-ok:active {
  background-color: #ccc;
}
.game-techreading .game-button-ok.answered {
  pointer-events: none;
}
.game-techreading .game-button-ok.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-techreading .game-button-ok.correct,
.game-techreading .game-button-ok.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .game-button-ok.incorrect,
.game-techreading .game-button-ok.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-techreading .game-button-ok:hover,
.game-techreading .game-button-ok:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-techreading .game-button-ok:active {
  background-color: #00516d;
}
.game-techreading .game-button-ok.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-techreading .errorBox {
  position: absolute;
  left: 722px;
  top: 31px;
  width: 121px;
  padding: 11px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: white;
  color: #009dd3;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
.game-techreading .errorBox #numberOfErrors {
  font-weight: bold;
  font-size: 22px;
}
/* --- game 20, 22 styling --- */
/* --------- woordvormen, werkwoorden -------- */
.game-forms #content #game .screen,
.game-verbs #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-forms #content #game:before,
.game-verbs #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-forms #question,
.game-verbs #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  min-width: 680px;
  max-width: 740px;
  padding: 30px 40px;
}
.game-forms #question .mathLatex,
.game-verbs #question .mathLatex {
  min-height: 40px;
}
.game-forms #question .correct,
.game-verbs #question .correct {
  color: #2ecd71;
}
.game-forms #question .incorrect,
.game-verbs #question .incorrect {
  color: #e84c3d;
}
.game-forms .game-button-answer,
.game-verbs .game-button-answer {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 450px;
}
.game-forms .game-button-answer:before,
.game-verbs .game-button-answer:before,
.game-forms .game-button-answer:after,
.game-verbs .game-button-answer:after {
  content: " ";
  display: table;
}
.game-forms .game-button-answer:after,
.game-verbs .game-button-answer:after {
  clear: both;
}
.game-forms .game-button-answer form.incorrect #input-field,
.game-verbs .game-button-answer form.incorrect #input-field {
  background-color: #e84c3d;
  color: #fff;
}
.game-forms .game-button-answer form #input-field,
.game-verbs .game-button-answer form #input-field {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  width: 315px;
  overflow: hidden;
}
.game-forms .game-button-answer form #input-field.cursor,
.game-verbs .game-button-answer form #input-field.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-forms .game-button-answer form #input-field:focus,
.game-verbs .game-button-answer form #input-field:focus {
  outline: none;
}
.game-forms .game-button-answer form #input-field.correct,
.game-verbs .game-button-answer form #input-field.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-forms .game-button-answer form #input-field.incorrect,
.game-verbs .game-button-answer form #input-field.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-forms .game-button-answer form #input-field.incorrect.time-expired,
.game-verbs .game-button-answer form #input-field.incorrect.time-expired {
  background-color: #009dd3;
}
.game-forms .game-button-answer form #input-field #input-field,
.game-verbs .game-button-answer form #input-field #input-field,
.game-forms .game-button-answer form #input-field .answer-dont-know,
.game-verbs .game-button-answer form #input-field .answer-dont-know,
.game-forms .game-button-answer form #input-field .time-expired,
.game-verbs .game-button-answer form #input-field .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-forms .game-button-answer form #input-field .answer-dont-know,
.game-verbs .game-button-answer form #input-field .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-forms .game-button-answer form #input-field .time-expired,
.game-verbs .game-button-answer form #input-field .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-forms .game-button-answer form #input-field .back,
.game-verbs .game-button-answer form #input-field .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-forms .game-button-answer form #input-field .back:hover,
.game-verbs .game-button-answer form #input-field .back:hover,
.game-forms .game-button-answer form #input-field .back:focus,
.game-verbs .game-button-answer form #input-field .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-forms .game-button-answer form #input-field .back:active,
.game-verbs .game-button-answer form #input-field .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-forms .game-button-answer form #input-field .back.disabled,
.game-verbs .game-button-answer form #input-field .back.disabled {
  display: none;
}
.game-forms .game-button-answer .ok-button,
.game-verbs .game-button-answer .ok-button,
.game-forms .game-button-answer .ok-button.incorrect,
.game-verbs .game-button-answer .ok-button.incorrect {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  padding: 5px 10px;
}
.game-forms .game-button-answer .ok-button:active,
.game-verbs .game-button-answer .ok-button:active,
.game-forms .game-button-answer .ok-button.incorrect:active,
.game-verbs .game-button-answer .ok-button.incorrect:active {
  background-color: #ccc;
}
.game-forms .game-button-answer .ok-button.answered,
.game-verbs .game-button-answer .ok-button.answered,
.game-forms .game-button-answer .ok-button.incorrect.answered,
.game-verbs .game-button-answer .ok-button.incorrect.answered {
  pointer-events: none;
}
.game-forms .game-button-answer .ok-button.selected,
.game-verbs .game-button-answer .ok-button.selected,
.game-forms .game-button-answer .ok-button.incorrect.selected,
.game-verbs .game-button-answer .ok-button.incorrect.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-forms .game-button-answer .ok-button.correct,
.game-verbs .game-button-answer .ok-button.correct,
.game-forms .game-button-answer .ok-button.incorrect.correct,
.game-verbs .game-button-answer .ok-button.incorrect.correct,
.game-forms .game-button-answer .ok-button.correct-answer,
.game-verbs .game-button-answer .ok-button.correct-answer,
.game-forms .game-button-answer .ok-button.incorrect.correct-answer,
.game-verbs .game-button-answer .ok-button.incorrect.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-forms .game-button-answer .ok-button.incorrect,
.game-verbs .game-button-answer .ok-button.incorrect,
.game-forms .game-button-answer .ok-button.incorrect.incorrect,
.game-verbs .game-button-answer .ok-button.incorrect.incorrect,
.game-forms .game-button-answer .ok-button.incorrect-answer,
.game-verbs .game-button-answer .ok-button.incorrect-answer,
.game-forms .game-button-answer .ok-button.incorrect.incorrect-answer,
.game-verbs .game-button-answer .ok-button.incorrect.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-forms .game-button-answer .ok-button .maximizedText,
.game-verbs .game-button-answer .ok-button .maximizedText,
.game-forms .game-button-answer .ok-button.incorrect .maximizedText,
.game-verbs .game-button-answer .ok-button.incorrect .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-forms .game-button-answer .ok-button:hover,
.game-verbs .game-button-answer .ok-button:hover,
.game-forms .game-button-answer .ok-button.incorrect:hover,
.game-verbs .game-button-answer .ok-button.incorrect:hover,
.game-forms .game-button-answer .ok-button:focus,
.game-verbs .game-button-answer .ok-button:focus,
.game-forms .game-button-answer .ok-button.incorrect:focus,
.game-verbs .game-button-answer .ok-button.incorrect:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-forms .game-button-answer .ok-button:active,
.game-verbs .game-button-answer .ok-button:active,
.game-forms .game-button-answer .ok-button.incorrect:active,
.game-verbs .game-button-answer .ok-button.incorrect:active {
  background-color: #00516d;
}
.game-forms .game-button-answer .ok-button.disabled,
.game-verbs .game-button-answer .ok-button.disabled,
.game-forms .game-button-answer .ok-button.incorrect.disabled,
.game-verbs .game-button-answer .ok-button.incorrect.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-forms .keyboard,
.game-verbs .keyboard {
  pointer-events: none;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  position: relative;
  margin: 10px auto;
  max-width: 450px;
}
.game-forms .keyboard:before,
.game-verbs .keyboard:before {
  content: "\00e9\2009\00e4\2009\00e7\2009\0027...";
  position: absolute;
  left: 20px;
  top: -10px;
  display: block;
  padding: 5px 10px 8px;
  background-color: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.2em;
  line-height: 1em;
  opacity: 1;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s 0.2s ease-out;
  -moz-transition: 0.2s 0.2s ease-out;
  -o-transition: 0.2s 0.2s ease-out;
  transition: 0.2s 0.2s ease-out;
  pointer-events: all;
  z-index: 0;
}
.game-forms .keyboard:after,
.game-verbs .keyboard:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  display: block;
  width: 140px;
  height: 50px;
  pointer-events: all;
  z-index: 0;
}
.game-forms .keyboard:hover:before,
.game-verbs .keyboard:hover:before {
  opacity: 0;
}
.game-forms .keyboard:hover .keyboards,
.game-verbs .keyboard:hover .keyboards {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.game-forms .keyboard .keyboards,
.game-verbs .keyboard .keyboards {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  width: 375px;
  margin-left: 10px;
  background-color: rgba(36, 48, 62, 0.7);
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s 0.2s ease-out;
  -moz-transition: 0.2s 0.2s ease-out;
  -o-transition: 0.2s 0.2s ease-out;
  transition: 0.2s 0.2s ease-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  z-index: 1;
}
.game-forms .keyboard .keyboards:after,
.game-verbs .keyboard .keyboards:after {
  top: auto;
  bottom: 100%;
  left: 20px;
  border-color: transparent;
  border-bottom-color: rgba(36, 48, 62, 0.7);
}
.game-forms .keyboard .keyboards ul,
.game-verbs .keyboard .keyboards ul {
  padding: 0;
}
.game-forms .keyboard .keyboards ul:before,
.game-verbs .keyboard .keyboards ul:before,
.game-forms .keyboard .keyboards ul:after,
.game-verbs .keyboard .keyboards ul:after {
  content: " ";
  display: table;
}
.game-forms .keyboard .keyboards ul:after,
.game-verbs .keyboard .keyboards ul:after {
  clear: both;
}
.game-forms .keyboard .keyboards li,
.game-verbs .keyboard .keyboards li {
  float: left;
  display: inline-block;
}
.game-forms .keyboard .keyboards a.kbkeys,
.game-verbs .keyboard .keyboards a.kbkeys {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: 53px;
  height: 36px;
  margin: 3px 3px 5px;
  padding: 0 5px;
  text-align: center;
  line-height: 36px;
  font-size: 1.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-forms .keyboard .keyboards a.kbkeys:active,
.game-verbs .keyboard .keyboards a.kbkeys:active {
  background-color: #ccc;
}
.game-forms .keyboard .keyboards a.kbkeys.answered,
.game-verbs .keyboard .keyboards a.kbkeys.answered {
  pointer-events: none;
}
.game-forms .keyboard .keyboards a.kbkeys.selected,
.game-verbs .keyboard .keyboards a.kbkeys.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-forms .keyboard .keyboards a.kbkeys.correct,
.game-verbs .keyboard .keyboards a.kbkeys.correct,
.game-forms .keyboard .keyboards a.kbkeys.correct-answer,
.game-verbs .keyboard .keyboards a.kbkeys.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-forms .keyboard .keyboards a.kbkeys.incorrect,
.game-verbs .keyboard .keyboards a.kbkeys.incorrect,
.game-forms .keyboard .keyboards a.kbkeys.incorrect-answer,
.game-verbs .keyboard .keyboards a.kbkeys.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-forms .keyboard .keyboards a.kbkeys .maximizedText,
.game-verbs .keyboard .keyboards a.kbkeys .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-forms #preload,
.game-forms .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/swordfish-preload.jpg?rev=1778068871');
}
.game-forms #content {
  background-image: url('/img/games/backgrounds/fishes/swordfish.jpg?rev=1778068871');
}
.game-forms #question {
  min-width: 540px;
  line-height: 30px;
}
.game-forms #question .correct {
  line-height: 30px;
}
.game-verbs #content {
  background-image: url('/img/games/backgrounds/fishes/squid.jpg?rev=1778068871');
}
.game-verbs #preload,
.game-verbs .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/squid-preload.jpg?rev=1778068871');
}
.game-verbs .screen {
  padding-left: 140px;
}
.game-verbs #question {
  min-width: 680px;
}
/* --- game 19 styling --- */
/* --------- mollenspel -------- */
.game-mole-game #preload,
.game-mole-game .popup_mask {
  background-image: url('/img/games/backgrounds/plants/redpointy-preload.jpg?rev=1778068871');
}
.game-mole-game #content {
  background-image: url('/img/games/backgrounds/plants/redpointy.jpg?rev=1778068871');
}
.game-mole-game #content #game {
  text-align: center;
}
.game-mole-game #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-mole-game #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-mole-game #content #game .screen .game-button-answer,
.game-button-answer.game-mole-game #content #game .screen.disabled {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  bottom: 70px;
  font-size: 20px;
  height: 60px;
  width: 60px;
  min-width: 0;
  left: -90px;
}
.game-mole-game #content #game .screen .game-button-answer .maximizedText,
.game-button-answer.game-mole-game #content #game .screen.disabled .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-mole-game #content #game .screen .game-button-answer:active,
.game-button-answer.game-mole-game #content #game .screen.disabled:active {
  background-color: #ccc;
}
.game-mole-game #content #game .screen .game-button-answer.answered,
.game-button-answer.game-mole-game #content #game .screen.disabled.answered {
  pointer-events: none;
}
.game-mole-game #content #game .screen .game-button-answer.selected,
.game-button-answer.game-mole-game #content #game .screen.disabled.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-mole-game #content #game .screen .game-button-answer.correct,
.game-button-answer.game-mole-game #content #game .screen.disabled.correct,
.game-mole-game #content #game .screen .game-button-answer.correct-answer,
.game-button-answer.game-mole-game #content #game .screen.disabled.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-mole-game #content #game .screen .game-button-answer.incorrect,
.game-button-answer.game-mole-game #content #game .screen.disabled.incorrect,
.game-mole-game #content #game .screen .game-button-answer.incorrect-answer,
.game-button-answer.game-mole-game #content #game .screen.disabled.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-mole-game #content #game .screen .game-button-answer:hover,
.game-button-answer.game-mole-game #content #game .screen.disabled:hover,
.game-mole-game #content #game .screen .game-button-answer:focus,
.game-button-answer.game-mole-game #content #game .screen.disabled:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-mole-game #content #game .screen .game-button-answer:active,
.game-button-answer.game-mole-game #content #game .screen.disabled:active {
  background-color: #00516d;
}
.game-mole-game #content #game .screen .game-button-answer.disabled,
.game-button-answer.game-mole-game #content #game .screen.disabled.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-mole-game #content #game .screen .instructions {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  max-width: 400px;
  min-height: 86px;
  margin: 0 auto;
}
.game-mole-game #content #game .screen .instructions .mathLatex {
  min-height: 40px;
}
.game-mole-game #content #game .screen .instructions .instruction_forward,
.game-mole-game #content #game .screen .instructions .instruction_backward {
  line-height: 1.2em;
}
.game-mole-game #content #game .screen .instructions .instruction_forward:before,
.game-mole-game #content #game .screen .instructions .instruction_backward:before {
  content: "";
  display: inline-block;
  float: right;
  width: 32px;
  height: 30px;
  margin-top: 26px;
  background-image: url('/js/games/marleen_mol/images/instruction_forward.png?rev=1778068871');
}
.game-mole-game #content #game .screen .instructions .instruction_backward:before {
  background-image: url('/js/games/marleen_mol/images/instruction_backward.png?rev=1778068871');
}
.game-mole-game #content #game .screen .grid {
  display: block;
  margin: 0 auto;
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
}
.game-mole-game #content #game .screen .grid td {
  display: inline-block;
  width: 59px;
  min-width: inherit;
  height: 59px;
  margin: 3px 3px 6px;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-image: url('/js/games/marleen_mol/images/mole.png?rev=1778068871');
  background-repeat: no-repeat;
  background-position: 0;
}
.game-mole-game #content #game .screen .grid.select td,
.game-mole-game #content #game .screen .grid.answered td {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: inherit;
  width: 59px;
  height: 59px;
  padding: 2px 5px 0;
  overflow: hidden;
}
.game-mole-game #content #game .screen .grid.select td:active,
.game-mole-game #content #game .screen .grid.answered td:active {
  background-color: #ccc;
}
.game-mole-game #content #game .screen .grid.select td.answered,
.game-mole-game #content #game .screen .grid.answered td.answered {
  pointer-events: none;
}
.game-mole-game #content #game .screen .grid.select td.selected,
.game-mole-game #content #game .screen .grid.answered td.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-mole-game #content #game .screen .grid.select td.correct,
.game-mole-game #content #game .screen .grid.answered td.correct,
.game-mole-game #content #game .screen .grid.select td.correct-answer,
.game-mole-game #content #game .screen .grid.answered td.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-mole-game #content #game .screen .grid.select td.incorrect,
.game-mole-game #content #game .screen .grid.answered td.incorrect,
.game-mole-game #content #game .screen .grid.select td.incorrect-answer,
.game-mole-game #content #game .screen .grid.answered td.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-mole-game #content #game .screen .grid.select td .maximizedText,
.game-mole-game #content #game .screen .grid.answered td .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-mole-game #content #game .screen .grid.answered td .number {
  display: inline-block;
  margin: 0.1em;
  padding: 0.35em;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13.6px;
  line-height: 0.5em;
}
.game-mole-game #content #game .screen .grid.answered td .number.clicked {
  background-color: #fff;
}
.game-mole-game #content #game .screen .grid.answered td .nr-incorrect {
  color: #e84c3d;
}
.game-mole-game #content #game .screen .grid.answered td.clicked.correct-answer .nr-clicked.nr-correct {
  background-color: #fff;
  color: #2ecd71;
}
.game-mole-game #content #game .screen .grid.answered td.clicked.incorrect-answer .nr-clicked.nr-correct {
  background-color: #2ecd71;
  color: #fff;
}
.game-mole-game #content #game .screen .grid.answered td.clicked.incorrect-answer .nr-incorrect {
  color: #fff;
}
.game-mole-game #content #game .screen .grid.answered td.clicked.incorrect-answer .nr-clicked.nr-incorrect {
  background-color: #fff;
  color: #e84c3d;
}
.game-mole-game #content #game .screen .grid.answered td.clicked.correct .number {
  background-color: #fff;
  color: #2ecd71;
}
.game-mole-game #content #game .screen .grid .incorrect-answer span.correct {
  color: #2ecd71;
}
.game-mole-game #content #game .screen .game-buttons .game-button-back [material-icon-after]::after {
  display: none;
}
/* ------- game 13 styling ------- */
/* --- bloemencode --- */
.game-flowercode #preload,
.game-flowercode .popup_mask {
  background-image: url('/img/games/backgrounds/plants/rose-preload.jpg?rev=1778068871');
}
.game-flowercode #content {
  background-image: url('/img/games/backgrounds/plants/rose.jpg?rev=1778068871');
}
.game-flowercode #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-flowercode #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-flowercode #content #game > * {
  display: inline-block;
  vertical-align: middle;
}
.game-flowercode #content #game .debug {
  display: none;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background: rgba(255, 255, 255, 0.4);
  text-align: left;
  color: #37495e;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  max-height: 300px;
  overflow: scroll;
}
.game-flowercode #content #game .debug:before {
  content: "DEBUGGER";
  display: block;
  width: 60%;
  padding: 5px 0;
  font-size: 20px;
  color: #37495e;
}
.game-flowercode #content #game .tries {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  border: none;
  display: block;
  min-width: inherit;
  margin-left: 50px;
  padding: 10px 20px;
  padding-right: 110px;
  text-align: left;
  line-height: 17.92px;
}
.game-flowercode #content #game .tries .mathLatex {
  min-height: 40px;
}
.game-flowercode #content #game .tries .qmarks td span,
.game-flowercode #content #game .tries .cursor {
  position: relative;
}
.game-flowercode #content #game .tries .qmarks td span:before,
.game-flowercode #content #game .tries .cursor:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 40%;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #37495e;
}
.game-flowercode #content #game .tries > tbody > tr {
  display: block;
  padding: 2px;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row {
  min-width: auto;
  display: block;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  min-width: auto;
  padding: 0;
  margin: 5px 0;
  background-color: #009dd3;
  color: #fff;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try:focus {
  outline: none;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try.incorrect.time-expired {
  background-color: #009dd3;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try #input-field,
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .answer-dont-know,
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .back:hover,
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .back.disabled {
  display: none;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try span.cursor:before {
  background-color: #fff;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try > td > span {
  cursor: pointer;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .marks {
  position: relative;
}
.game-flowercode #content #game .tries > tbody > tr.attempt-row.current-try .marks table {
  display: none;
}
.game-flowercode #content #game .tries > tbody > tr > td > span {
  display: block;
  width: 42px;
  height: 42px;
  margin: 8px;
}
.game-flowercode #content #game .tries > tbody > tr > td > span.R {
  background-image: url('/js/games/mastermind/images/R.png?rev=1778068871');
}
.game-flowercode #content #game .tries > tbody > tr > td > span.O {
  background-image: url('/js/games/mastermind/images/O.png?rev=1778068871');
}
.game-flowercode #content #game .tries > tbody > tr > td > span.Y {
  background-image: url('/js/games/mastermind/images/Y.png?rev=1778068871');
}
.game-flowercode #content #game .tries > tbody > tr > td > span.G {
  background-image: url('/js/games/mastermind/images/G.png?rev=1778068871');
}
.game-flowercode #content #game .tries > tbody > tr > td > span.B {
  background-image: url('/js/games/mastermind/images/B.png?rev=1778068871');
}
.game-flowercode #content #game .tries > tbody > tr > td > span.P {
  background-image: url('/js/games/mastermind/images/P.png?rev=1778068871');
}
.game-flowercode #content #game .tries > tbody > tr > td > span.E {
  background-image: url('/js/games/mastermind/images/E.png?rev=1778068871');
}
.game-flowercode #content #game .tries .correct-answer {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  padding: 0;
  border: 2px solid #2ecd71;
}
.game-flowercode #content #game .tries .correct-answer .marks {
  width: 0;
}
.game-flowercode #content #game .tries .marks {
  position: relative;
  top: 0;
  left: 0;
  max-width: 0;
  width: 0;
  overflow: visible;
}
.game-flowercode #content #game .tries .marks table {
  position: relative;
  margin-left: 15px;
  margin-right: 5px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: separate !important;
  border: 0;
  overflow: visible;
}
.game-flowercode #content #game .tries .marks table:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 0;
  height: 0;
  margin-top: -10px;
  box-sizing: content-box;
  border: 10px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.5);
}
.game-flowercode #content #game .tries .marks table span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 1px 2px;
  background-image: none;
  background-repeat: no-repeat;
}
.game-flowercode #content #game .tries .marks table span.G {
  background-image: url('/js/games/mastermind/images/markG.png?rev=1778068871');
}
.game-flowercode #content #game .tries .marks table span.R {
  background-image: url('/js/games/mastermind/images/markR.png?rev=1778068871');
}
.game-flowercode #content #game .tries .marks table span.O {
  background-image: url('/js/games/mastermind/images/markO.png?rev=1778068871');
}
.game-flowercode #content #game .tries .marks table span.E {
  background-image: url('/js/games/mastermind/images/markE.png?rev=1778068871');
}
.game-flowercode #content #game .tries .marks .tryButton {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  position: relative;
  width: 60px;
  height: 40px;
  margin-left: 20px;
  padding: 0;
  font-size: 20px;
  letter-spacing: normal;
  text-align: center;
}
.game-flowercode #content #game .tries .marks .tryButton:active {
  background-color: #ccc;
}
.game-flowercode #content #game .tries .marks .tryButton.answered {
  pointer-events: none;
}
.game-flowercode #content #game .tries .marks .tryButton.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flowercode #content #game .tries .marks .tryButton.correct,
.game-flowercode #content #game .tries .marks .tryButton.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flowercode #content #game .tries .marks .tryButton.incorrect,
.game-flowercode #content #game .tries .marks .tryButton.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flowercode #content #game .tries .marks .tryButton .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-flowercode #content #game .tries .marks .tryButton:hover,
.game-flowercode #content #game .tries .marks .tryButton:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-flowercode #content #game .tries .marks .tryButton:active {
  background-color: #00516d;
}
.game-flowercode #content #game .tries .marks .tryButton.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-flowercode #content #game .tries .marks .tryButton.disabled {
  background-color: #eee;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.game-flowercode #content #game .tries .marks .tryButton .text {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-top: 13px;
}
.game-flowercode #content .answerOptions {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
}
.game-flowercode #content .answerOptions .middle a {
  display: inline-block !important;
  margin: 5px 0;
  padding: 10px;
  cursor: pointer;
}
.game-flowercode #content .answerOptions .middle a:before,
.game-flowercode #content .answerOptions .middle a:after {
  content: " ";
  display: table;
}
.game-flowercode #content .answerOptions .middle a:after {
  clear: both;
}
.game-flowercode #content .answerOptions .middle a.focus {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
}
.game-flowercode #content .answerOptions .middle a.focus:active {
  background-color: #ccc;
}
.game-flowercode #content .answerOptions .middle a.focus.answered {
  pointer-events: none;
}
.game-flowercode #content .answerOptions .middle a.focus.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-flowercode #content .answerOptions .middle a.focus.correct,
.game-flowercode #content .answerOptions .middle a.focus.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flowercode #content .answerOptions .middle a.focus.incorrect,
.game-flowercode #content .answerOptions .middle a.focus.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-flowercode #content .answerOptions .middle a.focus .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-flowercode #content .answerOptions .middle a.focus:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
}
.game-flowercode #content .answerOptions .middle a span {
  padding: 5px;
  margin: 3px;
  display: inline-block;
  float: left;
  width: 30px;
  height: 30px;
  border-width: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75%;
}
.game-flowercode #content .answerOptions .middle a span.f1,
.game-flowercode #content .answerOptions .middle a span.f2,
.game-flowercode #content .answerOptions .middle a span.f3,
.game-flowercode #content .answerOptions .middle a span.f4,
.game-flowercode #content .answerOptions .middle a span.f5 {
  margin-left: -23px;
}
.game-flowercode #content .answerOptions .middle a span.R {
  background-image: url('/js/games/mastermind/images/R.png?rev=1778068871');
}
.game-flowercode #content .answerOptions .middle a span.O {
  background-image: url('/js/games/mastermind/images/O.png?rev=1778068871');
}
.game-flowercode #content .answerOptions .middle a span.Y {
  background-image: url('/js/games/mastermind/images/Y.png?rev=1778068871');
}
.game-flowercode #content .answerOptions .middle a span.G {
  background-image: url('/js/games/mastermind/images/G.png?rev=1778068871');
}
.game-flowercode #content .answerOptions .middle a span.B {
  background-image: url('/js/games/mastermind/images/B.png?rev=1778068871');
}
.game-flowercode #content .answerOptions .middle a span.P {
  background-image: url('/js/games/mastermind/images/P.png?rev=1778068871');
}
.game-flowercode #content .legend {
  position: absolute;
  top: 0;
  right: 120px;
  display: inline-block;
  margin: 10px;
  max-width: 190px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.35);
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}
.game-flowercode #content .legend #instruction {
  font-weight: bold;
}
.game-flowercode #content .legend table {
  border: none;
  color: #fff;
}
.game-flowercode #content .legend table td {
  padding: 3px 6px;
}
.game-flowercode #content .legend table span {
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
}
.game-flowercode #content .legend table span.G {
  background-image: url('/js/games/mastermind/images/markG.png?rev=1778068871');
}
.game-flowercode #content .legend table span.R {
  background-image: url('/js/games/mastermind/images/markR.png?rev=1778068871');
}
.game-flowercode #content .legend table span.O {
  background-image: url('/js/games/mastermind/images/markO.png?rev=1778068871');
}
/* --- game 27 styling --- */
/* --------- rekenvolgorde -------- */
.game-calculation-order .mathLatex {
  padding: 15px;
}
.game-calculation-order .mathLatex .math-text {
  white-space: pre;
}
.game-calculation-order .mathLatex .katex {
  font: normal 1em Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.game-calculation-order .mathLatex .katex .textstyle > .mpunct + .mord {
  margin-left: 0px !important;
}
.game-calculation-order .mathLatex .math-percent:before,
.game-calculation-order .mathLatex .math-equals:before {
  content: '%';
  padding-right: 3px;
}
.game-calculation-order .mathLatex .math-equals:before {
  content: '=';
}
.game-calculation-order #preload,
.game-calculation-order .popup_mask {
  background-image: url('/img/games/backgrounds/plants/perfumeflower-preload.jpg?rev=1778068871');
}
.game-calculation-order #content {
  background-image: url('/img/games/backgrounds/plants/perfumeflower.jpg?rev=1778068871');
}
.game-calculation-order #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-calculation-order #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-calculation-order #content #game .screen .game.open-answer-game {
  margin-left: 0px;
}
.game-calculation-order #content #game .screen .game.open-answer-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 5px 5px;
  display: block;
  max-width: 550px;
  margin: 13px auto;
}
.game-calculation-order #content #game .screen .game.open-answer-game #question .mathLatex {
  min-height: 40px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area:before,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-calculation-order #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-calculation-order #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
/* --- game 50 styling --- */
/* --------- meten -------- */
.game-measuring #content #game,
.game-estimation #content #game {
  text-align: right;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .textImageFile,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .textImageFile {
  float: right;
  width: 300px;
  margin-right: 60px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.cursor,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input:focus,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.correct,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.incorrect,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input #input-field,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input #input-field,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .time-expired,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back:focus,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back:active,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back.disabled,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:active,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.answered,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.selected,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.correct,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.correct,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.incorrect,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.incorrect,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:hover,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:hover,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:focus,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:active,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.disabled,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .answer-area .answer-correct,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  float: right;
  margin-left: 10px;
  min-width: 60px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 20px;
  line-height: 0.75em;
  color: #2ecd71;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a:active,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.answered,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.selected,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.correct,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.correct,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a:active,
.game-estimation #content #game .screen .gameSelector .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet {
  max-width: 380px;
  margin: 0 auto;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet:before,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet:before,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet:after,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet:after {
  content: " ";
  display: table;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet:after,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet:after {
  clear: both;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  width: 100%;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement {
  display: inline-block;
  width: 46%;
  float: right;
  margin: 2%;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .maximizedQuestion,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #question .maximizedQuestion {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  margin: 0;
  display: block;
  min-width: 360px;
  margin-bottom: 13px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .maximizedQuestion .mathLatex,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #question .maximizedQuestion .mathLatex {
  min-height: 40px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  text-transform: uppercase;
  margin-left: 30px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:active,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:active {
  background-color: #ccc;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.answered,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.answered {
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.selected,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.correct,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.correct,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.incorrect,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.incorrect,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:hover,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:hover,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:focus,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:active,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button:active {
  background-color: #00516d;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.disabled,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .ok-button.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  min-width: 400px;
  margin: 5px auto;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items ul,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items ul,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items ul,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items ul {
  padding: 5px 20px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  margin: 4px;
  min-width: 40px;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  cursor: all-scroll;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li:active,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li:active,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li:active,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li:active {
  background-color: #ccc;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.answered,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.answered,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.answered,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.answered {
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.selected,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.selected,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.selected,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.correct,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.correct,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.correct,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.correct,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.correct-answer,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.correct-answer,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.incorrect,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.incorrect,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.incorrect,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.incorrect,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.incorrect-answer,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.incorrect-answer,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li .maximizedText,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li .maximizedText,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li:active,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li:active,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li:active,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li:active {
  cursor: ew-resize;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.dragged-letter,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .scramble-items li.dragged-letter,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.dragged-letter,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li.dragged-letter {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
  color: #fff;
  cursor: ew-resize;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li:hover,
.game-estimation #content #game .screen .gameSelector .game.scramble-game #answer .answer-options .answer-items li:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #2ecd71;
  color: #fff;
}
.game-measuring #content #game .screen .gameSelector #feedback,
.game-estimation #content #game .screen .gameSelector #feedback {
  position: relative;
  min-width: 360px;
  max-height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  padding: 20px;
  min-height: 50px;
}
.game-measuring #content #game .screen .gameSelector #feedback.MultipleChoice,
.game-estimation #content #game .screen .gameSelector #feedback.MultipleChoice {
  max-height: 300px;
}
.game-measuring #content #game .screen .gameSelector #feedback.Scramble,
.game-estimation #content #game .screen .gameSelector #feedback.Scramble {
  max-height: 240px;
}
.game-measuring #content #game .screen .gameSelector #feedback.OpenAnswer.text,
.game-estimation #content #game .screen .gameSelector #feedback.OpenAnswer.text {
  max-height: 320px;
}
.game-measuring #content #game .screen .gameSelector #feedback.OpenAnswer.textImageFile,
.game-estimation #content #game .screen .gameSelector #feedback.OpenAnswer.textImageFile {
  position: absolute;
  right: 200px;
  max-width: 300px;
  min-width: 300px;
  max-height: 400px;
}
.game-measuring #content #game .screen .gameSelector #feedback #feedback::after,
.game-estimation #content #game .screen .gameSelector #feedback #feedback::after {
  content: none;
}
.game-measuring #preload,
.game-measuring .popup_mask {
  background-image: url('/img/games/backgrounds/plants/watermelon-preload.jpg?rev=1778068871');
}
.game-measuring #content {
  background-image: url('/img/games/backgrounds/plants/watermelon.jpg?rev=1778068871');
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game #question .text,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #question .text,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .text {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  min-width: 300px;
  margin: 0 0 20px 0;
  font-size: 19.5px;
  line-height: 21px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game #question .text .mathLatex,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #question .text .mathLatex,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .text .mathLatex {
  min-height: 40px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game #question .category,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #question .category,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .category {
  display: none;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game #question .text-image-content,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #question .text-image-content,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .text-image-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 360px;
  margin: 0 auto 13px;
  padding: 20px;
  font-size: 19.5px;
  line-height: 21px;
  position: absolute;
  right: 525px;
  top: 30px;
}
.game-measuring #content #game .screen .gameSelector .game.open-answer-game #question .text-image-content .mathLatex,
.game-measuring #content #game .screen .gameSelector .game.multiple-choice-game #question .text-image-content .mathLatex,
.game-measuring #content #game .screen .gameSelector .game.scramble-game #question .text-image-content .mathLatex {
  min-height: 40px;
}
.game-estimation #preload,
.game-estimation .popup_mask {
  background-image: url('/img/games/backgrounds/plants/pepper-preload.png?rev=1778068871');
}
.game-estimation #content {
  background-image: url('/img/games/backgrounds/plants/pepper.png?rev=1778068871');
}
.game-estimation #content #game .screen .gameSelector .game.open-answer-game #question,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  min-width: 300px;
  margin: 0 0 20px 0;
  font-size: 19.5px;
  line-height: 21px;
}
.game-estimation #content #game .screen .gameSelector .game.open-answer-game #question .mathLatex,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-estimation #content #game .screen .gameSelector .game.open-answer-game #question .category,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #question .category {
  display: none;
}
.game-estimation #content #game .screen .gameSelector .game.open-answer-game #question .additional-questions-wrapper,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #question .additional-questions-wrapper {
  margin: 0 auto;
}
.game-estimation #content #game .screen .gameSelector .game.open-answer-game #question .additional-questions-wrapper .image-wrapper img,
.game-estimation #content #game .screen .gameSelector .game.multiple-choice-game #question .additional-questions-wrapper .image-wrapper img {
  max-height: 200px;
  max-width: 400px;
}
/* --- game 7 styling --- */
/* --------- geld -------- */
.game-money #preload,
.game-money .popup_mask {
  background-image: url('/img/games/backgrounds/plants/pseudogeranium-preload.jpg?rev=1778068871');
}
.game-money #content {
  background-image: url('/img/games/backgrounds/plants/pseudogeranium.jpg?rev=1778068871');
}
.game-money #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-money #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-money #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  max-width: 780px;
  margin: 0;
  padding: 5px 20px;
}
.game-money #question .mathLatex {
  min-height: 40px;
}
.game-money #answer {
  white-space: nowrap;
}
.game-money .source,
.game-money .target {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: inline-block;
  margin: 15px;
  padding: 0;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.game-money .source {
  margin-right: 20px;
}
.game-money .source:after {
  top: 50%;
  border-bottom-color: transparent;
  margin-top: -10px;
}
.game-money .stack__item {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: transform;
  transition: transform;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.game-money .stack__item:nth-child(2) {
  left: 5px;
}
.game-money .stack__item:nth-child(3) {
  left: 10px;
}
.game-money .stack__item:nth-child(n+4) {
  display: none;
}
.game-money .stack__item.is-dragging {
  -webkit-transform: scale(1.1, );
  -ms-transform: scale(1.1, );
  transform: scale(1.1, );
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.game-money .stack__item.coin,
.game-money .stack__item.bill {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background-image: url('/js/games/money/images/money-sprite-2x.png?rev=1778068871');
  background-size: 580px;
}
.game-money .stack__item.coin {
  display: block;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-money .stack__item.bill {
  display: block;
  width: 40px;
  height: 75px;
}
.game-money .stack__item.val-5 {
  background-position: 0px 0;
}
.game-money .stack__item.val-10 {
  background-position: -50px 0;
}
.game-money .stack__item.val-20 {
  background-position: -100px 0;
}
.game-money .stack__item.val-50 {
  background-position: -150px 0;
}
.game-money .stack__item.val-100 {
  background-position: -200px 0;
}
.game-money .stack__item.val-200 {
  background-position: -250px 0;
}
.game-money .stack__item.val-500 {
  background-position: -300px 0;
}
.game-money .stack__item.val-1000 {
  background-position: -340px 0;
}
.game-money .stack__item.val-2000 {
  background-position: -380px 0;
}
.game-money .stack__item.val-5000 {
  background-position: -420px 0;
}
.game-money .stack__item.val-10000 {
  background-position: -460px 0;
}
.game-money .stack__item.val-20000 {
  background-position: -500px 0;
}
.game-money .stack__item.val-50000 {
  background-position: -540px 0;
}
.game-money .o-wallet-stacks {
  display: inline-block;
  height: 260px;
  width: 300px;
  margin: 15px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(235, 236, 239, 0.8);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.game-money .o-wallet-stacks.is-droppable,
.game-money .o-wallet-stacks.is-added {
  background-color: rgba(255, 255, 255, 0.85);
}
.game-money .o-wallet-stacks.is-dropped {
  background-color: rgba(255, 255, 255, 0.9);
}
.game-money .o-wallet-stacks .stack {
  position: relative;
  display: inline-block;
  float: left;
  margin: 10px;
}
.game-money .o-wallet-stacks .stack.is-dragging-ghost div:last-child {
  opacity: 0.25;
}
.game-money .o-wallet-stacks .stack.stack--coin {
  width: 60px;
  height: 50px;
}
.game-money .o-wallet-stacks .stack.stack--bill {
  width: 50px;
  height: 75px;
}
.game-money .o-wallet-stacks .stack:nth-child(1),
.game-money .o-wallet-stacks .stack:nth-child(4) {
  margin-left: 25px;
}
.game-money .o-wallet-stacks .stack:nth-child(7) {
  margin-left: 40px;
}
.game-money .o-wallet-stacks .stack:nth-child(10),
.game-money .o-wallet-stacks .stack:nth-child(11),
.game-money .o-wallet-stacks .stack:nth-child(12),
.game-money .o-wallet-stacks .stack:nth-child(13) {
  margin-top: -40px;
}
.game-money .o-wallet-stacks .stack .draggable {
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.game-money #source-stacks {
  background-color: rgba(255, 255, 255, 0.5);
}
.game-money #source-stacks.is-droppable {
  background-color: rgba(255, 255, 255, 0.6);
}
.game-money #source-stacks.is-dropped,
.game-money #source-stacks.is-added {
  background-color: rgba(255, 255, 255, 0.7);
}
.game-money #feedback-stacks {
  display: none;
}
.game-money #answer.answered {
  white-space: nowrap;
}
.game-money #answer.answered #source {
  opacity: 0.3;
}
.game-money #answer.answered #source.incorrect {
  display: none;
}
.game-money #answer.answered .target.incorrect #feedback-stacks {
  display: inline-block;
  padding: 7px;
  border: 3px solid #2ecd71;
}
.game-money .game-button-answer {
  display: inline-block;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  position: absolute;
  bottom: 25px;
  left: 345px;
}
.game-money .game-button-answer .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-money .game-button-answer:active {
  background-color: #ccc;
}
.game-money .game-button-answer.answered {
  pointer-events: none;
}
.game-money .game-button-answer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-money .game-button-answer.correct,
.game-money .game-button-answer.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .game-button-answer.incorrect,
.game-money .game-button-answer.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .game-button-answer:hover,
.game-money .game-button-answer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-money .game-button-answer:active {
  background-color: #00516d;
}
.game-money .game-button-answer.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-money .target.correct #target-stacks {
  background-color: #2ecd71;
}
.game-money .target.incorrect #target-stacks {
  background-color: #e84c3d;
}
.game-money .target.incorrect #target-stacks.time-expired {
  background-color: rgba(235, 236, 239, 0.8);
}
.game-money .multiple-choice-game .AnswerSet {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  max-width: 400px;
}
.game-money .multiple-choice-game .AnswerSet .AnswerElement {
  display: inline-block;
  float: left;
  width: 46%;
  margin: 2%;
}
.game-money .multiple-choice-game .AnswerSet .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
}
.game-money .multiple-choice-game .AnswerSet .answer_button:active {
  background-color: #ccc;
}
.game-money .multiple-choice-game .AnswerSet .answer_button.answered {
  pointer-events: none;
}
.game-money .multiple-choice-game .AnswerSet .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-money .multiple-choice-game .AnswerSet .answer_button.correct,
.game-money .multiple-choice-game .AnswerSet .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .multiple-choice-game .AnswerSet .answer_button.incorrect,
.game-money .multiple-choice-game .AnswerSet .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .multiple-choice-game .AnswerSet .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-money .open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-money .open-answer-game .answer-area:before,
.game-money .open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-money .open-answer-game .answer-area:after {
  clear: both;
}
.game-money .open-answer-game .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-money .open-answer-game .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-money .open-answer-game .numpad-input:focus {
  outline: none;
}
.game-money .open-answer-game .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-money .open-answer-game .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-money .open-answer-game .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-money .open-answer-game .numpad-input #input-field,
.game-money .open-answer-game .numpad-input .answer-dont-know,
.game-money .open-answer-game .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-money .open-answer-game .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-money .open-answer-game .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-money .open-answer-game .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-money .open-answer-game .numpad-input .back:hover,
.game-money .open-answer-game .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-money .open-answer-game .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-money .open-answer-game .numpad-input .back.disabled {
  display: none;
}
.game-money .open-answer-game .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-money .open-answer-game .ok-button:active {
  background-color: #ccc;
}
.game-money .open-answer-game .ok-button.answered {
  pointer-events: none;
}
.game-money .open-answer-game .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-money .open-answer-game .ok-button.correct,
.game-money .open-answer-game .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .open-answer-game .ok-button.incorrect,
.game-money .open-answer-game .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .open-answer-game .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-money .open-answer-game .ok-button:hover,
.game-money .open-answer-game .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-money .open-answer-game .ok-button:active {
  background-color: #00516d;
}
.game-money .open-answer-game .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-money .open-answer-game .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-money .open-answer-game .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-money .open-answer-game .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-money .open-answer-game .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-money .open-answer-game .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-money .open-answer-game .numpad li a:active {
  background-color: #ccc;
}
.game-money .open-answer-game .numpad li a.answered {
  pointer-events: none;
}
.game-money .open-answer-game .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-money .open-answer-game .numpad li a.correct,
.game-money .open-answer-game .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .open-answer-game .numpad li a.incorrect,
.game-money .open-answer-game .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-money .open-answer-game .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-money .open-answer-game .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-predicting #content {
  background-image: url('/img/games/backgrounds/fishes/crab.jpg?rev=1778068871');
}
.game-predicting #preload,
.game-predicting .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/crab-preload.jpg?rev=1778068871');
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssHorizontal,
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssVertical {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 24px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssHorizontal .mathLatex,
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssVertical .mathLatex {
  min-height: 40px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssHorizontal .row1,
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssVertical .row1 {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ebecef;
  line-height: 1.2em;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssVertical {
  margin-top: 10px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content {
  display: contents;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.singleline .text-content {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 24px;
  width: 100%;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.singleline .text-content .mathLatex {
  min-height: 40px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.singleline .image-wrapper {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  width: 400px;
  float: left;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.singleline .image-wrapper .mathLatex {
  min-height: 40px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content img {
  max-width: 100%;
  max-height: 350px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.multiline .line-0 {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 24px;
  float: right;
  width: 200px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.multiline .line-0 .mathLatex {
  min-height: 40px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.multiline .line-1 {
  padding: 8px;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.multiline .additional-questions-wrapper {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  font-size: 24px;
  width: 400px;
  float: left;
}
.game-predicting #game .screen #gameSelector.gameSelector .multiple-choice-game #question.CssLayout .text-image-content.multiline .additional-questions-wrapper .mathLatex {
  min-height: 40px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  padding: 2px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement {
  display: inline-block;
  margin: 7px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  padding: 0;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button:active,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.answered,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.selected,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button .maximizedText,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button:active,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button:active,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button:focus,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.selected,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct-answer:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct-answer:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect-answer:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect-answer:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.selected:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.correct-answer:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect-answer,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.incorrect-answer:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.selected,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.selected {
  border-color: #009dd3;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button.selected:after,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button.selected:after {
  background-color: #009dd3;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal {
  margin-top: -10px;
  width: 485px;
  padding: 8px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button {
  width: 220px;
  height: 150px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetHorizontal .AnswerElement .answer_button img {
  width: 220px;
  height: 150px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  width: 678px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button {
  width: 150px;
  height: 220px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetVertical .AnswerElement .answer_button img {
  width: 150px;
  height: 220px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault {
  float: right;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  width: 400px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.35);
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .text {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 3px;
  font-size: 20px;
  line-height: 25px;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  margin: 10px;
  padding: 15px 20px;
  text-transform: inherit;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button.correct,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button.incorrect,
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-predicting #game .screen #gameSelector.gameSelector .AnswerSetDefault .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-predicting #sidebar-content .explanation-box {
  bottom: 350px;
}
.game-predicting #sidebar-content .explanation-box .explanation {
  min-height: 111px;
}
/* --- game 40 styling --- */
/* --------- rijmen -------- */
.game-rhyme #preload,
.game-rhyme .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/seaotter-preload.jpg?rev=1778068871');
}
.game-rhyme #content {
  background-image: url('/img/games/backgrounds/fishes/seaotter.jpg?rev=1778068871');
}
.game-rhyme #content #game .screen #gameSelector.gameSelector #customItemFields {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question {
  position: relative;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  margin: 25px 0 47px 0;
  max-width: 350px;
  min-width: 308px;
  display: inline-block;
  padding: 10px;
  text-align: center;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .mathLatex {
  min-height: 40px;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question img {
  max-height: 150px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .audio-player-button {
  padding: 10px;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer:active {
  background-color: #00516d;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer:hover,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin-top: 0;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  float: left;
  margin: 7px;
  padding: 0;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  width: 156px;
  height: 156px;
  line-height: 156px;
  padding: 0;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  border-color: #009dd3;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  background-color: #009dd3;
}
.game-rhyme #content #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button img {
  margin: 0;
  vertical-align: middle;
  max-width: 150px;
  max-height: 150px;
}
/* --- game 21, 47, 74, 83 styling --- */
/* --------- letterchaos, Puzzl, Shuffle-sentences,Word-order -------- */
.game-letterchaos #content #game .screen,
.game-puzzle #content #game .screen,
.game-shuffle-sentences #content #game .screen,
.game-word-order #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-letterchaos #content #game:before,
.game-puzzle #content #game:before,
.game-shuffle-sentences #content #game:before,
.game-word-order #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-letterchaos .question,
.game-puzzle .question,
.game-shuffle-sentences .question,
.game-word-order .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
}
.game-letterchaos .question .mathLatex,
.game-puzzle .question .mathLatex,
.game-shuffle-sentences .question .mathLatex,
.game-word-order .question .mathLatex {
  min-height: 40px;
}
.game-letterchaos .category-image,
.game-puzzle .category-image,
.game-shuffle-sentences .category-image,
.game-word-order .category-image {
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.game-letterchaos .ok-button,
.game-puzzle .ok-button,
.game-shuffle-sentences .ok-button,
.game-word-order .ok-button {
  display: inline-block;
  position: absolute;
  bottom: 145px;
  right: 140px;
  min-width: 2.5em;
  width: 60px;
  height: 60px;
  padding: 0 5px;
  line-height: 60px;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-letterchaos .ok-button .maximizedText,
.game-puzzle .ok-button .maximizedText,
.game-shuffle-sentences .ok-button .maximizedText,
.game-word-order .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-letterchaos .ok-button:active,
.game-puzzle .ok-button:active,
.game-shuffle-sentences .ok-button:active,
.game-word-order .ok-button:active {
  background-color: #ccc;
}
.game-letterchaos .ok-button.answered,
.game-puzzle .ok-button.answered,
.game-shuffle-sentences .ok-button.answered,
.game-word-order .ok-button.answered {
  pointer-events: none;
}
.game-letterchaos .ok-button.selected,
.game-puzzle .ok-button.selected,
.game-shuffle-sentences .ok-button.selected,
.game-word-order .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-letterchaos .ok-button.correct,
.game-puzzle .ok-button.correct,
.game-shuffle-sentences .ok-button.correct,
.game-word-order .ok-button.correct,
.game-letterchaos .ok-button.correct-answer,
.game-puzzle .ok-button.correct-answer,
.game-shuffle-sentences .ok-button.correct-answer,
.game-word-order .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-letterchaos .ok-button.incorrect,
.game-puzzle .ok-button.incorrect,
.game-shuffle-sentences .ok-button.incorrect,
.game-word-order .ok-button.incorrect,
.game-letterchaos .ok-button.incorrect-answer,
.game-puzzle .ok-button.incorrect-answer,
.game-shuffle-sentences .ok-button.incorrect-answer,
.game-word-order .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-letterchaos .ok-button:hover,
.game-puzzle .ok-button:hover,
.game-shuffle-sentences .ok-button:hover,
.game-word-order .ok-button:hover,
.game-letterchaos .ok-button:focus,
.game-puzzle .ok-button:focus,
.game-shuffle-sentences .ok-button:focus,
.game-word-order .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-letterchaos .ok-button:active,
.game-puzzle .ok-button:active,
.game-shuffle-sentences .ok-button:active,
.game-word-order .ok-button:active {
  background-color: #00516d;
}
.game-letterchaos .ok-button.disabled,
.game-puzzle .ok-button.disabled,
.game-shuffle-sentences .ok-button.disabled,
.game-word-order .ok-button.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.game-letterchaos .answer-items,
.game-puzzle .answer-items,
.game-shuffle-sentences .answer-items,
.game-word-order .answer-items {
  margin-top: 10px;
}
/* --- game 21 styling --- */
/* --------- letterchaos -------- */
.game-letterchaos #content {
  background-image: url('/img/games/backgrounds/fishes/butterflyfish.jpg?rev=1778068871');
}
.game-letterchaos #preload,
.game-letterchaos .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/butterflyfish-preload.jpg?rev=1778068871');
}
.game-letterchaos .screen {
  padding-right: 120px;
  text-align: center;
}
.game-letterchaos .question .category-image {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  vertical-align: middle;
}
.game-letterchaos .question .category-text {
  font-size: 30px;
  vertical-align: middle;
}
.game-letterchaos .answer-options {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  min-width: 400px;
}
.game-letterchaos .scramble-items,
.game-letterchaos .answer-items {
  padding-left: 0;
  text-align: center;
}
.game-letterchaos .scramble-items ul,
.game-letterchaos .answer-items ul {
  padding: 0px;
}
.game-letterchaos .scramble-items li,
.game-letterchaos .answer-items li {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  min-width: 46px;
  height: 56px;
  padding: 20px 4px;
  text-align: center;
  font-size: 40px;
  cursor: all-scroll;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  margin-right: 4px;
}
.game-letterchaos .scramble-items li:active,
.game-letterchaos .answer-items li:active {
  background-color: #ccc;
}
.game-letterchaos .scramble-items li.answered,
.game-letterchaos .answer-items li.answered {
  pointer-events: none;
}
.game-letterchaos .scramble-items li.selected,
.game-letterchaos .answer-items li.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-letterchaos .scramble-items li.correct,
.game-letterchaos .answer-items li.correct,
.game-letterchaos .scramble-items li.correct-answer,
.game-letterchaos .answer-items li.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-letterchaos .scramble-items li.incorrect,
.game-letterchaos .answer-items li.incorrect,
.game-letterchaos .scramble-items li.incorrect-answer,
.game-letterchaos .answer-items li.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-letterchaos .scramble-items li .maximizedText,
.game-letterchaos .answer-items li .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-letterchaos .scramble-items li:active,
.game-letterchaos .answer-items li:active {
  cursor: ew-resize;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.game-letterchaos .scramble-items li.dragged-letter,
.game-letterchaos .answer-items li.dragged-letter {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  background-color: #009dd3;
  color: #fff;
  cursor: ew-resize;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.game-letterchaos .answer-items li,
.game-letterchaos .answer-items li:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #2ecd71;
  color: #fff;
}
.game-letterchaos #feedback {
  display: none;
}
/* --- game 47 styling --- */
/* --------- Puzzl -------- */
.game-puzzle #content {
  background-image: url('/img/games/backgrounds/birds/owl.jpg?rev=1778068871');
}
.game-puzzle #preload,
.game-puzzle .popup_mask {
  background-image: url('/img/games/backgrounds/birds/owl-preload.jpg?rev=1778068871');
}
.game-puzzle .screen .question {
  margin: 0px;
  display: inline-block;
  width: 500px;
  min-height: 100px;
  padding: 50px 100px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  text-align: center;
}
.game-puzzle .screen .category-image {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: 10px;
  margin-top: 10px;
}
.game-puzzle .screen .answer-options {
  min-width: 500px;
  display: inline-block;
  margin-top: 20px;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-puzzle .screen .answer-options:before,
.game-puzzle .screen .answer-options:after {
  content: " ";
  display: table;
}
.game-puzzle .screen .answer-options:after {
  clear: both;
}
.game-puzzle .screen .answer-options ul {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.game-puzzle .screen .answer-options li {
  height: 70px;
  min-width: 55px;
  margin: 0;
  margin-left: 4px;
  padding: 0 10px;
  display: inline-block;
  list-style: none;
  cursor: move;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px #f2f2f2;
  -moz-box-shadow: 0 3px #f2f2f2;
  box-shadow: 0 3px #f2f2f2;
  color: #009dd3;
  font-family: inherit;
  font-size: 48px;
  line-height: 70px;
}
.game-puzzle .screen .answer-options li.incorrect,
.game-puzzle .screen .answer-items li,
.game-puzzle .screen li.correct {
  cursor: default;
}
.game-puzzle .screen li.incorrect {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  color: #fff;
}
.game-puzzle .screen .answer-items li,
.game-puzzle .screen li.correct {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  color: #fff;
}
/* --- game 21 styling --- */
/* --------- DE letterchaos -------- */
.games-controller.oefenweb.game-letterchaos #content {
  background-image: url('/img/games/backgrounds/plants/tomatoes.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-letterchaos #preload,
.games-controller.oefenweb.game-letterchaos .popup_mask {
  background-image: url('/img/games/backgrounds/plants/tomatoes-preload.jpg?rev=1778068871');
}
/* --- game 75 styling --- */
/* --------- Shuffle -------- */
.game-shuffle-sentences #content {
  background-image: url('/img/games/backgrounds/fishes/boxfish.jpg?rev=1778068871');
}
.game-shuffle-sentences #preload,
.game-shuffle-sentences .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/boxfish-preload.jpg?rev=1778068871');
}
.game-shuffle-sentences .screen .question {
  display: none;
}
.game-shuffle-sentences .screen #answer .answer-options {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  width: inherit;
  margin: auto;
  max-width: 800px;
  min-width: 680px;
}
.game-shuffle-sentences .screen #answer .answer-options .scramble-items ul {
  padding: 0px;
}
.game-shuffle-sentences .screen #answer .answer-options .scramble-items ul li {
  list-style: none;
  cursor: move;
}
.game-shuffle-sentences .screen #answer .answer-options .scramble-items ul li.draggable {
  width: auto;
  margin: 15px 10px;
  padding: 10px;
  min-height: 22px;
  background-color: #fff;
  font-family: inherit;
  font-size: 20px;
  color: #009dd3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px #f2f2f2;
  -moz-box-shadow: 0 3px #f2f2f2;
  box-shadow: 0 3px #f2f2f2;
}
.game-shuffle-sentences .screen #answer .answer-options .scramble-items ul li.draggable.correct {
  background-color: #2ecd71;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
}
.game-shuffle-sentences .screen #answer .answer-options .scramble-items ul li.draggable.incorrect {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: none;
  border: 2px solid #e84c3d;
  color: #e84c3d;
  margin: 10px;
}
.game-shuffle-sentences .screen #answer .answer-options .answer-items {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: none;
  margin: 10px;
  color: #37495e;
  padding: 10px;
  line-height: 24px;
}
.game-shuffle-sentences .screen #answer .answer-options .answer-items ul {
  padding: 0px;
}
.game-shuffle-sentences .screen #answer .answer-options .answer-items ul li {
  list-style: none;
}
/* --- game 83 styling --- */
/* --------- Word Order -------- */
.game-word-order #content {
  background-image: url('/img/games/backgrounds/birds/woodpecker.jpg?rev=1778068871');
}
.game-word-order #preload,
.game-word-order .popup_mask {
  background-image: url('/img/games/backgrounds/birds/woodpecker-preload.jpg?rev=1778068871');
}
.game-word-order .screen .answer-options {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
}
.game-word-order .screen .answer-options ul {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: initial;
}
.game-word-order .screen .answer-options li {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-width: 2.5em;
  padding: 10px;
  padding: 15px;
  margin: 7px;
  font-size: 20px;
  display: inline-block;
  list-style: none;
  cursor: move;
}
.game-word-order .screen .answer-options li:active {
  background-color: #ccc;
}
.game-word-order .screen .answer-options li.answered {
  pointer-events: none;
}
.game-word-order .screen .answer-options li.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-word-order .screen .answer-options li.correct,
.game-word-order .screen .answer-options li.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-word-order .screen .answer-options li.incorrect,
.game-word-order .screen .answer-options li.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-word-order .screen .answer-options li .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-word-order .screen .answer-items li,
.game-word-order .screen .answer-items li:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #2ecd71;
  color: #fff;
}
.game-word-order .screen #feedback {
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  height: 190px;
}
.game-word-order .screen #feedback p:first-of-type {
  font-weight: bold;
}
.game-word-order .screen #feedbackMediaPlayer {
  margin-top: -90px;
}
.game-word-order .screen .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-word-order .screen .playerContainer:active {
  background-color: #00516d;
}
.game-word-order .screen .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-word-order .screen .playerContainer:hover,
.game-word-order .screen .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-word-order .screen .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-word-order .screen .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
/* --- game 12 styling --- */
/* --------- Reeksen -------- */
.game-series #preload,
.game-series .popup_mask {
  background-image: url('/img/games/backgrounds/plants/rainflower-preload.jpg?rev=1778068871');
}
.game-series #content {
  background-image: url('/img/games/backgrounds/plants/rainflower.jpg?rev=1778068871');
}
.game-series #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-series #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-series #content #game .screen .game.open-answer-game,
.game-series #content #game .screen .game.multiple-choice-game {
  margin-left: 100px;
  max-width: 400px;
}
.game-series #content #game .screen .game.open-answer-game #question,
.game-series #content #game .screen .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 300px;
  margin-bottom: 13px;
}
.game-series #content #game .screen .game.open-answer-game #question .mathLatex,
.game-series #content #game .screen .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-series #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-series #content #game .screen .game.open-answer-game .answer-area:before,
.game-series #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-series #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-series #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-series #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  float: right;
  margin-left: 10px;
  min-width: 60px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 24px;
  line-height: 0.75em;
  color: #2ecd71;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-series #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet {
  max-width: 380px;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet:before,
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet:after {
  content: " ";
  display: table;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet:after {
  clear: both;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 2%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:before,
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  content: " ";
  display: table;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet:after {
  clear: both;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  width: 46%;
  float: right;
  margin: 2%;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-series #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-slowmix #preload,
.game-slowmix .popup_mask {
  background-image: url('/img/games/backgrounds/plants/wormflower-preload.jpg?rev=1778068871');
}
.game-slowmix #content {
  background-image: url('/img/games/backgrounds/plants/wormflower.jpg?rev=1778068871');
}
.game-slowmix #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-slowmix #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-slowmix #content #game .screen .game.open-answer-game {
  margin-left: 100px;
}
.game-slowmix #content #game .screen .game.open-answer-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  margin: 0 auto;
  margin-bottom: 13px;
}
.game-slowmix #content #game .screen .game.open-answer-game #question .mathLatex {
  min-height: 40px;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area:before,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-slowmix #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-slowmix #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
/* --- game 5 styling --- */
/* --------- SpeedMix -------- */
.game-mix #preload,
.game-mix .popup_mask {
  background-image: url('/img/games/backgrounds/plants/bluetulip-preload.jpg?rev=1778068871');
}
.game-mix #content {
  background-image: url('/img/games/backgrounds/plants/bluetulip.jpg?rev=1778068871');
}
.game-mix #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-mix #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-mix #content #game .screen .game.multiple-choice-game {
  margin-left: 150px;
  max-width: 400px;
}
.game-mix #content #game .screen .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
}
.game-mix #content #game .screen .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-mix #content #game .screen .game.multiple-choice-game #question .text {
  line-height: 31px;
  min-height: 40px;
  padding-top: 5px;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet {
  width: 250px;
  height: 250px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 60px;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 400px;
  -moz-border-radius: 400px;
  border-radius: 400px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial {
  position: relative;
  left: -40px;
  display: inline-block;
  width: 350px;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement {
  position: relative;
  float: left;
  width: auto;
  margin: 12px;
  margin-bottom: 30px;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement:nth-child(2) {
  top: -60px;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement:nth-child(5) {
  top: 60px;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .text {
  font-size: 25px;
  line-height: 37px;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 80px;
  height: 80px;
  padding: 20px 5px 0;
  -webkit-box-shadow: 0 4px #ccc;
  -moz-box-shadow: 0 4px #ccc;
  box-shadow: 0 4px #ccc;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button.correct,
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button.incorrect,
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-mix #content #game .screen .game.multiple-choice-game #answerOptionSet .AnswerSetRadial .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
/* --- game 48 styling --- */
/* --------- Multiplication Tables -------- */
.game-tables #preload,
.game-tables .popup_mask {
  background-image: url('/img/games/backgrounds/plants/gazania-preload.jpg?rev=1778068871');
}
.game-tables #content {
  background-image: url('/img/games/backgrounds/plants/gazania.jpg?rev=1778068871');
}
.game-tables #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-tables #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-tables #content #game .screen .game.open-answer-game {
  margin-left: 100px;
  max-width: 400px;
}
.game-tables #content #game .screen .game.open-answer-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 300px;
  margin-bottom: 13px;
}
.game-tables #content #game .screen .game.open-answer-game #question .mathLatex {
  min-height: 40px;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area:before,
.game-tables #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-tables #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-tables #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 10px 20px;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .mathLatex {
  min-height: 40px;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text {
  line-height: 37px;
  display: block;
  color: #37495e;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .player-node {
  display: block;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin-top: 0;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement {
  display: inline-block;
  float: left;
  margin: 7px;
  padding: 0;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: #fff;
  width: 156px;
  height: 156px;
  line-height: 156px;
  padding: 0;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:active,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button:focus {
  background-color: #fff;
  border-color: #ccc;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  color: #fff;
  opacity: 1;
  pointer-events: none;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.2;
  right: 0;
  top: 0;
  bottom: 0;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer {
  border-color: #2ecd71;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct:after,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.correct-answer:after {
  background-color: #2ecd71;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer {
  border-color: #e84c3d;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect:after,
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.incorrect-answer:after {
  background-color: #e84c3d;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected {
  border-color: #009dd3;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button.selected:after {
  background-color: #009dd3;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button .media-object {
  -webkit-transform: scale(0.82666667);
  -moz-transform: scale(0.82666667);
  -ms-transform: scale(0.82666667);
  -o-transform: scale(0.82666667);
  transform: scale(0.82666667);
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-is-it-text #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-look-read #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-blocks #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img {
  margin: 0;
  vertical-align: middle;
  max-width: 150px;
  max-height: 150px;
}
.game-form-color .audio-player-button,
.game-figure-place .audio-player-button,
.game-what-is-it .audio-player-button,
.game-what-is-it-text .audio-player-button,
.game-what-is-it-uk .audio-player-button,
.game-what-do-you-read .audio-player-button,
.game-look-read .audio-player-button,
.game-blocks .audio-player-button {
  padding: 10px;
}
.game-form-color .playerContainer,
.game-figure-place .playerContainer,
.game-what-is-it .playerContainer,
.game-what-is-it-text .playerContainer,
.game-what-is-it-uk .playerContainer,
.game-what-do-you-read .playerContainer,
.game-look-read .playerContainer,
.game-blocks .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
}
.game-form-color .playerContainer:active,
.game-figure-place .playerContainer:active,
.game-what-is-it .playerContainer:active,
.game-what-is-it-text .playerContainer:active,
.game-what-is-it-uk .playerContainer:active,
.game-what-do-you-read .playerContainer:active,
.game-look-read .playerContainer:active,
.game-blocks .playerContainer:active {
  background-color: #00516d;
}
.game-form-color .playerContainer.selected,
.game-figure-place .playerContainer.selected,
.game-what-is-it .playerContainer.selected,
.game-what-is-it-text .playerContainer.selected,
.game-what-is-it-uk .playerContainer.selected,
.game-what-do-you-read .playerContainer.selected,
.game-look-read .playerContainer.selected,
.game-blocks .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-form-color .playerContainer:hover,
.game-figure-place .playerContainer:hover,
.game-what-is-it .playerContainer:hover,
.game-what-is-it-text .playerContainer:hover,
.game-what-is-it-uk .playerContainer:hover,
.game-what-do-you-read .playerContainer:hover,
.game-look-read .playerContainer:hover,
.game-blocks .playerContainer:hover,
.game-form-color .playerContainer:focus,
.game-figure-place .playerContainer:focus,
.game-what-is-it .playerContainer:focus,
.game-what-is-it-text .playerContainer:focus,
.game-what-is-it-uk .playerContainer:focus,
.game-what-do-you-read .playerContainer:focus,
.game-look-read .playerContainer:focus,
.game-blocks .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-form-color .playerContainer:before,
.game-figure-place .playerContainer:before,
.game-what-is-it .playerContainer:before,
.game-what-is-it-text .playerContainer:before,
.game-what-is-it-uk .playerContainer:before,
.game-what-do-you-read .playerContainer:before,
.game-look-read .playerContainer:before,
.game-blocks .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-form-color .playerContainer:after,
.game-figure-place .playerContainer:after,
.game-what-is-it .playerContainer:after,
.game-what-is-it-text .playerContainer:after,
.game-what-is-it-uk .playerContainer:after,
.game-what-do-you-read .playerContainer:after,
.game-look-read .playerContainer:after,
.game-blocks .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-form-color #feedback,
.game-figure-place #feedback,
.game-what-is-it #feedback,
.game-what-is-it-text #feedback,
.game-what-is-it-uk #feedback,
.game-what-do-you-read #feedback,
.game-look-read #feedback,
.game-blocks #feedback {
  display: none;
}
.game-form-color #preload,
.game-form-color .popup_mask {
  background-image: url('/img/games/backgrounds/plants/purpleflower-preload.jpg?rev=1778068871');
}
.game-form-color #content {
  background-image: url('/img/games/backgrounds/plants/purpleflower.jpg?rev=1778068871');
}
.game-form-color #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question {
  min-width: 200px;
  max-width: 400px;
  margin-top: 40px;
}
.game-form-color .audio-player-button .question-text {
  margin-bottom: 20px;
}
.game-figure-place #preload,
.game-figure-place .popup_mask {
  background-image: url('/img/games/backgrounds/plants/flyagaric-preload.jpg?rev=1778068871');
}
.game-figure-place #content {
  background-image: url('/img/games/backgrounds/plants/flyagaric.jpg?rev=1778068871');
}
.game-figure-place #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question {
  min-width: 237px;
  max-height: 250px;
}
.game-figure-place .audio-player-button {
  padding: 0;
}
.game-figure-place .audio-player-button .question-text {
  margin-bottom: 20px;
}
.game-what-is-it #game .screen,
.game-what-is-it-uk #game .screen {
  padding: 0 160px;
}
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game {
  margin: 65px 0 47px 0;
}
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question {
  margin: 0 0 60px 0;
}
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #question .question-text {
  display: none;
}
.game-what-is-it #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .game.multiple-choice-game #answerOptionSet .AnswerSet .AnswerElement .answer_button img {
  vertical-align: unset;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector .multiple-choice-game.game,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .multiple-choice-game.game,
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game {
  margin-top: 83px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question,
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question {
  letter-spacing: 5px;
  margin: 0px 0 69px 0;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .text,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .text,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .text,
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question .text {
  margin: 12px 20px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-do-you-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button img,
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button img {
  vertical-align: unset;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector #feedbackMediaPlayer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer,
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer {
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  position: relative;
  top: -400px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .mathLatex,
.game-what-do-you-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .mathLatex,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .mathLatex,
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .mathLatex {
  min-height: 40px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector #feedbackMediaPlayer #question .text,
.game-what-do-you-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer #question .text,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer #question .text,
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer #question .text {
  margin-top: 25px;
  height: 100px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .question-text,
.game-what-do-you-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .question-text,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .question-text,
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .question-text {
  visibility: unset;
  letter-spacing: 5px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button,
.game-what-do-you-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button,
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button {
  padding: 0px;
}
.game-what-is-it-text #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button .playerContainer,
.game-what-do-you-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button .playerContainer,
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button .playerContainer,
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button .playerContainer {
  margin-top: 10px;
}
.game-what-is-it #content {
  background-image: url('/img/games/backgrounds/fishes/coelacanth.jpg?rev=1778068871');
}
.game-what-is-it #preload,
.game-what-is-it .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/coelacanth-preload.jpg?rev=1778068871');
}
.game-what-is-it-uk #content {
  background-image: url('/img/games/backgrounds/birds/pelican.jpg?rev=1778068871');
}
.game-what-is-it-uk #preload,
.game-what-is-it-uk .popup_mask {
  background-image: url('/img/games/backgrounds/birds/pelican-preload.jpg?rev=1778068871');
}
.game-what-is-it-uk #game .screen #gameSelector.gameSelector #feedbackMediaPlayer {
  top: -470px;
}
.games-controller.oefenweb.game-what-is-it-uk #content {
  background-image: url('/img/games/backgrounds/plants/pseudogeranium.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-what-is-it-uk #preload,
.games-controller.oefenweb.game-what-is-it-uk .popup_mask {
  background-image: url('/img/games/backgrounds/plants/pseudogeranium-preload.jpg?rev=1778068871');
}
.game-what-is-it-text #content {
  background-image: url('/img/games/backgrounds/fishes/cuttlefish.jpg?rev=1778068871');
}
.game-what-is-it-text #preload,
.game-what-is-it-text .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/cuttlefish-preload.jpg?rev=1778068871');
}
.game-what-do-you-read #content {
  background-image: url('/img/games/backgrounds/birds/pigeon.jpg?rev=1778068871');
}
.game-what-do-you-read #preload,
.game-what-do-you-read .popup_mask {
  background-image: url('/img/games/backgrounds/birds/pigeon-preload.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-what-do-you-read #content {
  background-image: url('/img/games/backgrounds/plants/tomatoes.jpg?rev=1778068871');
}
.games-controller.oefenweb.game-what-do-you-read #preload,
.games-controller.oefenweb.game-what-do-you-read .popup_mask {
  background-image: url('/img/games/backgrounds/plants/tomatoes-preload.jpg?rev=1778068871');
}
.game-blocks #content {
  background-image: url('/img/games/backgrounds/plants/lilyofthevalley.jpg?rev=1778068871');
}
.game-blocks #preload,
.game-blocks .popup_mask {
  background-image: url('/img/games/backgrounds/plants/lilyofthevalley-preload.jpg?rev=1778068871');
}
.game-blocks #question .text-image-content {
  padding: 10px;
}
.game-blocks #question .text-image-content .text-content {
  margin-bottom: 15px;
}
.game-blocks #question img {
  max-width: 150px;
  max-height: 150px;
}
.game-look-read #content {
  background-image: url('/img/games/backgrounds/fishes/sunfish.jpg?rev=1778068871');
}
.game-look-read #preload,
.game-look-read .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/sunfish-preload.jpg?rev=1778068871');
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game {
  margin-top: 35px;
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question {
  min-width: 198px;
  min-height: 195px;
  margin: 0px 0 50px 0;
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #question img {
  max-width: 150px;
  max-height: 150px;
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet {
  width: 680px;
  top: 28px;
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement {
  float: unset;
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button {
  min-width: 305px;
  height: 45px;
  line-height: 41px;
}
.game-look-read #game .screen #gameSelector.gameSelector .multiple-choice-game.game #answerOptionSet .AnswerSet .AnswerElement .answer_button .text {
  letter-spacing: 5px;
}
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer {
  top: -230px;
  min-width: 50px;
  padding: 2px 40px 15px;
}
.game-look-read #game .screen #gameSelector.gameSelector #feedbackMediaPlayer .audio-player-button .question-text {
  display: none;
}
/* ------- game 14 styling ------- */
/* --- cijfers --- */
.game-numerals #preload,
.game-numerals .popup_mask {
  background-image: url('/img/games/backgrounds/plants/gerbera-preload.jpg?rev=1778068871');
}
.game-numerals #content {
  background-image: url('/img/games/backgrounds/plants/gerbera.jpg?rev=1778068871');
}
.game-numerals #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-numerals #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-numerals #content #game .screen {
  padding-left: 100px;
}
.game-numerals #content #game .screen .target {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  padding: 20px 40px 10px;
}
.game-numerals #content #game .screen .target .mathLatex {
  min-height: 40px;
}
.game-numerals #content #game .screen .target .question-text {
  display: block;
  line-height: 20px;
  font-size: 20px;
}
.game-numerals #content #game .screen .target a {
  color: #37495e;
  font-size: 30px;
}
.game-numerals #content #game .screen .target a .text {
  display: block;
  font-size: 30px;
  line-height: 35px;
}
.game-numerals #content #game .screen .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  min-width: 400px;
  margin-top: 0;
}
.game-numerals #content #game .screen .answer-area .clouds {
  position: relative;
  margin: 5px;
  margin-bottom: 9px;
}
.game-numerals #content #game .screen .answer-area .clouds:after {
  display: none;
}
.game-numerals #content #game .screen .answer-area .clouds .number,
.game-numerals #content #game .screen .answer-area .clouds .operator {
  padding: 10px 0;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text,
.game-numerals #content #game .screen .answer-area .clouds .operator .text {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: inline-block;
  min-width: 2em;
  padding: 8px 0;
  background-color: #ccc;
  /* IE 8 fallback */
}
.game-numerals #content #game .screen .answer-area .clouds .number .text.cursor,
.game-numerals #content #game .screen .answer-area .clouds .operator .text.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text:focus,
.game-numerals #content #game .screen .answer-area .clouds .operator .text:focus {
  outline: none;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text.correct,
.game-numerals #content #game .screen .answer-area .clouds .operator .text.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text.incorrect,
.game-numerals #content #game .screen .answer-area .clouds .operator .text.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text.incorrect.time-expired,
.game-numerals #content #game .screen .answer-area .clouds .operator .text.incorrect.time-expired {
  background-color: #009dd3;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text #input-field,
.game-numerals #content #game .screen .answer-area .clouds .operator .text #input-field,
.game-numerals #content #game .screen .answer-area .clouds .number .text .answer-dont-know,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .answer-dont-know,
.game-numerals #content #game .screen .answer-area .clouds .number .text .time-expired,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text .answer-dont-know,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text .time-expired,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text .back,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text .back:hover,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .back:hover,
.game-numerals #content #game .screen .answer-area .clouds .number .text .back:focus,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-numerals #content #game .screen .answer-area .clouds .number .text .back:active,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-numerals #content #game .screen .answer-area .clouds .number .text .back.disabled,
.game-numerals #content #game .screen .answer-area .clouds .operator .text .back.disabled {
  display: none;
}
.game-numerals #content #game .screen .answer-area .clouds .operator .text {
  min-width: 1.5em;
  color: #37495e;
}
.game-numerals #content #game .screen .answer-area .clouds .operator .text.cursor {
  background-color: #37495e;
}
.game-numerals #content #game .screen .answer-area .clouds .close {
  display: inline-block;
}
.game-numerals #content #game .screen .answer-area .clouds .close .text {
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #888;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.25);
  font-family: entypo;
  color: #fff;
  /* IE 8 fallback */
  color: rgba(255, 255, 255, 0.75);
}
.game-numerals #content #game .screen .answer-area .clouds .close .text:hover,
.game-numerals #content #game .screen .answer-area .clouds .close .text:focus {
  background-color: #e84c3d;
  color: #fff;
  cursor: pointer;
}
.game-numerals #content #game .screen .answer-area .clouds .incorrect {
  display: block;
}
.game-numerals #content #game .screen .answer-area .clouds .incorrect .text,
.game-numerals #content #game .screen .answer-area .clouds .incorrect .text {
  background-color: #e84c3d;
  color: #fff;
}
.game-numerals #content #game .screen .answer-area .clouds .correct .text {
  background-color: #2ecd71;
  color: #fff;
}
.game-numerals #content #game .screen .answer-area .clouds .answer-correct .text {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  margin-bottom: 3px;
  padding: 5px 10px;
  font-size: 20px;
}
.game-numerals #content #game .screen .numbers,
.game-numerals #content #game .screen .operators {
  display: inline-block;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.5);
  width: auto;
  margin: 0 auto;
  padding: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
}
.game-numerals #content #game .screen .numbers a,
.game-numerals #content #game .screen .operators a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  float: left;
  margin: 5px;
}
.game-numerals #content #game .screen .numbers a:active,
.game-numerals #content #game .screen .operators a:active {
  background-color: #ccc;
}
.game-numerals #content #game .screen .numbers a.answered,
.game-numerals #content #game .screen .operators a.answered {
  pointer-events: none;
}
.game-numerals #content #game .screen .numbers a.selected,
.game-numerals #content #game .screen .operators a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-numerals #content #game .screen .numbers a.correct,
.game-numerals #content #game .screen .operators a.correct,
.game-numerals #content #game .screen .numbers a.correct-answer,
.game-numerals #content #game .screen .operators a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-numerals #content #game .screen .numbers a.incorrect,
.game-numerals #content #game .screen .operators a.incorrect,
.game-numerals #content #game .screen .numbers a.incorrect-answer,
.game-numerals #content #game .screen .operators a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-numerals #content #game .screen .numbers a .maximizedText,
.game-numerals #content #game .screen .operators a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-numerals #content #game .screen .operators a {
  color: #37495e;
}
/* --- game 23, 28, 29, 75 styling --- */
/* --------- goed gespeld?, spreekwoorden, woordenschat, verbale analogies -------- */
.game-spelled-correctly .screen #question,
.game-proverbs .screen #question,
.game-vocabulary .screen #question,
.game-analogies .screen #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
}
.game-spelled-correctly .screen #question .mathLatex,
.game-proverbs .screen #question .mathLatex,
.game-vocabulary .screen #question .mathLatex,
.game-analogies .screen #question .mathLatex {
  min-height: 40px;
}
.game-spelled-correctly .screen .AnswerSetLong,
.game-proverbs .screen .AnswerSetLong,
.game-vocabulary .screen .AnswerSetLong,
.game-analogies .screen .AnswerSetLong {
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  position: relative;
  width: inherit;
  max-width: 800px;
  min-width: 500px;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement,
.game-proverbs .screen .AnswerSetLong .AnswerElement,
.game-vocabulary .screen .AnswerSetLong .AnswerElement,
.game-analogies .screen .AnswerSetLong .AnswerElement {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  padding: 0;
  display: block;
  width: auto;
  min-height: 22px;
  margin: 15px 10px;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement:active,
.game-proverbs .screen .AnswerSetLong .AnswerElement:active,
.game-vocabulary .screen .AnswerSetLong .AnswerElement:active,
.game-analogies .screen .AnswerSetLong .AnswerElement:active {
  background-color: #ccc;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement.answered,
.game-proverbs .screen .AnswerSetLong .AnswerElement.answered,
.game-vocabulary .screen .AnswerSetLong .AnswerElement.answered,
.game-analogies .screen .AnswerSetLong .AnswerElement.answered {
  pointer-events: none;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement.selected,
.game-proverbs .screen .AnswerSetLong .AnswerElement.selected,
.game-vocabulary .screen .AnswerSetLong .AnswerElement.selected,
.game-analogies .screen .AnswerSetLong .AnswerElement.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement.correct,
.game-proverbs .screen .AnswerSetLong .AnswerElement.correct,
.game-vocabulary .screen .AnswerSetLong .AnswerElement.correct,
.game-analogies .screen .AnswerSetLong .AnswerElement.correct,
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement.correct-answer,
.game-proverbs .screen .AnswerSetLong .AnswerElement.correct-answer,
.game-vocabulary .screen .AnswerSetLong .AnswerElement.correct-answer,
.game-analogies .screen .AnswerSetLong .AnswerElement.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement.incorrect,
.game-proverbs .screen .AnswerSetLong .AnswerElement.incorrect,
.game-vocabulary .screen .AnswerSetLong .AnswerElement.incorrect,
.game-analogies .screen .AnswerSetLong .AnswerElement.incorrect,
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement.incorrect-answer,
.game-proverbs .screen .AnswerSetLong .AnswerElement.incorrect-answer,
.game-vocabulary .screen .AnswerSetLong .AnswerElement.incorrect-answer,
.game-analogies .screen .AnswerSetLong .AnswerElement.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .maximizedText,
.game-proverbs .screen .AnswerSetLong .AnswerElement .maximizedText,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .maximizedText,
.game-analogies .screen .AnswerSetLong .AnswerElement .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button {
  padding: 12px 15px;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button:active,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button:active,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button:active,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button:active {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ccc;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button.answered,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button.answered,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button.answered,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button.selected,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button.selected,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button.selected,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button.correct,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button.correct,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button.correct,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button.correct,
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button.correct-answer,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button.correct-answer,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button.correct-answer,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
}
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-spelled-correctly .screen .AnswerSetLong .AnswerElement .answer_button.incorrect-answer,
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button.incorrect-answer,
.game-vocabulary .screen .AnswerSetLong .AnswerElement .answer_button.incorrect-answer,
.game-analogies .screen .AnswerSetLong .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
}
/* --- game 23 styling --- */
/* --------- goed gespeld? -------- */
.game-spelled-correctly #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-spelled-correctly #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-spelled-correctly #content {
  background-image: url('/img/games/backgrounds/fishes/bolfish.jpg?rev=1778068871');
}
.game-spelled-correctly #preload,
.game-spelled-correctly .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/bolfish-preload.jpg?rev=1778068871');
}
.game-spelled-correctly #game {
  padding-right: 120px;
  text-align: center;
}
.game-spelled-correctly #game .screen .multiple-choice-game #question {
  width: 500px;
}
.game-spelled-correctly #game .screen .multiple-choice-game .AnswerSetLong {
  min-width: 600px;
  max-width: 800px;
}
.game-spelled-correctly #game .screen .multiple-choice-game .AnswerSetLong .AnswerElement {
  float: left;
  width: 30.3%;
  margin: 1.5%;
}
/* --- game 28 styling --- */
/* --------- spreekwoorden -------- */
.game-proverbs #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-proverbs #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-proverbs #content {
  background-image: url('/img/games/backgrounds/fishes/herring.jpg?rev=1778068871');
}
.game-proverbs #preload,
.game-proverbs .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/herring-preload.jpg?rev=1778068871');
}
.game-proverbs .screen #question {
  font-size: 20px;
}
.game-proverbs .screen .AnswerSetLong .AnswerElement .answer_button .text {
  font-size: 20px;
}
/* --- game 29 styling --- */
/* --------- woordenschat -------- */
.game-vocabulary #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-vocabulary #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-vocabulary #content {
  background-image: url('/img/games/backgrounds/fishes/jellyfish.jpg?rev=1778068871');
}
.game-vocabulary #preload,
.game-vocabulary .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/jellyfish-preload.jpg?rev=1778068871');
}
.game-vocabulary .screen {
  padding: 0 160px;
}
.game-vocabulary .screen .AnswerSetLong {
  max-width: 700px;
  min-width: 400px;
}
/* --- game 75 styling --- */
/* --------- verbale analogies -------- */
.game-analogies #game {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.game-analogies #content {
  background-image: url('/img/games/backgrounds/fishes/seadevil.jpg?rev=1778068871');
}
.game-analogies #preload,
.game-analogies .popup_mask {
  background-image: url('/img/games/backgrounds/fishes/seadevil-preload.jpg?rev=1778068871');
}
.game-analogies .screen #question,
.game-analogies .screen #feedback {
  min-width: 500px;
  font-size: 20px;
  margin: 0px;
  padding: 10px;
  line-height: 30px;
}
.game-analogies .screen #question table,
.game-analogies .screen #feedback table {
  width: 100%;
  table-layout: fixed;
}
.game-analogies .screen #question table th:nth-child(1),
.game-analogies .screen #feedback table th:nth-child(1),
.game-analogies .screen #question table td:nth-child(1),
.game-analogies .screen #feedback table td:nth-child(1) {
  text-align: right;
}
.game-analogies .screen #question table th:nth-child(2),
.game-analogies .screen #feedback table th:nth-child(2),
.game-analogies .screen #question table td:nth-child(2),
.game-analogies .screen #feedback table td:nth-child(2) {
  text-align: center;
  width: 40px;
}
.game-analogies .screen #question table th:nth-child(3),
.game-analogies .screen #feedback table th:nth-child(3),
.game-analogies .screen #question table td:nth-child(3),
.game-analogies .screen #feedback table td:nth-child(3) {
  text-align: left;
}
.game-analogies .screen #feedback {
  width: 100%;
  padding: 0;
}
.game-analogies .screen #question {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 500px;
}
.game-analogies .screen .AnswerSetLong .AnswerElement .text {
  font-size: 20px;
}
/* --- game 49 styling --- */
/* --------- verhaaltjes -------- */
.game-stories #preload,
.game-stories .popup_mask {
  background-image: url('/img/games/backgrounds/plants/hydrangea-preload.jpg?rev=1778068871');
}
.game-stories #content {
  background-image: url('/img/games/backgrounds/plants/hydrangea.jpg?rev=1778068871');
  opacity: 0.99;
}
.game-stories #content #game .screen {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.game-stories #content #game:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.25em;
  vertical-align: middle;
}
.game-stories #content #game .screen .game.open-answer-game {
  max-width: 600px;
}
.game-stories #content #game .screen .game.open-answer-game #question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  display: block;
  min-width: 260px;
  text-align: left;
  font-size: 17.1px;
  line-height: 21px;
}
.game-stories #content #game .screen .game.open-answer-game #question .mathLatex {
  min-height: 40px;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area {
  position: relative;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 10px auto;
  padding: 10px;
  display: block;
  max-width: 300px;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area:before,
.game-stories #content #game .screen .game.open-answer-game .answer-area:after {
  content: " ";
  display: table;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area:after {
  clear: both;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #009dd3;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  display: inline-block;
  min-height: 39px;
  min-width: 2.5em;
  padding: 5px;
  display: block;
  background-color: #009dd3;
  color: #fff;
  overflow: hidden;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input.cursor {
  background-color: #009dd3;
  color: #fff;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input:focus {
  outline: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input.correct {
  background-color: #2ecd71;
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect {
  background-color: #e84c3d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input.incorrect.time-expired {
  background-color: #009dd3;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input #input-field,
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know,
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  display: inline-block;
  margin-top: 5px;
  padding-top: 2px;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .answer-dont-know {
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .time-expired {
  font-family: entypo;
  background-color: #009dd3;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .back {
  position: absolute;
  right: 5px;
  display: inline-block;
  margin-top: 2px;
  padding: 5px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:hover,
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  outline: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .numpad-input .back.disabled {
  display: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #ccc;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.answered {
  pointer-events: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.correct,
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect,
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button:hover,
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button:active {
  background-color: #00516d;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .ok-button.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-stories #content #game .screen .game.open-answer-game .answer-area .answer-correct {
  display: inline-block;
  min-width: 60px;
  padding: 10px;
  background-color: #666;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5em;
  line-height: 0.75em;
  color: #2ecd71;
  float: right;
  margin-left: 10px;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad {
  display: inline-block;
  width: 300px;
  margin: 10px auto;
  background-color: #999;
  /* IE 8 fallback */
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  font-size: 1.25em;
  display: block;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li {
  display: inline-block;
  width: 28%;
  margin: 5px;
  list-style: none;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li.numpad-button--hidden {
  visibility: hidden;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-bottom: 3px;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #ccc;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a.answered {
  pointer-events: none;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct,
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect,
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-stories #content #game .screen .game.open-answer-game .numpad-set .numpad li a:active {
  background-color: #009dd3;
  -webkit-box-shadow: 0px 3px #0077a0;
  -moz-box-shadow: 0px 3px #0077a0;
  box-shadow: 0px 3px #0077a0;
  color: #fff;
}
/* --- game 51, 68 styling --- */
/* --------- WordoAudio, Rhymy -------- */
.game-wordo-audio #content #game .screen #question,
.game-rhymy #content #game .screen #question,
.game-wordo-audio #content #game .screen .question,
.game-rhymy #content #game .screen .question {
  position: relative;
  display: inline-block;
  min-width: 400px;
  min-height: 50px;
  margin: 0 0 20px 0;
  padding: 20px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.25);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 30px;
  font-size: 30px;
  color: #37495e;
  width: 500px;
}
.game-wordo-audio #content #game .screen #question .mathLatex,
.game-rhymy #content #game .screen #question .mathLatex,
.game-wordo-audio #content #game .screen .question .mathLatex,
.game-rhymy #content #game .screen .question .mathLatex {
  min-height: 40px;
}
.game-wordo-audio #content #game .screen .question-text,
.game-rhymy #content #game .screen .question-text {
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 10px;
  display: block;
}
.game-wordo-audio #content #game .screen .player-node,
.game-rhymy #content #game .screen .player-node {
  display: block;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong {
  display: inline-block;
  width: 500px;
  height: auto;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.35);
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement {
  display: inline-block;
  width: 47%;
  margin: 1.5%;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  padding: 10px;
  display: block;
  padding: 15px 20px;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button:active {
  background-color: #ccc;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.answered {
  pointer-events: none;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct,
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect,
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .answer_button .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-wordo-audio #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .text,
.game-rhymy #content #game .screen #answerOptionSet .AnswerSetLong .AnswerElement .text {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 3px;
  font-size: 20px;
}
.game-wordo-audio .playerContainer,
.game-rhymy .playerContainer {
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #009dd3;
  border: none;
  display: inline-block;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  min-height: 40px;
  padding: 10px 25px;
  line-height: 1.5em;
  color: #fff;
}
.game-wordo-audio .playerContainer:active,
.game-rhymy .playerContainer:active {
  background-color: #00516d;
}
.game-wordo-audio .playerContainer.selected,
.game-rhymy .playerContainer.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-wordo-audio .playerContainer:hover,
.game-rhymy .playerContainer:hover,
.game-wordo-audio .playerContainer:focus,
.game-rhymy .playerContainer:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-wordo-audio .playerContainer:before,
.game-rhymy .playerContainer:before {
  content: '▶';
  font-family: entypo;
  font-size: 1.5em;
  vertical-align: middle;
}
.game-wordo-audio .playerContainer:after,
.game-rhymy .playerContainer:after {
  content: '🔊';
  display: inline-block;
  margin-left: 15px;
  font-family: entypo;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.game-wordo-audio .instructionsRead,
.game-rhymy .instructionsRead {
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  background-color: #fff;
  border: none;
  font-family: Signika, "Open Sans", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: #009dd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  min-width: 2.5em;
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  padding: 10px;
  margin-top: 20px;
  font-size: 30px;
  color: #fff;
}
.game-wordo-audio .instructionsRead:active,
.game-rhymy .instructionsRead:active {
  background-color: #ccc;
}
.game-wordo-audio .instructionsRead.answered,
.game-rhymy .instructionsRead.answered {
  pointer-events: none;
}
.game-wordo-audio .instructionsRead.selected,
.game-rhymy .instructionsRead.selected {
  background-color: #009dd3;
  -webkit-box-shadow: 0 3px #0077a0;
  -moz-box-shadow: 0 3px #0077a0;
  box-shadow: 0 3px #0077a0;
  color: #fff;
}
.game-wordo-audio .instructionsRead.correct,
.game-rhymy .instructionsRead.correct,
.game-wordo-audio .instructionsRead.correct-answer,
.game-rhymy .instructionsRead.correct-answer {
  background-color: #2ecd71;
  -webkit-box-shadow: 0 3px #27ae60;
  -moz-box-shadow: 0 3px #27ae60;
  box-shadow: 0 3px #27ae60;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-wordo-audio .instructionsRead.incorrect,
.game-rhymy .instructionsRead.incorrect,
.game-wordo-audio .instructionsRead.incorrect-answer,
.game-rhymy .instructionsRead.incorrect-answer {
  background-color: #e84c3d;
  -webkit-box-shadow: 0 3px #c0392b;
  -moz-box-shadow: 0 3px #c0392b;
  box-shadow: 0 3px #c0392b;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  pointer-events: none;
}
.game-wordo-audio .instructionsRead .maximizedText,
.game-rhymy .instructionsRead .maximizedText {
  min-height: 40px;
  padding-top: 5px;
}
.game-wordo-audio .instructionsRead:hover,
.game-rhymy .instructionsRead:hover,
.game-wordo-audio .instructionsRead:focus,
.game-rhymy .instructionsRead:focus {
  background-color: #0077a0;
  -webkit-box-shadow: 0 3px #00516d;
  -moz-box-shadow: 0 3px #00516d;
  box-shadow: 0 3px #00516d;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.game-wordo-audio .instructionsRead:active,
.game-rhymy .instructionsRead:active {
  background-color: #00516d;
}
.game-wordo-audio .instructionsRead.disabled,
.game-rhymy .instructionsRead.disabled {
  background-color: #fff;
  -webkit-box-shadow: 0 3px #ddd;
  -moz-box-shadow: 0 3px #ddd;
  box-shadow: 0 3px #ddd;
  color: #ccc;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.game-wordo-audio #content {
  background-image: url('/img/games/backgrounds/birds/hummingbird.jpg?rev=1778068871');
}
.game-wordo-audio #preload,
.game-wordo-audio .popup_mask {
  background-image: url('/img/games/backgrounds/birds/hummingbird-preload.jpg?rev=1778068871');
}
.game-rhymy #content {
  background-image: url('/img/games/backgrounds/birds/parrot.jpg?rev=1778068871');
}
.game-rhymy #preload,
.game-rhymy .popup_mask {
  background-image: url('/img/games/backgrounds/birds/parrot-preload.jpg?rev=1778068871');
}
.game-rhymy #game .screen #feedbackMediaPlayer {
  margin-top: -80px;
}
.game-rhymy #game .screen #feedbackMediaPlayer .question-text {
  display: none;
}
.game-rhymy #game .screen #feedback {
  height: 125px;
  position: static;
  margin-top: 10px;
}
.game-rhymy #game .screen #question {
  height: 145px;
}
.game-rhymy #game .screen #question .audio-player-button {
  padding-bottom: 10px;
}
.game-rhymy #game .screen #question .audio-player-button.answered .playerContainer.clickable {
  -webkit-box-shadow: 0 3px #c3c8ce;
  -moz-box-shadow: 0 3px #c3c8ce;
  box-shadow: 0 3px #c3c8ce;
  background-color: #d7dbdf;
  pointer-events: none;
}
/* School class trophies */
.schoolClassLabel {
  bottom: 460px;
  right: 170px;
  width: 250px;
  height: 186px;
}
.schoolClassLabel .sign {
  left: 63px;
  top: 113px;
  height: 70px;
}
.schoolClassLabel #className {
  top: 125px;
  left: 73px;
  width: 250px;
  height: 60px;
}
#groupTrophy {
  position: absolute;
  width: 1000px;
  height: 550px;
  background-image: url('../img/grouptrophy_elements/bg.jpg?rev=1778068871');
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.groupTrophyElement {
  position: absolute;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.groupTrophyElement.bought {
  display: block !important;
  -webkit-animation: appear 1s 1;
  -moz-animation: appear 1s 1;
  animation: appear 1s 1;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.groupTrophyElement.upcoming {
  display: block !important;
  -webkit-animation: appear 1s 1;
  -moz-animation: appear 1s 1;
  animation: appear 1s 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#groupTrophyElement1 {
  background: url('../img/grouptrophy_elements/1.png?rev=1778068871') no-repeat;
  width: 568px;
  height: 599px;
  z-index: 0;
  left: 120px;
  top: -30px;
}
#groupTrophyElement2 {
  background: url('../img/grouptrophy_elements/2.png?rev=1778068871') no-repeat;
  width: 116px;
  height: 191px;
  z-index: 1;
  left: 523px;
  top: 344px;
}
#groupTrophyElement3 {
  background: url('../img/grouptrophy_elements/3.png?rev=1778068871') no-repeat;
  width: 161px;
  height: 123px;
  z-index: 1;
  left: 418px;
  top: 230px;
}
#groupTrophyElement4 {
  background: url('../img/grouptrophy_elements/4.png?rev=1778068871') no-repeat;
  width: 112px;
  height: 50px;
  z-index: 2;
  left: 342px;
  top: 308px;
}
#groupTrophyElement5 {
  background: url('../img/grouptrophy_elements/5.png?rev=1778068871') no-repeat;
  width: 207px;
  height: 200px;
  z-index: 1;
  left: 184px;
  top: 148px;
}
#groupTrophyElement6 {
  background: url('../img/grouptrophy_elements/6.png?rev=1778068871') no-repeat;
  width: 51px;
  height: 166px;
  z-index: 1;
  left: 378px;
  top: 166px;
}
#groupTrophyElement7 {
  background: url('../img/grouptrophy_elements/7.png?rev=1778068871') no-repeat;
  width: 219px;
  height: 135px;
  z-index: 1;
  left: 426px;
  top: 96px;
}
#groupTrophyElement8 {
  background: url('../img/grouptrophy_elements/8.png?rev=1778068871') no-repeat;
  width: 123px;
  height: 123px;
  z-index: 1;
  left: 314px;
  top: 148px;
}
#groupTrophyElement9 {
  background: url('../img/grouptrophy_elements/9.png?rev=1778068871') no-repeat;
  width: 280px;
  height: 145px;
  z-index: 2;
  left: 57px;
  top: 37px;
}
#groupTrophyElement10 {
  background: url('../img/grouptrophy_elements/10.png?rev=1778068871') no-repeat;
  width: 94px;
  height: 119px;
  z-index: 2;
  left: 306px;
  top: 42px;
}
#groupTrophyElement11 {
  background: url('../img/grouptrophy_elements/11.png?rev=1778068871') no-repeat;
  width: 101px;
  height: 149px;
  z-index: 2;
  left: 403px;
  top: 4px;
}
/*
  .grouptrophy-sublevel(): generate rules like:
  
	  #groupTrophyElement1.bought-1 {
		background-position: -216px;
	  }
	  #groupTrophyElement1.bought-2 {
		background-position: -432px;
	  }
	  #groupTrophyElement1.bought-3 {
		background-position: -648px;
	  }
  
  */
#groupTrophyElement1.bought-1 {
  background-position: calc(-2840px / 5 * 1);
}
#groupTrophyElement1.bought-2 {
  background-position: calc(-2840px / 5 * 2);
}
#groupTrophyElement1.bought-3 {
  background-position: calc(-2840px / 5 * 3);
}
#groupTrophyElement1.bought-4 {
  background-position: calc(-2840px / 5 * 4);
}
#groupTrophyElement1.bought-5 {
  background-position: calc(-2840px / 5 * 5);
}
#groupTrophyElement2.bought-1 {
  background-position: calc(-232px / 2 * 1);
}
#groupTrophyElement2.bought-2 {
  background-position: calc(-232px / 2 * 2);
}
#groupTrophyElement3.bought-1 {
  background-position: calc(-483px / 3 * 1);
}
#groupTrophyElement3.bought-2 {
  background-position: calc(-483px / 3 * 2);
}
#groupTrophyElement3.bought-3 {
  background-position: calc(-483px / 3 * 3);
}
#groupTrophyElement4.bought-1 {
  background-position: calc(-224px / 2 * 1);
}
#groupTrophyElement4.bought-2 {
  background-position: calc(-224px / 2 * 2);
}
#groupTrophyElement5.bought-1 {
  background-position: calc(-828px / 4 * 1);
}
#groupTrophyElement5.bought-2 {
  background-position: calc(-828px / 4 * 2);
}
#groupTrophyElement5.bought-3 {
  background-position: calc(-828px / 4 * 3);
}
#groupTrophyElement5.bought-4 {
  background-position: calc(-828px / 4 * 4);
}
#groupTrophyElement6.bought-1 {
  background-position: calc(-102px / 2 * 1);
}
#groupTrophyElement6.bought-2 {
  background-position: calc(-102px / 2 * 2);
}
#groupTrophyElement7.bought-1 {
  background-position: calc(-876px / 4 * 1);
}
#groupTrophyElement7.bought-2 {
  background-position: calc(-876px / 4 * 2);
}
#groupTrophyElement7.bought-3 {
  background-position: calc(-876px / 4 * 3);
}
#groupTrophyElement7.bought-4 {
  background-position: calc(-876px / 4 * 4);
}
#groupTrophyElement8.bought-1 {
  background-position: calc(-246px / 2 * 1);
}
#groupTrophyElement8.bought-2 {
  background-position: calc(-246px / 2 * 2);
}
#groupTrophyElement9.bought-1 {
  background-position: calc(-1120px / 4 * 1);
}
#groupTrophyElement9.bought-2 {
  background-position: calc(-1120px / 4 * 2);
}
#groupTrophyElement9.bought-3 {
  background-position: calc(-1120px / 4 * 3);
}
#groupTrophyElement9.bought-4 {
  background-position: calc(-1120px / 4 * 4);
}
#groupTrophyElement10.bought-1 {
  background-position: calc(-282px / 3 * 1);
}
#groupTrophyElement10.bought-2 {
  background-position: calc(-282px / 3 * 2);
}
#groupTrophyElement10.bought-3 {
  background-position: calc(-282px / 3 * 3);
}
#groupTrophyElement11.bought-1 {
  background-position: calc(-303px / 3 * 1);
}
#groupTrophyElement11.bought-2 {
  background-position: calc(-303px / 3 * 2);
}
#groupTrophyElement11.bought-3 {
  background-position: calc(-303px / 3 * 3);
}
.progress {
  position: absolute;
  display: block;
  left: 15px;
  top: 453px;
  width: 58px;
  height: 97px;
  background: url('../img/grouptrophy_elements/flower-sprite.png?rev=1778068871') no-repeat;
}
.progress-1 {
  background-position: -57px, 0;
}
.progress-2 {
  background-position: -114px, 0;
}
.progress-3 {
  background-position: -171px, 0;
}
.progress-4 {
  background-position: -228px, 0;
}
.progress-5 {
  background-position: -285px, 0;
}
.progress-6 {
  background-position: -342px, 0;
}
.progress-7 {
  background-position: -399px, 0;
}
.progress-8 {
  background-position: -456px, 0;
}
.progress-9 {
  background-position: -513px, 0;
}
.progress-10 {
  background-position: -570px, 0;
}
.progress-color-1 {
  background-image: url("../img/grouptrophy_elements/flower-sprite1.png?rev=1778068871");
  background-repeat: no-repeat;
}
.progress-color-2 {
  background-image: url("../img/grouptrophy_elements/flower-sprite2.png?rev=1778068871");
  background-repeat: no-repeat;
}
.progress-color-3 {
  background-image: url("../img/grouptrophy_elements/flower-sprite3.png?rev=1778068871");
  background-repeat: no-repeat;
}
.progress-color-4 {
  background-image: url("../img/grouptrophy_elements/flower-sprite4.png?rev=1778068871");
  background-repeat: no-repeat;
}
.progress-color-5 {
  background-image: url("../img/grouptrophy_elements/flower-sprite5.png?rev=1778068871");
  background-repeat: no-repeat;
}
.progress-color-6 {
  background-image: url("../img/grouptrophy_elements/flower-sprite6.png?rev=1778068871");
  background-repeat: no-repeat;
}
#trophies1 .grouptrophy-button {
  position: absolute;
  bottom: 0px;
  left: 30px;
  display: block;
  width: 119px;
  height: 107px;
  background: url('../img/grouptrophy_elements/button1_sprite.png?rev=1778068871') no-repeat;
  z-index: 1;
}
#trophies1 .grouptrophy-button:hover {
  background-position: 0 -107px;
}
#schoolClassTrophies .grouptrophy-button {
  position: absolute;
  bottom: 10px;
  left: 45px;
  display: block;
  width: 109px;
  height: 116px;
  background: url('../img/grouptrophy_elements/sign.png?rev=1778068871') no-repeat;
  -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
  /* Safari */
  transition: width 1s, height 1s, transform 1s;
}
#schoolClassTrophies .grouptrophy-button:hover {
  -webkit-transform: rotate(5deg);
  /* Safari */
  transform: rotate(5deg);
  transform-origin: bottom center;
}
@-webkit-keyframes appear {
  0% {
    -webkit-transform: scale(0);
    -webkit-opacity: 0.25;
  }
  80% {
    -webkit-transform: scale(1.1);
    -webkit-opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -webkit-opacity: 1;
  }
}
@-moz-keyframes appear {
  0% {
    -moz-transform: scale(0);
    -moz-opacity: 0.25;
  }
  80% {
    -moz-transform: scale(1.1);
    -moz-opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    -moz-opacity: 1;
  }
}
@-ms-keyframes appear {
  0% {
    -ms-transform: scale(0);
    -ms-opacity: 0.25;
  }
  80% {
    -ms-transform: scale(1.1);
    -ms-opacity: 1;
  }
  100% {
    -ms-transform: scale(1);
    -ms-opacity: 1;
  }
}
@keyframes appear {
  0% {
    transform: scale(0);
    opacity: 0.25;
  }
  80% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/garden1_day.jpg?rev=1778068871');
}
.t-saintnicholas .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_saintnicholas.jpg?rev=1778068871');
}
.t-christmas .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_christmas.jpg?rev=1778068871');
}
.t-winter .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_winter.jpg?rev=1778068871');
}
.t-winterpenguins .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_winter.jpg?rev=1778068871');
}
.t-gnomes .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_gnomes.jpg?rev=1778068871');
}
.t-autumn .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_autumn.jpg?rev=1778068871');
}
.t-valentine .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_valentine.jpg?rev=1778068871');
}
.t-lanterns .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_lanterns.jpg?rev=1778068871');
}
.t-farm .c-stage--background-image-1-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_farm.jpg?rev=1778068871');
}
.c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/garden2_day.jpg?rev=1778068871');
}
.t-saintnicholas .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_saintnicholas.jpg?rev=1778068871');
}
.t-christmas .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_christmas.jpg?rev=1778068871');
}
.t-winter .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_winter.jpg?rev=1778068871');
}
.t-winterpenguins .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_winterpenguins.jpg?rev=1778068871');
}
.t-gnomes .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_gnomes.jpg?rev=1778068871');
}
.t-autumn .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_autumn.jpg?rev=1778068871');
}
.t-valentine .c-stage--background-image-2-day {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_valentine.jpg?rev=1778068871');
}
.c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/garden1_night.jpg?rev=1778068871');
}
.t-saintnicholas .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_saintnicholas.jpg?rev=1778068871');
}
.t-christmas .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_christmas.jpg?rev=1778068871');
}
.t-winter .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_winter.jpg?rev=1778068871');
}
.t-winterpenguins .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_winterpenguins.jpg?rev=1778068871');
}
.t-gnomes .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_gnomes.jpg?rev=1778068871');
}
.t-autumn .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_autumn.jpg?rev=1778068871');
}
.t-valentine .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_valentine.jpg?rev=1778068871');
}
.t-lanterns .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_lanterns.jpg?rev=1778068871');
}
.t-farm .c-stage--background-image-1-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden1_farm.jpg?rev=1778068871');
}
.c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/garden2_night.jpg?rev=1778068871');
}
.t-saintnicholas .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_saintnicholas.jpg?rev=1778068871');
}
.t-christmas .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_christmas.jpg?rev=1778068871');
}
.t-winter .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_winter.jpg?rev=1778068871');
}
.t-winterpenguins .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_winterpenguins.jpg?rev=1778068871');
}
.t-gnomes .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_gnomes.jpg?rev=1778068871');
}
.t-autumn .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_autumn.jpg?rev=1778068871');
}
.t-valentine .c-stage--background-image-2-night {
  background-image: url('../../../../../img/skins/world/themed_events/garden2_valentine.jpg?rev=1778068871');
}
.clip-frog {
  clip: rect(450px, 709px, 550px, 433px) !important;
}
.clip-staff {
  clip: rect(190px, 1000px, 450px, 800px) !important;
}