/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 01.04.2014, 12:50:09
    Author     : carsten
*/
* {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[contenteditable="true"],
input,
textarea {
  -moz-user-select: initial;
  -webkit-user-select: auto;
  -ms-user-select: initial;
  user-select: initial;
}
.ui-corner-all {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.ui-mobile {
  background: black;
}
.ui-mobile .ui-mobile-viewport {
  background: black;
}
.ui-footer,
.ui-header {
  border: none;
}
.ui-header {
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  border-bottom: 1px solid black;
}
.ui-btn.ui-mini {
  font-size: 0.8em;
}
.ui-footer.ui-footer-fixed {
  background: -webkit-linear-gradient(top, #ffffff 0%, #222222 8%, #111111 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #222222 8%, #111111 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #222222 8%, #111111 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #222222 8%, #111111 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #222222 8%, #111111 100%);
  background-repeat: no-repeat;
}
.ui-footer.ui-footer-fixed .ui-btn {
  font-weight: normal;
  border-radius: 1em;
  float: left;
  margin-left: 0.5em;
  text-shadow: none;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-a {
  background: -webkit-linear-gradient(top, #ffffff 0%, #222222 15%, #666666 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #222222 15%, #666666 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #222222 15%, #666666 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #222222 15%, #666666 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #222222 15%, #666666 100%);
  background-repeat: no-repeat;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0px -2px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid black;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-a:active {
  background: -webkit-linear-gradient(top, #ffffff 0%, #444444 15%, #888888 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #444444 15%, #888888 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #444444 15%, #888888 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #444444 15%, #888888 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #444444 15%, #888888 100%);
  background-repeat: no-repeat;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-c {
  background: -webkit-linear-gradient(top, #dddddd 0%, #006600 15%, #22aa22 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #006600 15%, #22aa22 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #006600 15%, #22aa22 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #006600 15%, #22aa22 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #006600 15%, #22aa22 100%);
  background-repeat: no-repeat;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0px -2px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #060;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-c:active {
  background: -webkit-linear-gradient(top, #ffffff 0%, #55aa55 15%, #66ff66 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #55aa55 15%, #66ff66 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #55aa55 15%, #66ff66 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #55aa55 15%, #66ff66 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #55aa55 15%, #66ff66 100%);
  background-repeat: no-repeat;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-d {
  background: -webkit-linear-gradient(top, #dddddd 0%, #666600 15%, #cccc22 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #666600 15%, #cccc22 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #666600 15%, #cccc22 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #666600 15%, #cccc22 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #666600 15%, #cccc22 100%);
  background-repeat: no-repeat;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0px -2px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #060;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-d:active {
  background: -webkit-linear-gradient(top, #ffffff 0%, #aaaa55 15%, #ffff66 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #aaaa55 15%, #ffff66 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #aaaa55 15%, #ffff66 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #aaaa55 15%, #ffff66 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #aaaa55 15%, #ffff66 100%);
  background-repeat: no-repeat;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-e {
  background: -webkit-linear-gradient(top, #dddddd 0%, #880000 15%, #dd2222 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #880000 15%, #dd2222 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #880000 15%, #dd2222 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #880000 15%, #dd2222 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #880000 15%, #dd2222 100%);
  background-repeat: no-repeat;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0px -2px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #600;
}
.ui-footer.ui-footer-fixed .ui-btn.ui-btn-e:active {
  background: -webkit-linear-gradient(top, #ffffff 0%, #dd5555 15%, #ff5555 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #dd5555 15%, #ff5555 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dd5555 15%, #ff5555 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dd5555 15%, #ff5555 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dd5555 15%, #ff5555 100%);
  background-repeat: no-repeat;
}
.ui-footer.ui-footer-fixed .ui-btn.active,
.ui-footer.ui-footer-fixed .ui-btn.active:hover {
  background: -webkit-linear-gradient(top, #dddddd 0%, #660000 15%, #aa2222 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #660000 15%, #aa2222 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #660000 15%, #aa2222 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #660000 15%, #aa2222 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #660000 15%, #aa2222 100%);
  background-repeat: no-repeat;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), inset 0px -2px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #600;
}
.ui-footer.ui-footer-fixed .ui-btn.active:active,
.ui-footer.ui-footer-fixed .ui-btn.active:hover:active {
  background: -webkit-linear-gradient(top, #ffffff 0%, #aa5555 15%, #ff6666 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #aa5555 15%, #ff6666 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #aa5555 15%, #ff6666 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #aa5555 15%, #ff6666 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #aa5555 15%, #ff6666 100%);
  background-repeat: no-repeat;
}
.ui-footer.ui-footer-fixed .ui-btn-float-right {
  float: right;
  margin-right: 0.5em;
}
body.ui-mobile-viewport {
  overflow: hidden;
  width: 100%;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-mobile div.ui-page {
  min-width: 0;
  min-height: 0;
  background-size: 100% 100%;
  bottom: 0;
  overflow: hidden;
  position: relative;
  height: 100% !important;
  box-sizing: border-box;
  background-image: url("../gfx/backgrounds/background.png");
}
.ui-mobile div.ui-page div.ui-content {
  padding: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  text-shadow: none;
  position: relative;
  overflow: hidden;
  display: none;
}
/* general stuff */
.ui-header h1.ui-title {
  margin: 0 auto;
  padding: 5px;
  font-size: 150%;
  font-weight: 300;
  color: white;
}
.ui-content,
.clear {
  clear: both;
}
.left-col,
.right-col {
  text-align: left;
  padding: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 48%;
  margin: 0 1%;
  float: left;
}
.left-col p,
.right-col p {
  text-align: justify;
}
.left-col .col-content,
.right-col .col-content {
  margin: 0 auto;
  max-width: 500px;
  padding: 1em;
}
.left-col.scroll-wrapper .col-content,
.right-col.scroll-wrapper .col-content {
  position: relative;
  border-radius: 1em;
}
.left-col .single-col,
.right-col .single-col {
  display: none;
}
.left-col h1,
.right-col h1 {
  margin: 0;
}
.left-col h4,
.right-col h4 {
  margin: 0;
}
.ui-mobile .ui-page.help-page {
  background-image: url("../gfx/backgrounds/help.jpg");
  color: #000000;
  text-shadow: none;
}
.ui-mobile .ui-page.help-page .intro-logo {
  display: block;
  max-width: 128px;
}
.ui-mobile .ui-page.help-page .left-col {
  width: 20%;
}
.ui-mobile .ui-page.help-page .left-col .intro-logo {
  width: 80%;
  margin: 0 auto;
}
.ui-mobile .ui-page.help-page .right-col {
  float: none;
  margin-left: 21%;
  max-width: 800px;
  width: auto;
}
.ui-mobile .ui-page.help-page .right-col .intro-logo {
  margin-right: 1em;
  float: left;
  width: auto;
}
.ui-mobile .ui-page.help-page .right-col .col-content {
  max-width: 700px;
}
.ui-mobile .ui-page.help-page .single-col {
  display: none;
}
@media only screen and (max-width: 600px) {
  .ui-mobile .ui-page.help-page .two-col {
    display: none;
  }
  .ui-mobile .ui-page.help-page .left-col,
  .ui-mobile .ui-page.help-page .right-col {
    width: auto;
    margin: 0 auto;
    float: none;
  }
  .ui-mobile .ui-page.help-page .left-col .single-col,
  .ui-mobile .ui-page.help-page .right-col .single-col {
    display: inherit;
  }
}
@media (max-width: 359px) {
  .ui-mobile .ui-page.help-page {
    font-size: 14px;
  }
}
.ui-mobile .ui-page.highscore-page {
  background-image: url("../gfx/backgrounds/highscore.jpg");
  background-size: cover;
}
.ui-mobile .ui-page.highscore-page .modus-header {
  margin: 1em auto;
  text-align: center;
  font-size: 170%;
  text-shadow: 4px 4px 2px #000;
}
.ui-mobile .ui-page.highscore-page .score-text {
  padding: .5em;
  border-radius: 1em;
  text-shadow: 1px 1px 1px #000;
  background: rgba(0, 0, 0, 0.2);
  max-width: 450px;
  margin: 0 auto;
}
.ui-mobile .ui-page.highscore-page .two-col .score-text {
  position: absolute;
  bottom: 1em;
}
.ui-mobile .ui-page.highscore-page .scoreboard {
  padding: .5em;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-repeat: no-repeat;
  border-radius: .8em;
  font-weight: normal;
}
.ui-mobile .ui-page.highscore-page .scoreboard table {
  width: 100%;
  text-shadow: 1px 1px 1px #000;
}
.ui-mobile .ui-page.highscore-page .scoreboard table .info {
  font-size: 80%;
  font-style: italic;
}
.ui-mobile .ui-page.highscore-page .scoreboard table tr:nth-child(1),
.ui-mobile .ui-page.highscore-page .scoreboard table tr:nth-child(2) {
  color: gold;
}
.ui-mobile .ui-page.highscore-page .scoreboard table tr:nth-child(3),
.ui-mobile .ui-page.highscore-page .scoreboard table tr:nth-child(4) {
  color: silver;
}
.ui-mobile .ui-page.highscore-page .scoreboard table tr:nth-child(5),
.ui-mobile .ui-page.highscore-page .scoreboard table tr:nth-child(6) {
  color: #ffb25a;
}
.ui-mobile .ui-page.highscore-page .scoreboard table td:nth-of-type(4) {
  font-size: 140%;
}
@media only screen and (max-width: 700px) {
  .ui-mobile .ui-page.highscore-page .two-col {
    display: none;
  }
  .ui-mobile .ui-page.highscore-page .left-col,
  .ui-mobile .ui-page.highscore-page .right-col {
    width: auto;
    margin: 0 auto;
    float: none;
  }
  .ui-mobile .ui-page.highscore-page .left-col .single-col,
  .ui-mobile .ui-page.highscore-page .right-col .single-col {
    display: inherit;
  }
}
@media screen and (max-width: 500px) {
  .ui-mobile .ui-page.highscore-page .col-content {
    padding-left: 0;
    padding-right: 0;
  }
  .ui-mobile .ui-page.highscore-page .col-content .score-text {
    width: 90%;
  }
  .ui-mobile .ui-page.highscore-page .col-content .scoreboard {
    border-radius: 0;
  }
}
.settingspage table {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.settingspage .left-col .intro-logo {
  display: block;
  margin: 0 auto;
  max-height: 300px;
  max-width: 340px;
}
.settingspage .right-col .single-col {
  overflow: hidden;
}
.settingspage .right-col .intro-logo {
  float: left;
  max-width: 40%;
  margin-right: 5%;
}
.settingspage .right-col h1 {
  margin-top: 0.5em;
  clear: left;
}
.settingspage .intro-description {
  text-shadow: 1px 1px 1px black;
}
.settingspage .intro-description.col-content {
  padding: .5em;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
  border-radius: 1em;
}
.settingspage .settings-col {
  max-width: 500px;
}
.settingspage .settings-col .col-content {
  background: rgba(0, 0, 0, 0.2);
}
.settingspage .settings-col h1 {
  margin: 0;
  text-align: center;
  font-size: 170%;
  text-shadow: 4px 4px 2px #000;
}
.settingspage .settings-col .settings fieldset {
  padding-top: 1.5em;
}
.settingspage .settings-col .settings fieldset .ui-controlgroup-controls {
  background-color: #eeeeee;
}
.settingspage .settings-col .settings .ui-controlgroup-label {
  text-align: left;
  font-size: 110%;
  font-weight: normal;
  vertical-align: text-top;
  text-shadow: 1px 1px 2px black;
}
@media (min-width: 1000px) {
  .settingspage .settings-col .settings fieldset .ui-controlgroup-controls {
    width: 65%;
    float: right;
  }
  .settingspage .settings-col .settings .ui-controlgroup-label {
    width: 30%;
    margin-top: 0.63636364em;
    float: left;
  }
  .settingspage .settings-col .settings fieldset.selectBox .ui-controlgroup-controls {
    width: 35%;
  }
  .settingspage .settings-col .settings fieldset.selectBox .ui-controlgroup-label {
    width: 60%;
  }
}
.settingspage .settings-col .settings label {
  font-size: 100%;
  font-weight: normal;
  background-color: #eeeeee;
}
@media only screen and (max-width: 700px) {
  .settingspage .two-col {
    display: none;
  }
  .settingspage .left-col,
  .settingspage .right-col {
    width: auto;
    margin: 0 auto;
    float: none;
  }
  .settingspage .left-col .single-col,
  .settingspage .right-col .single-col {
    display: inherit;
  }
}
.labStatusLeft,
.labStatusRight {
  position: absolute;
  font-family: "ChalkboardSE-Bold", "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;
  top: 0.12em;
  font-size: 120%;
  font-weight: 300;
}
.labStatusLeft {
  left: 0.12em;
  text-align: left;
}
.labStatusRight {
  right: 0.12em;
  text-align: right;
}
.labStatusCenter,
#lab_Timer {
  margin-top: 1em;
  font-family: DBLCDTempBlack, "Lucida Console", "Courier New", monospace;
  font-size: 140%;
  display: block;
  text-align: center;
}
.but_Key {
  display: inline-block;
  font-family: ChalkboardSE-Bold, "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;
  background: #ddd;
  color: #000000;
  text-align: center;
  max-width: 4em;
  max-height: 3em;
  border-radius: 5px 5px 5px 5px;
  background: -webkit-linear-gradient(top, #dddddd 0%, #999999 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #999999 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #999999 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #999999 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #999999 100%);
  background-repeat: no-repeat;
  cursor: pointer;
  border: 1px solid #000000;
  box-sizing: border-box;
}
.but_Key.pressed {
  background: -webkit-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #bbbbbb 100%);
  background-repeat: no-repeat;
}
.cKeyRed,
.but_KeyBS,
.but_KeyCLEAR,
.but_KeyCANCEL {
  background: -webkit-linear-gradient(top, #dd0000 0%, #990000 100%);
  background: -moz-linear-gradient(top, #dd0000 0%, #990000 100%);
  background: -ms-linear-gradient(top, #dd0000 0%, #990000 100%);
  background: -o-linear-gradient(top, #dd0000 0%, #990000 100%);
  background: linear-gradient(to bottom, #dd0000 0%, #990000 100%);
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: 700;
  text-shadow: 1px 1px 2px #000000;
}
.cKeyRed.pressed,
.but_KeyBS.pressed,
.but_KeyCLEAR.pressed,
.but_KeyCANCEL.pressed {
  background: -webkit-linear-gradient(top, #ff0000 0%, #bb0000 100%);
  background: -moz-linear-gradient(top, #ff0000 0%, #bb0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #bb0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #bb0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #bb0000 100%);
  background-repeat: no-repeat;
}
.but_KeyBS .cKeyGreen,
.but_KeyOK,
.but_KeyEQUAL {
  max-width: 12em;
  background: -webkit-linear-gradient(top, #9ad945 0%, #7eb238 100%);
  background: -moz-linear-gradient(top, #9ad945 0%, #7eb238 100%);
  background: -ms-linear-gradient(top, #9ad945 0%, #7eb238 100%);
  background: -o-linear-gradient(top, #9ad945 0%, #7eb238 100%);
  background: linear-gradient(to bottom, #9ad945 0%, #7eb238 100%);
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: 700;
  text-shadow: 1px 1px 2px #000000;
}
.but_KeyBS .cKeyGreen.pressed,
.but_KeyOK.pressed,
.but_KeyEQUAL.pressed {
  background: -webkit-linear-gradient(top, #9ad945 0%, #aaff55 100%);
  background: -moz-linear-gradient(top, #9ad945 0%, #aaff55 100%);
  background: -ms-linear-gradient(top, #9ad945 0%, #aaff55 100%);
  background: -o-linear-gradient(top, #9ad945 0%, #aaff55 100%);
  background: linear-gradient(to bottom, #9ad945 0%, #aaff55 100%);
  background-repeat: no-repeat;
}
.but_KeyBlank {
  visibility: hidden;
}
.ui-popup-screen.in.ui-overlay-a {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.ui-popup-container {
  max-height: 90%;
  max-width: 95% !important;
}
.ui-popup-container.scrolling {
  position: fixed;
  display: block;
  height: 100%;
  max-height: 100%;
  top: 0 !important;
  bottom: 0 !important;
  overflow: hidden;
}
.ui-popup-container.scrolling.androidFix .ui-popup {
  -webkit-transition: none !important;
}
.ui-popup {
  border-color: #555;
}
.ui-popup.wrong,
.ui-popup.correct,
.errorPopup,
.infoPopup {
  min-width: 200px;
  border: none;
  overflow: hidden;
  text-shadow: none;
  background: none;
  /* fix for android 4.0 bug with z-index*/
  -webkit-transform: translate3d(0, 0, 1200);
  font-weight: normal;
  box-shadow: .5em .5em .5em #000;
}
.popup-title {
  border-radius: .3em .3em 0 0;
  padding: .15em .3em;
  background: #666;
  color: white;
  text-align: center;
  font-size: 180%;
  font-weight: normal;
  min-height: 1em;
  text-shadow: 1px 1px 2px #000;
}
.popup-content {
  font-weight: normal;
  font-size: 120%;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 10px;
  background: white;
}
.minimized .popup-content {
  display: none;
}
.minimized .popup-title {
  border-radius: 0 0 10px 0;
}
.ui-popup.wrong .popup-content,
.errorPopup .popup-content {
  background: -webkit-linear-gradient(top, #ff6666 0%, #aa0000 100%);
  background: -moz-linear-gradient(top, #ff6666 0%, #aa0000 100%);
  background: -ms-linear-gradient(top, #ff6666 0%, #aa0000 100%);
  background: -o-linear-gradient(top, #ff6666 0%, #aa0000 100%);
  background: linear-gradient(to bottom, #ff6666 0%, #aa0000 100%);
  background-repeat: no-repeat;
}
.ui-popup.correct .popup-content {
  background: #66FF66;
  background: -webkit-linear-gradient(top, #66ff66 0%, #00aa00 100%);
  background: -moz-linear-gradient(top, #66ff66 0%, #00aa00 100%);
  background: -ms-linear-gradient(top, #66ff66 0%, #00aa00 100%);
  background: -o-linear-gradient(top, #66ff66 0%, #00aa00 100%);
  background: linear-gradient(to bottom, #66ff66 0%, #00aa00 100%);
  background-repeat: no-repeat;
}
.popuphead {
  height: 40px;
  color: black;
  font-style: normal;
  font-weight: bold;
}
.infoPopup .floatInput {
  font-size: 16px;
  padding: 0 1em;
}
.infoPopup .floatInput .input {
  width: 7.6em;
  box-sizing: border-box;
  font-family: ChalkboardSE-Bold, "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background-color: #fff;
  color: black;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid black;
  max-width: 90%;
  margin: .5em auto;
  font-size: 150%;
  line-height: 1.5;
  height: 1.5em;
  text-align: right;
  padding: 0 0.25em;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.infoPopup .floatInput .keyboard {
  width: 7.6em;
  margin: 0 auto;
  text-align: left;
  font-size: 150%;
}
.infoPopup .floatInput .keyboard .keyboardRow {
  display: inline-block;
  vertical-align: top;
  height: 2em;
  line-height: 2em;
  max-width: 7.6em;
  margin-top: 0.1em;
  text-align: left;
}
.infoPopup .floatInput .keyboard .keyboardRow .but_Key {
  vertical-align: top;
  box-sizing: border-box;
  font-family: ChalkboardSE-Bold, Comic Sans MS, "Trebuchet MS", Verdana, sans-serif;
  background-color: #ffffff;
  height: 2.0em;
  margin-right: 0.1em;
  width: 1.8em;
}
.infoPopup .floatInput .keyboard .keyboardRow .but_Key.but_KeyBS,
.infoPopup .floatInput .keyboard .keyboardRow .but_Key.but_KeyOK {
  height: 4.1em;
  max-height: 4.1em;
}
.infoPopup .floatInput .keyboard .keyboardRow .but_Key.but_KeyOK {
  height: 4.1em;
  max-height: 4.1em;
  line-height: 4.1em;
}
div.templates {
  display: none;
}
#masterblocker {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 200, 0.75);
  background: -webkit-linear-gradient(top, rgba(100, 100, 200, 0.8) 0%, rgba(100, 100, 200, 0.8) 100%);
  background: -moz-linear-gradient(top, rgba(100, 100, 200, 0.8) 0%, rgba(100, 100, 200, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(100, 100, 200, 0.8) 0%, rgba(100, 100, 200, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(100, 100, 200, 0.8) 0%, rgba(100, 100, 200, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(100, 100, 200, 0.8) 0%, rgba(100, 100, 200, 0.8) 100%);
  background-repeat: no-repeat;
  z-index: 2000;
}
#masterblocker #masterblocker_hinweis {
  text-align: center;
  border-radius: 10px;
  width: 300px;
  max-width: 80%;
  background-color: white;
  background: -webkit-linear-gradient(top, #ffffff 0%, #aaaaaa 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #aaaaaa 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #aaaaaa 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #aaaaaa 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #aaaaaa 100%);
  background-repeat: no-repeat;
  margin: 150px auto auto;
  padding: 10px;
  color: #333;
  text-shadow: none;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
}
#masterblocker #masterblocker_hinweis h3 {
  text-align: center;
}
.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 100;
  width: 7px;
  bottom: 0;
  top: 0;
  right: 0;
  overflow: hidden;
}
.iScrollVerticalScrollbar.hidden {
  opacity: 0;
  transition: 1s;
}
.popupHolder .iScrollVerticalScrollbar {
  z-index: 1500;
}
.scrollShadow {
  pointer-events: none;
  height: 20px;
  position: absolute;
  width: 100%;
}
.scrollShadow-top {
  top: 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: no-repeat;
}
.scrollShadow-bottom {
  bottom: 0;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: no-repeat;
}
.wheelgroup {
  margin: 2em auto 0;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  height: 50%;
  background: -webkit-linear-gradient(top, #9f9fa6 0%, #484a55 50%, #272836 50%, #282a39 50%);
  background: -moz-linear-gradient(top, #9f9fa6 0%, #484a55 50%, #272836 50%, #282a39 50%);
  background: -ms-linear-gradient(top, #9f9fa6 0%, #484a55 50%, #272836 50%, #282a39 50%);
  background: -o-linear-gradient(top, #9f9fa6 0%, #484a55 50%, #272836 50%, #282a39 50%);
  background: linear-gradient(to bottom, #9f9fa6 0%, #484a55 50%, #272836 50%, #282a39 50%);
  background-repeat: no-repeat;
  padding: 5px 5px;
  display: block;
  border: 1px solid black;
}
.wheelgroup .wheel {
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #2c2c38 0%, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  background: -moz-linear-gradient(top, #2c2c38 0%, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  background: -ms-linear-gradient(top, #2c2c38 0%, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  background: -o-linear-gradient(top, #2c2c38 0%, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  background: linear-gradient(to bottom, #2c2c38 0%, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  background-repeat: no-repeat;
  padding: 0 5px;
  height: 100%;
  border: 0 solid black;
  border-left-width: 1px;
  border-right-width: 1px;
  position: relative;
  float: left;
  text-align: center;
}
.wheelgroup .wheel.left {
  text-align: left;
}
.wheelgroup .wheel.right {
  text-align: right;
}
.wheelgroup .wheel .screen {
  left: 0;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, rgba(255, 157, 0, 0.25) 0%, rgba(255, 117, 0, 0.25) 100%);
  background: -moz-linear-gradient(top, rgba(255, 157, 0, 0.25) 0%, rgba(255, 117, 0, 0.25) 100%);
  background: -ms-linear-gradient(top, rgba(255, 157, 0, 0.25) 0%, rgba(255, 117, 0, 0.25) 100%);
  background: -o-linear-gradient(top, rgba(255, 157, 0, 0.25) 0%, rgba(255, 117, 0, 0.25) 100%);
  background: linear-gradient(to bottom, rgba(255, 157, 0, 0.25) 0%, rgba(255, 117, 0, 0.25) 100%);
  background-repeat: no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #7B8699;
  border-bottom: 1px solid #7B8699;
}
.wheelgroup .wrapper {
  background: -webkit-linear-gradient(top, #333333 0%, #999999 10%, #ffffff 30%, #ffffff 70%, #999999 90%, #333333 100%);
  background: -moz-linear-gradient(top, #333333 0%, #999999 10%, #ffffff 30%, #ffffff 70%, #999999 90%, #333333 100%);
  background: -ms-linear-gradient(top, #333333 0%, #999999 10%, #ffffff 30%, #ffffff 70%, #999999 90%, #333333 100%);
  background: -o-linear-gradient(top, #333333 0%, #999999 10%, #ffffff 30%, #ffffff 70%, #999999 90%, #333333 100%);
  background: linear-gradient(to bottom, #333333 0%, #999999 10%, #ffffff 30%, #ffffff 70%, #999999 90%, #333333 100%);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: relative;
  color: black;
  overflow: hidden;
}
.wheelgroup .wrapper.disabled {
  background: -webkit-linear-gradient(top, #111111 0%, #444444 10%, #888888 30%, #888888 70%, #444444 90%, #111111 100%);
  background: -moz-linear-gradient(top, #111111 0%, #444444 10%, #888888 30%, #888888 70%, #444444 90%, #111111 100%);
  background: -ms-linear-gradient(top, #111111 0%, #444444 10%, #888888 30%, #888888 70%, #444444 90%, #111111 100%);
  background: -o-linear-gradient(top, #111111 0%, #444444 10%, #888888 30%, #888888 70%, #444444 90%, #111111 100%);
  background: linear-gradient(to bottom, #111111 0%, #444444 10%, #888888 30%, #888888 70%, #444444 90%, #111111 100%);
  background-repeat: no-repeat;
}
.wheelgroup .wrapper .row {
  padding: 0 2px;
  height: 2em;
  line-height: 2em;
}
.ui-icon-wiki:after {
  background-image: url("../../shared/gfx/ui-icons/wiki.svg");
  background-size: 90% 90%;
}
.textInputPopup .popup-content {
  padding: 5px;
}
.textInputPopup .cPopupInput {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: left;
  border: 1px solid #000000;
  box-shadow: 0 0 4px 1px inset;
  border-radius: 5px 5px 5px 5px;
  color: #000000;
  background-color: #ccc;
  text-shadow: none;
  padding: 5px;
  overflow: hidden;
  word-wrap: break-word;
  max-width: 90%;
  width: 350px;
  height: 60px !important;
  cursor: text;
  line-height: 28px;
  font-size: 14pt;
  margin: 0 auto 12px;
}
.textInputPopup .cPopupInput.initialText {
  color: grey;
  font-style: italic;
}
.textInputPopup .cPopupInput span {
  vertical-align: top;
}
.textInputPopup .cKeyboard {
  line-height: 25px;
}
.textInputPopup .cKeyboard .cKey {
  font-size: 20px;
  line-height: 45px;
  margin: 2px;
  width: 45px;
  height: 45px;
  padding: 0;
  border: 1px solid #aaaaaa;
}
.textInputPopup .cKeyboard .cKey2X {
  width: 90px;
  padding-left: 3px;
  padding-right: 3px;
}
.textInputPopup .cKeyboard .cKey3X {
  width: 135px;
  padding-left: 6px;
  padding-right: 6px;
}
.textInputPopup .cKeyboard .cKey4X {
  width: 180px;
  padding-left: 9px;
  padding-right: 9px;
}
.textInputPopup .cKeyboard .cKey5X {
  width: 180px;
  padding-left: 12px;
  padding-right: 12px;
}
.textInputPopup .cKeyboard .cKey6X {
  width: 270px;
  padding-left: 15px;
  padding-right: 15px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .keyboardRow:nth-child(2) {
  margin-left: 17px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .keyboardRow:nth-child(3) {
  margin-left: 34px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
  font-size: 15px;
  line-height: 25px;
  margin: 1px;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #aaaaaa;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey2X {
  width: 50px;
  padding-left: 2px;
  padding-right: 2px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey3X {
  width: 75px;
  padding-left: 4px;
  padding-right: 4px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey4X {
  width: 100px;
  padding-left: 6px;
  padding-right: 6px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey5X {
  width: 100px;
  padding-left: 8px;
  padding-right: 8px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey6X {
  width: 150px;
  padding-left: 10px;
  padding-right: 10px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(2) {
  margin-left: 10px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(3) {
  margin-left: 19px;
}
.textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
  border-radius: 3px;
  text-shadow: none;
  font-weight: bold;
}
@media screen and (min-width: 360px) {
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    font-size: 20px;
    line-height: 29px;
    margin: 1px;
    width: 29px;
    height: 29px;
    padding: 0;
    border: 1px solid #aaaaaa;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey2X {
    width: 58px;
    padding-left: 2px;
    padding-right: 2px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey3X {
    width: 87px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey4X {
    width: 116px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey5X {
    width: 116px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey6X {
    width: 174px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(2) {
    margin-left: 11px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(3) {
    margin-left: 22px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    border-radius: 3px;
    text-shadow: none;
    font-weight: bold;
  }
}
@media screen and (min-width: 400px) {
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    font-size: 20px;
    line-height: 32px;
    margin: 1px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #aaaaaa;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey2X {
    width: 64px;
    padding-left: 2px;
    padding-right: 2px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey3X {
    width: 96px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey4X {
    width: 128px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey5X {
    width: 128px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey6X {
    width: 192px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(2) {
    margin-left: 12px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(3) {
    margin-left: 24px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    border-radius: 4px;
    text-shadow: none;
    font-weight: bold;
  }
}
@media screen and (min-width: 480px) {
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    font-size: 20px;
    line-height: 38px;
    margin: 1px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #aaaaaa;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey2X {
    width: 76px;
    padding-left: 2px;
    padding-right: 2px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey3X {
    width: 114px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey4X {
    width: 152px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey5X {
    width: 152px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey6X {
    width: 228px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(2) {
    margin-left: 14px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(3) {
    margin-left: 28px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    border-radius: 4px;
    text-shadow: none;
    font-weight: bold;
  }
}
@media screen and (min-width: 570px) {
  .textInputPopup .cKeyboard.keyboardAlphaNum {
    line-height: 25px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey {
    font-size: 20px;
    line-height: 45px;
    margin: 2px;
    width: 45px;
    height: 45px;
    padding: 0;
    border: 1px solid #aaaaaa;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey2X {
    width: 90px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey3X {
    width: 135px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey4X {
    width: 180px;
    padding-left: 9px;
    padding-right: 9px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey5X {
    width: 180px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum .cKey6X {
    width: 270px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(2) {
    margin-left: 17px;
  }
  .textInputPopup .cKeyboard.keyboardAlphaNum.keyboardAlphaNum .keyboardRow:nth-child(3) {
    margin-left: 34px;
  }
}
.textInputPopup .keyboardAlphaNum .largeAlphaNumBoard {
  display: none;
}
.textInputPopup .keyboardAlphaNum .smallAlphaNumBoard {
  text-align: center;
}
.textInputPopup .keyboardAlphaNum .smallAlphaNumBoard .smallAlphaBoard {
  display: inline-block;
}
.textInputPopup .keyboardAlphaNum .smallAlphaNumBoard .smallNumBoard {
  display: inline-block;
}
@media screen and (min-width: 720px) and (min-height: 500px) {
  .textInputPopup .keyboardAlphaNum .smallAlphaNumBoard {
    display: none;
  }
  .textInputPopup .keyboardAlphaNum .largeAlphaNumBoard {
    display: block;
  }
}
.textInputPopup .keyboardRow {
  margin: 0 auto;
  text-align: left;
}
.textInputPopup .keyboardRow .keyboardElement {
  display: inline-block;
}
.textInputPopup .keyboardRow .cKey {
  display: inline-block;
}
.textInputPopup .keyboardRow .emptyKey {
  visibility: hidden;
}
.textInputPopup .cKey {
  position: relative;
  display: block;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #000000;
  background-color: #eeeeee;
  -moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
  text-align: center;
  cursor: pointer;
}
.textInputPopup .cKey.clicked:not(.noClick) {
  background-color: #fff;
}
.textInputPopup .cKey.selected {
  background-color: #fff;
}
.textInputPopup .cKey.cKeyYellow {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#aa8800)) !important;
  background: -moz-linear-gradient(top, #ffcc00, #aa8800) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  text-shadow: none;
}
.textInputPopup .cKey.cKeyRed,
.textInputPopup .cKey.but_KeyBS {
  background: -webkit-linear-gradient(top, #ff0000 0%, #990000 100%);
  background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #990000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #990000 100%);
  background-repeat: no-repeat;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px #000000;
}
.textInputPopup .cKey.specialKey {
  background: lightblue;
}
.textInputPopup .cKey.cKeyGreen,
.textInputPopup .cKey.but_KeyOK {
  background: -webkit-gradient(linear, left top, left bottom, from(#9ad945), to(#7eb238)) !important;
  background: -moz-linear-gradient(top, #9ad945, #7eb238) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px 2px #000000;
}
.textInputPopup .inputCursor {
  position: absolute;
  width: 1px;
  height: 1em;
  color: grey;
  background-color: black;
  -webkit-animation: blink 1s ease infinite alternate;
  animation: blink 1s ease infinite alternate;
  padding: 2px 0;
  box-sizing: border-box;
  background-clip: content-box;
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}