@import url(https://fonts.googleapis.com/css2?family=Open+Sans);
/**
 * Foundation for Sites
 * Version 6.6.2
 * https://get.foundation
 * Licensed under MIT Open Source
 */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  min-height: 100%;
  background-color: #e9e9e9; }

.logo {
  overflow: hidden;
  max-width: unset !important; }

.logo-link {
  margin: 0 !important;
  padding: 0 !important; }

.logo-link:hover {
  background-color: unset !important; }

.landingpage_bg {
  background: url(/img/Evolution_brain_training_by_brain-plus_bg.jpg) no-repeat top left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-background-size: cover;
  background-size: cover;
  /*this sets the image to fullscreen covering the whole screen*/
  /*css hack for ie*/
  /*
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.image.jpg',sizingMethod='scale');
  -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/Landing_Page_BG.png',sizingMethod='scale')";
  */ }

.neurons_bg {
  background: url(/img/Evolution_brain_training_iphone_all_games_bg.jpg) no-repeat top left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-background-size: cover;
  background-size: cover;
  /*this sets the image to fullscreen covering the whole screen*/
  /*css hack for ie*/
  /*
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.image.jpg',sizingMethod='scale');
  -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/Landing_Page_BG.png',sizingMethod='scale')";
  */ }

.header_text_blue {
  font-family: 'Oswald', 'Arial';
  margin-top: 14px;
  font-weight: bold;
  color: #4DDCF9; }

.p_text_extreme-light-grey {
  font-family: 'Open Sans', 'Arial';
  font-size: 14px;
  color: #F1F1F2;
  max-width: 100%; }

.labels4logins {
  color: #F1F1F2; }

.text_bigger {
  font-size: 26px;
  margin: 0 0 10px 0;
  padding: 0; }

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit;
  position: fixed; }

#left {
  float: left;
  width: 100px;
  overflow: auto; }

#center {
  display: inline-block;
  margin: 20px auto;
  width: 100%;
  text-align: center; }

#right {
  margin: 0 auto;
  padding: 30px 40px;
  float: right;
  width: 550px;
  height: 100%;
  background-image: url(/img/alpha-pixel.png);
  background-repeat: repeat;
  max-width: 100%;
  overflow: auto; }

.button_green {
  border-radius: 25px !important;
  margin: 5px 0 5px 0;
  padding: 5px 5px 10px 5px;
  font-size: 24px;
  color: #F1F1F2;
  text-align: center;
  display: block;
  height: 50px;
  width: 100%; }
  .button_green:link, .button_green:visited {
    background-color: #37AA3A;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block; }
  .button_green:hover, .button_green:active {
    background-color: #f08a24; }

.button_blue {
  border-radius: 25px !important;
  margin: 5px 0 5px 0;
  padding: 5px 5px 10px 5px;
  font-size: 24px;
  color: #F1F1F2;
  text-align: center;
  display: block;
  height: 50px;
  width: 100%; }
  .button_blue:link, .button_blue:visited {
    background-color: #00CCFF;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block; }
  .button_blue:hover, .button_blue:active {
    background-color: #f08a24; }

.button_green_small {
  font-weight: bold;
  font-size: 18px;
  color: #F1F1F2;
  text-align: center;
  background-color: #37AA3A;
  display: inline-block;
  width: 180px;
  height: 50px; }

.button_green_medium {
  font-weight: bold;
  font-size: 18px;
  color: #F1F1F2;
  text-align: center;
  background-color: #37AA3A;
  display: inline-block;
  width: 230px;
  height: 50px; }

.text_bold_white {
  color: #F1F1F2;
  font-weight: bold;
  font-size: 20px;
  margin-left: 20px; }

.text_subheader_bold_white {
  color: #F1F1F2;
  font-weight: bold;
  font-size: 20px; }

.evolution-brain-training_img {
  display: inline-block;
  width: 60%;
  height: auto;
  margin: 50px 0 0 -30px;
  padding: 0;
  max-width: 100%; }

.oticon-logo_img {
  display: inline-block;
  width: 40%;
  height: auto;
  margin: 50px 0 0 20px;
  padding: 0;
  max-width: 100%; }

.app-store-badge_dk {
  display: inline-block;
  width: 300px;
  padding: 0; }

.google-play-badge_dk {
  display: inline-block;
  width: 300px;
  padding: 0; }

.store_and_play_container {
  height: auto;
  width: 700px;
  float: left;
  margin-bottom: 100px; }

.logo_container {
  height: auto;
  width: 100%;
  float: left; }

.button_login {
  display: inline-block;
  margin-right: 20px;
  width: 30%; }

.button_create {
  display: inline-block;
  width: 30%; }

.header_text_white {
  color: #F1F1F2; }

.button_back {
  color: #F1F1F2;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  padding: 10px 0 0 20px; }

.activate_promocode {
  width: 80%;
  height: 80%;
  text-align: center; }

.promocode_field {
  width: 50px; }

.alert-box {
  position: fixed;
  top: 48px;
  width: 98%;
  padding: 4px;
  z-index: 999;
  margin-left: 1%;
  margin-top: 0.5%;
  text-align: center; }

.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: #FFFFFF; }

.close-alert {
  float: right; }

.field_with_errors .message {
  color: red;
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 0px;
  font-size: 14px; }

.statisticsquery {
  position: fixed;
  left: 10px;
  right: 10px;
  border-collapse: collapse;
  width: auto;
  height: auto;
  overflow-x: scroll;
  display: block; }

.statisticsquery thead {
  background-color: #EFEFEF; }

.statisticsquery thead, .statisticsquery tbody {
  display: block; }

.statisticsquery tbody {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 50vh; }

.statisticsquery td, .statisticsquery th {
  height: 15px;
  border: dashed 1px lightblue;
  word-wrap: break-word;
  min-width: 100px;
  max-width: 100px; }

.statistic_query_container {
  width: 100%; }

.todo-red {
  color: red; }

th .current {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: right center; }

th .asc {
  background-image: url(/img/up_arrow.gif); }

th .desc {
  background-image: url(/img/down_arrow.gif); }

.landing_page_links:link, .landing_page_links:visited {
  color: #00CCFF; }
.landing_page_links:hover, .landing_page_links:active {
  color: #f08a24; }

.greyPrefix {
  color: #5e5e5e; }

.admin_control_panel_result_window {
  width: auto;
  height: 600px;
  overflow: auto; }

fieldset {
  border: solid 1px #000000; }

fieldset legend {
  background-color: transparent; }

dl dd {
  word-wrap: break-word;
  margin-bottom: 0.75rem; }

/* Create three equal columns that floats next to each other */
.three_column_layout {
  float: left;
  width: 33.33%;
  padding: 10px;
  text-align: center; }

/* Clear floats after the columns */
.three_column_layout_row:after {
  content: "";
  display: table;
  clear: both; }

#btn_to_top {
  display: none;
  position: fixed;
  bottom: 235px;
  margin-right: -84px; }
  @media print, screen and (max-width: 39.99875em) {
    #btn_to_top {
      display: none !important; } }

.re-send-email {
  margin-top: 3.4%; }

input[readonly] {
  background: white !important; }

.player_data_section {
  height: 600px; }

.callout {
  display: none; }