@charset "UTF-8";
@import url("aftonbladet-css-vars-override.css");
/* spec. color-theme for this game */
/* Color-themes and their colors as used on the global level...  */
/*new v2 colors themes. These must have the same name as in the Figma Composer source file: https://www.figma.com/file/XthFIlU3onz5jvVTmat34Z/Styled-System---Composer-source?node-id=154%3A7953 */
/*				theme-name		primary color	homepage-action    body-bg color     */
/* shared parts of color-themes */
/* header .area outside games */
/* navigational */
/* tables */
/* legacy-tables */
/* panels */
/* buttons */
/*select-me*/
/* base64 encoded svg, use https://www.base64decode.org/ to get svg */
/* remove all banners */
.site .ad.megaboard,
div.ad {
  display: none !important;
}

/* site */
/* spec. color-theme for this game */
/*
Additions and overwritings to Foundation Global Function, Variables and Mixins
*/
/****** mixins ******/
/* Chrome has font-rendering issues, this mixin fixes that. Use sparingly! */
/* custom fonts */
/* COLUMNS */
/* Vendor prefixer */
/* transition prefixer */
/* animations */
/****** Variables ******/
/*
// Media Query Ranges
$small-range: (0em, 768px);
$medium-range: (769px, 1024px);
$large-range: (1025px, 1200px);
$xlarge-range: (1201px, 1620px);
$xxlarge-range: (1621px);
*/
/* To avoid white text blending completely with white background, use this subtle text-shadow */
@font-face {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/icons.eot") format("eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "icons";
    src: url("../fonts/icons.svg#icons") format("svg");
  }
}
/* Subnav variables */
/* We use these to style blockquotes */
/* Panels */
/*
$panel-border-style:    none;
$panel-border-size:     0;*/
/* Pricing tables */
/* block grid */
/* Color Definitions */
/*these are used in notifications, tables etc.*/
/*
@import url(https://fonts.googleapis.com/css?family=Roboto:300italic,900,100italic,400italic,400,300,500italic,700italic,100,700,500,900italic);

Import google fonts is replaced by self-hosted version. CSS and fonts is generated by:
https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=latin

*/
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v27-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v27-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v27-latin-regular.woff") format("woff"), url("../fonts/roboto-v27-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v27-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v27-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v27-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v27-latin-italic.woff") format("woff"), url("../fonts/roboto-v27-latin-italic.ttf") format("truetype"), url("../fonts/roboto-v27-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v27-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v27-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-700.woff2") format("woff2"), url("../fonts/roboto-v27-latin-700.woff") format("woff"), url("../fonts/roboto-v27-latin-700.ttf") format("truetype"), url("../fonts/roboto-v27-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v27-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v27-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-v27-latin-700italic.woff") format("woff"), url("../fonts/roboto-v27-latin-700italic.ttf") format("truetype"), url("../fonts/roboto-v27-latin-700italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "geomanist-light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/geomanist-light-webfont.eot") format("eot");
  src: url("../fonts/geomanist-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-light-webfont.woff") format("woff"), url("../fonts/geomanist-light-webfont.ttf") format("truetype"), url("../fonts/geomanist-light-webfont.svg#geomanist-light-webfont") format("svg");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "geomanist-light";
    src: url("../fonts/geomanist-light-webfont.svg#geomanist-light-webfont") format("svg");
  }
}
@font-face {
  font-family: "geomanist-ultra";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/geomanist-ultra-webfont.eot") format("eot");
  src: url("../fonts/geomanist-ultra-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-ultra-webfont.woff") format("woff"), url("../fonts/geomanist-ultra-webfont.ttf") format("truetype"), url("../fonts/geomanist-ultra-webfont.svg#geomanist-ultra-webfont") format("svg");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "geomanist-ultra";
    src: url("../fonts/geomanist-ultra-webfont.svg#geomanist-ultra-webfont") format("svg");
  }
}
/* site */
meta.foundation-mq-small {
  font-family: "print, screen and (min-width:" 64em ")";
  width: 64em;
}

meta.foundation-mq-medium {
  font-family: "print, screen and (min-width:" 80em ")";
  width: 80em;
}

meta.foundation-mq-large {
  font-family: "print, screen and (min-width:" 90em ")";
  width: 90em;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  background: #fdd5db;
  color: #292929;
  padding: 0;
  margin: 0;
  font-family: Roboto, Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

img,
object,
embed {
  max-width: 100%;
  height: auto;
}

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.hide {
  display: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1200px;
  *zoom: 1;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  width: auto;
  margin-left: -0.75em;
  margin-right: -0.75em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  position: relative;
  padding-left: 0.75em;
  padding-right: 0.75em;
  width: 100%;
  float: left;
}

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.75em;
    padding-right: 0.75em;
    float: left;
  }
  .small-1 {
    position: relative;
    width: 8.3333333333%;
  }
  .small-2 {
    position: relative;
    width: 16.6666666667%;
  }
  .small-3 {
    position: relative;
    width: 25%;
  }
  .small-4 {
    position: relative;
    width: 33.3333333333%;
  }
  .small-5 {
    position: relative;
    width: 41.6666666667%;
  }
  .small-6 {
    position: relative;
    width: 50%;
  }
  .small-7 {
    position: relative;
    width: 58.3333333333%;
  }
  .small-8 {
    position: relative;
    width: 66.6666666667%;
  }
  .small-9 {
    position: relative;
    width: 75%;
  }
  .small-10 {
    position: relative;
    width: 83.3333333333%;
  }
  .small-11 {
    position: relative;
    width: 91.6666666667%;
  }
  .small-12 {
    position: relative;
    width: 100%;
  }
  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .small-offset-1 {
    position: relative;
    margin-left: 8.3333333333%;
  }
  .small-offset-2 {
    position: relative;
    margin-left: 16.6666666667%;
  }
  .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .small-offset-4 {
    position: relative;
    margin-left: 33.3333333333%;
  }
  .small-offset-5 {
    position: relative;
    margin-left: 41.6666666667%;
  }
  .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .small-offset-7 {
    position: relative;
    margin-left: 58.3333333333%;
  }
  .small-offset-8 {
    position: relative;
    margin-left: 66.6666666667%;
  }
  .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .small-offset-10 {
    position: relative;
    margin-left: 83.3333333333%;
  }
  [class*=column] + [class*=column]:last-child {
    float: right;
  }
  [class*=column] + [class*=column].end {
    float: left;
  }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Styles for screens that are atleast 768px; */
@media print, screen and (min-width: 64em ) {
  .large-1 {
    position: relative;
    width: 8.3333333333%;
  }
  .large-2 {
    position: relative;
    width: 16.6666666667%;
  }
  .large-3 {
    position: relative;
    width: 25%;
  }
  .large-4 {
    position: relative;
    width: 33.3333333333%;
  }
  .large-5 {
    position: relative;
    width: 41.6666666667%;
  }
  .large-6 {
    position: relative;
    width: 50%;
  }
  .large-7 {
    position: relative;
    width: 58.3333333333%;
  }
  .large-8 {
    position: relative;
    width: 66.6666666667%;
  }
  .large-9 {
    position: relative;
    width: 75%;
  }
  .large-10 {
    position: relative;
    width: 83.3333333333%;
  }
  .large-11 {
    position: relative;
    width: 91.6666666667%;
  }
  .large-12 {
    position: relative;
    width: 100%;
  }
  .row .large-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.3333333333%;
  }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.6666666667%;
  }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.3333333333%;
  }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.6666666667%;
  }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.3333333333%;
  }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.6666666667%;
  }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.3333333333%;
  }
  .row .large-offset-11 {
    position: relative;
    margin-left: 91.6666666667%;
  }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important;
  }
}
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important;
}

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important;
}

/* Medium Displays: 768px - 1279px */
@media print, screen and (min-width: 64em ) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important;
  }
  .show-for-small {
    display: none !important;
  }
  .hide-for-small {
    display: inherit !important;
  }
  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table;
  }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important;
  }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important;
  }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important;
  }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important;
  }
}
/* Large Displays: 1280px - 1440px */
@media print, screen and (min-width: 80em ) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important;
  }
  .show-for-medium,
  .show-for-medium-down {
    display: none !important;
  }
  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important;
  }
  .hide-for-large,
  .hide-for-large-up {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table;
  }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important;
  }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important;
  }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important;
  }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important;
  }
}
/* X-Large Displays: 1400px and up */
@media print, screen and (min-width: 90em ) {
  .show-for-xlarge {
    display: inherit !important;
  }
  .show-for-large,
  .show-for-large-down {
    display: none !important;
  }
  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important;
  }
  .hide-for-xlarge {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table;
  }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important;
  }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important;
  }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important;
  }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media print, screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table;
  }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media print, screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table;
  }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -0.3125em;
    *zoom: 1;
  }
  [class*=block-grid-]:before, [class*=block-grid-]:after {
    content: " ";
    display: table;
  }
  [class*=block-grid-]:after {
    clear: both;
  }
  [class*=block-grid-] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    width: 33.3333333333%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    width: 16.6666666667%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    width: 14.2857142857%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    width: 11.1111111111%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    width: 9.0909090909%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    width: 8.3333333333%;
    padding: 0 0.3125em 0.625em;
  }
  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* Foundation Block Grids for above small breakpoint */
@media print, screen and (min-width: 64em ) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none;
  }
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    width: 33.3333333333%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    width: 16.6666666667%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    width: 14.2857142857%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    width: 11.1111111111%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    width: 9.0909090909%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    width: 8.3333333333%;
    padding: 0 0.3125em 0.625em;
  }
  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
p.lead {
  font-size: 14px;
  line-height: 1.6;
}

.subheader {
  line-height: 1.4;
  color: rgb(117.5, 117.5, 117.5);
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr;
}

a {
  color: #236caa;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: white;
}
a img {
  border: none;
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility;
}
p aside {
  font-size: 0.875em;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 11px;
  color: rgb(117.5, 117.5, 117.5);
  line-height: 0;
}

hr {
  border: solid rgba(255, 255, 255, 0.5);
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 11px;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: rgb(126.8873239437, 9.6126760563, 12.176056338);
}

/* Lists */
ul,
ol,
dl {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: inside;
  font-family: inherit;
}

ul, ol {
  margin-left: 0;
}
ul.no-bullet, ol.no-bullet {
  margin-left: 0;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em; /* Override nested font-size change */
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
}
ul.circle {
  list-style-type: circle;
}
ul.disc {
  list-style-type: disc;
}
ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75em;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #292929;
  border-bottom: 1px dotted #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: none;
}
blockquote cite {
  display: block;
  font-size: 0.75em;
  color: #7d807f;
}
blockquote cite:before {
  content: "— ";
}
blockquote cite a,
blockquote cite a:visited {
  color: inherit;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #7d807f;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #ddd;
  padding: 0.625em 0.75em;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 0.9375em;
}

.vevent .summary {
  font-weight: bold;
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em;
}

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  /* @page { margin: 0.5cm; } */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .hide-on-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: inherit !important;
  }
}
button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: inherit;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #39bfa7;
  border-color: #39bfa7;
  color: #fff;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #39bfa7;
}
button:hover, button:focus, .button:hover, .button:focus {
  color: #fff;
}
button.secondary, .button.secondary {
  background-color: #f700ff;
  border-color: #f700ff;
  color: #fff;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #f700ff;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #fff;
}
button.success, .button.success {
  background-color: #5da423;
  border-color: #5da423;
  color: #fff;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #5da423;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: #fff;
}
button.alert, .button.alert {
  background-color: #c60f13;
  border-color: #c60f13;
  color: #fff;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #c60f13;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: #fff;
}
button.large, .button.large {
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1.0625em;
  padding-left: 2em;
  font-size: 1.25em;
}
button.small, .button.small {
  padding-top: 0.5625em;
  padding-right: 1.125em;
  padding-bottom: 0.625em;
  padding-left: 1.125em;
  font-size: 0.8125em;
}
button.tiny, .button.tiny {
  padding-top: 0.4375em;
  padding-right: 0.875em;
  padding-bottom: 0.5em;
  padding-left: 0.875em;
  font-size: 0.6875em;
}
button.expand, .button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.75em;
}
button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.75em;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #39bfa7;
  border-color: #39bfa7;
  color: #fff;
  cursor: default;
  opacity: 0.6;
  box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #39bfa7;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: #fff;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #39bfa7;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #f700ff;
  border-color: #f700ff;
  color: #fff;
  cursor: default;
  opacity: 0.6;
  box-shadow: none;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #f700ff;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #fff;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #f700ff;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #5da423;
  border-color: #5da423;
  color: #fff;
  cursor: default;
  opacity: 0.6;
  box-shadow: none;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #5da423;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: #fff;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #5da423;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13;
  border-color: #c60f13;
  color: #fff;
  cursor: default;
  opacity: 0.6;
  box-shadow: none;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #c60f13;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: #fff;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #c60f13;
}

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em;
  -webkit-appearance: none;
}
button.tiny, .button.tiny {
  padding-top: 0.5em;
  padding-bottom: 0.4375em;
  -webkit-appearance: none;
}
button.small, .button.small {
  padding-top: 0.625em;
  padding-bottom: 0.5625em;
  -webkit-appearance: none;
}
button.large, .button.large {
  padding-top: 1.03125em;
  padding-bottom: 1.03125em;
  -webkit-appearance: none;
}

@media only screen {
  button, .button {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset;
    transition: background-color 300ms ease-out;
  }
  button:active, .button:active {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset;
  }
  button.radius, .button.radius {
    border-radius: 3px;
  }
  button.round, .button.round {
    border-radius: 1000px;
  }
}
@media print, screen and (min-width: 64em ) {
  button, .button {
    display: inline-block;
  }
}
/* Standard Forms */
form {
  margin: 0 0 1em;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em;
}
form .row .row .column,
form .row .row .columns {
  padding: 0 0.5em;
}
form .row .row.collapse {
  margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}
form .row .row.collapse input {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em;
}

/* Label Styles */
label {
  font-size: 0.875em;
  color: #7d807f;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0.1875em;
  /* Styles for required inputs */
}
label.right {
  float: none;
  text-align: right;
}
label.inline {
  margin: 0 0 1em 0;
  padding: 0.625em 0;
}
label small {
  text-transform: capitalize;
  color: rgb(150.7786561265, 153.2213438735, 152.4071146245);
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em;
  height: 48px;
  line-height: 48px;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 3em;
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 3em;
}

.prefix.button.radius {
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.postfix.button.radius {
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.prefix.button.round {
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: rgb(242.25, 242.25, 242.25);
  border-color: rgb(216.75, 216.75, 216.75);
  border-right: none;
  color: #333;
}
span.prefix.radius, label.prefix.radius {
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

span.postfix, label.postfix {
  background: rgb(242.25, 242.25, 242.25);
  border-color: #cccccc;
  border-left: none;
  color: #333;
}
span.postfix.radius, label.postfix.radius {
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

/* We use this to get basic styling on all basic form elements */
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #fffcfd;
  font-family: inherit;
  border: 1px solid #fff;
  box-shadow: none;
  color: #236caa;
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.15s linear;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
  background: #fff;
  border-color: #236caa;
  outline: none;
}
input[type=text][disabled],
input[type=password][disabled],
input[type=date][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=month][disabled],
input[type=week][disabled],
input[type=email][disabled],
input[type=number][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=time][disabled],
input[type=url][disabled],
textarea[disabled] {
  background-color: transparent;
}

/* Adjust margin for form elements below */
input[type=file],
input[type=checkbox],
input[type=radio],
select {
  margin: 0 0 1em 0;
}

/* Normalize file input width */
input[type=file] {
  width: 100%;
}

/* We add basic fieldset styling */
fieldset {
  border: solid 1px rgba(255, 255, 255, 0.5);
  padding: 1.25em;
  margin: 1.125em 0;
}
fieldset legend {
  font-weight: bold;
  background: transparent;
  padding: 0 0.1875em;
  margin: 0;
  margin-left: -0.1875em;
}

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff;
}
[data-abide] span.error, [data-abide] small.error {
  display: none;
}

span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff;
}

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  margin-bottom: 0;
}
.error input:focus,
.error textarea:focus,
.error select:focus {
  background: #fff;
  border-color: #236caa;
}
.error label,
.error label.error {
  color: #c60f13;
}
.error > small,
.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff;
}
.error span.error-message {
  display: block;
}

input.error,
textarea.error {
  border-color: #c60f13;
  margin-bottom: 0;
}
input.error:focus,
textarea.error:focus {
  background: #fff;
  border-color: #236caa;
}

.error select {
  border-color: #c60f13;
}
.error select:focus {
  background: #fff;
  border-color: #236caa;
}

label.error {
  color: #c60f13;
}

/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
[data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}
[data-clearing]:after {
  clear: both;
}
[data-clearing] li {
  float: left;
  margin-right: 10px;
}

.clearing-blackout {
  background: #111;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}
.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.visible-img {
  height: 95%;
  position: relative;
}
.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%;
}

.clearing-caption {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #111;
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0;
}

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  display: none;
}
.clearing-close:hover, .clearing-close:focus {
  color: #ccc;
}

.clearing-assembled .clearing-container {
  height: 100%;
}
.clearing-assembled .clearing-container .carousel > ul {
  display: none;
}

.clearing-feature li {
  display: none;
}
.clearing-feature li.clearing-featured-img {
  display: block;
}

@media print, screen and (min-width: 64em ) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
  }
  .clearing-main-prev > span,
  .clearing-main-next > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
  }
  .clearing-main-prev {
    left: 0;
  }
  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: #fff;
  }
  .clearing-main-next {
    right: 0;
  }
  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: #fff;
  }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.5;
  }
  .clearing-assembled .clearing-container .carousel {
    background: #111;
    height: 150px;
    margin-top: 5px;
  }
  .clearing-assembled .clearing-container .carousel > ul {
    display: block;
    z-index: 999;
    width: 200%;
    height: 100%;
    margin-left: 0;
    position: relative;
    left: 0;
  }
  .clearing-assembled .clearing-container .carousel > ul li {
    display: block;
    width: 175px;
    height: inherit;
    padding: 0;
    float: left;
    overflow: hidden;
    margin-right: 1px;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    min-height: 100%;
    height: 100%;
    max-width: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    box-shadow: none;
    display: block;
  }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    min-width: 100% !important;
  }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1;
  }
  .clearing-assembled .clearing-container .visible-img {
    background: #111;
    overflow: hidden;
    height: 75%;
  }
  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
  }
}
/* Foundation Alerts */
.alert-box {
  border-style: none;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: #39bfa7;
  border-color: rgb(45.2782258065, 151.7217741935, 132.6572580645);
  color: #292929;
}
.alert-box .close {
  font-size: 1.375em;
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 0.4375em;
  right: 0.3125em;
  color: #333;
  opacity: 0.3;
}
.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  border-radius: 3px;
}
.alert-box.round {
  border-radius: 1000px;
}
.alert-box.success {
  background-color: #5da423;
  border-color: rgb(69.1658291457, 121.9698492462, 26.0301507538);
  color: #292929;
}
.alert-box.alert {
  background-color: #c60f13;
  border-color: rgb(150.5915492958, 11.4084507042, 14.4507042254);
  color: #292929;
}
.alert-box.secondary {
  background-color: #f700ff;
  border-color: rgb(197.6, 0, 204);
  color: #292929;
}

/* Labels */
.label {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 24px;
  min-height: 24px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0.1875em 0.625em 0.25em;
  font-size: 0.875em;
  background-color: #39bfa7;
  color: #fff;
}
.label.radius {
  border-radius: 3px;
}
.label.round {
  border-radius: 1000px;
}
.label.alert {
  background-color: #c60f13;
  color: #fff;
}
.label.success {
  background-color: #5da423;
  color: #fff;
}
.label.secondary {
  background-color: #f700ff;
  color: #fff;
}

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.375em;
  display: block;
}
.inline-list > li > * {
  display: block;
}

/* Pricing Tables */
.pricing-table {
  border: solid 1px rgba(255, 255, 255, 0.5);
  margin-left: 0;
  margin-bottom: 1.25em;
}
.pricing-table * {
  list-style: none;
  line-height: 1;
}
.pricing-table .title {
  background-color: #ddd;
  padding: 0.9375em 1.25em;
  text-align: center;
  color: #333;
  font-weight: bold;
  font-size: 1em;
}
.pricing-table .price {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.9375em 1.25em;
  text-align: center;
  color: #292929;
  font-weight: normal;
  font-size: 1.875em;
}
.pricing-table .description {
  background-color: transparent;
  padding: 0.9375em;
  text-align: center;
  color: #292929;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
}
.pricing-table .bullet-item {
  background-color: transparent;
  padding: 0.9375em;
  text-align: center;
  color: #292929;
  font-size: 0.875em;
  font-weight: normal;
  border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
}
.pricing-table .cta-button {
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
  padding: 1.25em 1.25em 0;
}

/* Default Pagination */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em;
}
ul.pagination li {
  height: 1.5em;
  color: #222;
  font-size: 0.875em;
  margin-left: 0.3125em;
}
ul.pagination li a {
  display: block;
  padding: 0.5em 0.875em 0.5em;
  color: rgb(98, 122, 139.9);
}
ul.pagination li:hover a,
ul.pagination li a:focus {
  background: rgba(255, 255, 255, 0.2);
}
ul.pagination li.unavailable a {
  cursor: default;
  color: #999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent;
}
ul.pagination li.current a {
  background: #39bfa7;
  color: #fff;
  font-weight: bold;
  cursor: default;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
  background: #39bfa7;
}
ul.pagination li {
  float: left;
  display: block;
}

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center;
}
.pagination-centered ul.pagination li {
  float: none;
  display: inline-block;
}

/* Panels */
.panel {
  border-style: solid;
  border-width: 0px;
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5em;
  padding: 0.625em;
  background: #feebee;
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #292929;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}
.panel.callout {
  border-style: solid;
  border-width: 0px;
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5em;
  padding: 0.625em;
  background: #39bfa7;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset;
}
.panel.callout > :first-child {
  margin-top: 0;
}
.panel.callout > :last-child {
  margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: #fff;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}
.panel.callout a {
  color: #fff;
}
.panel.radius {
  border-radius: 3px;
}

/* Side Nav */
.side-nav {
  display: block;
  margin: 0;
  padding: 0.875em 0;
  list-style-type: none;
  list-style-position: inside;
}
.side-nav li {
  margin: 0 0 0.4375em 0;
  font-size: 14px;
}
.side-nav li a {
  display: block;
  color: #236caa;
}
.side-nav li.active > a:first-child {
  color: rgb(76.5, 76.5, 76.5);
  font-weight: bold;
}
.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  padding: 0;
  list-style: none;
  border-top-color: rgb(229.5, 229.5, 229.5);
}

/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em;
}
.sub-nav dt,
.sub-nav dd,
.sub-nav li {
  float: left;
  display: inline;
  margin-left: 0.5625em;
  margin-bottom: 0.625em;
  font-weight: normal;
  font-size: 14px;
}
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
  color: #236caa;
  text-decoration: none;
}
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
  border-radius: 2px;
  font-weight: normal;
  background: transparent;
  padding: em-calc(8 9);
  cursor: default;
  color: #292929;
}

/* Hold-visning: overblik, historik, fortryd handler*/
#aspnetForm {
  margin: 0;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.dimmed {
  opacity: 0.5;
}

.top-bar {
  margin: 0;
}

.avatar {
  border-radius: 3px;
}

html {
  background-color: #fdd5db;
}

body {
  background-color: #fdd5db;
  background: #fdd5db;
}

div.content-outer {
  min-height: 700px;
  /* padding-top is moved to .content and .content-head */
  padding-bottom: 12px;
}
@media print, screen and (min-width: 64em ) {
  div.content-outer {
    padding-bottom: 24px;
  }
}

div.content-outer .content,
div.content-outer .content-head {
  /* add padding previously placed on .content-outer */
  padding-top: 12px;
  /*
  @media print, screen and (min-width: 64em ) {
  	padding-top:24px;
  }
  */
}

div.content-outer .content-head + .content {
  /* if content is preceded my .content-head removed the padding on .content to avoid double-padding */
  padding: 0;
}
@media print, screen and (min-width: 64em ) {
  div.content-outer .content-head + .content {
    padding: 0;
  }
}

.columns div.content {
  padding: 0.75em 0.75em;
}

.focus .columns div.content {
  padding: 0.75em;
}

/* clear floats in content-area */
#content:before, #content:after {
  content: "";
  display: table;
}

#content:after {
  clear: both;
}

#content {
  *zoom: 1;
}

.wrap {
  position: relative;
  z-index: 2;
}

#main header div.head,
header.game div.head {
  position: relative;
  min-height: 45px;
}

.last-updated {
  text-align: center;
  font-size: 12px;
  color: #7d807f;
}

div + a.more,
ul + a.more,
table + a.more {
  margin: -0.8em 0.5em 2em 0;
  display: block;
  text-align: right;
}

.hr-box {
  display: block;
  position: relative;
  border: solid rgba(255, 255, 255, 0.5);
  border-width: 1px 0 1px 0;
  margin: 0;
  margin-bottom: 1.25em;
  padding: 1.25em 0 1.25em 0;
}
.hr-box .h3, .hr-box .h4, .hr-box .h5 {
  display: block;
}
.hr-box .h5 {
  margin-top: 0.3em;
}
.hr-box .h3 {
  margin-top: 0.4em;
}
.hr-box .hr-box-label {
  position: absolute;
  display: block;
  height: 10px;
  padding: 0 4px;
  background-color: #fff;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #7d807f;
}
.hr-box .hr-box-label.tl {
  top: -6px;
  left: 10px;
}
.hr-box .hr-box-label.tr {
  top: -6px;
  right: 10px;
}
.hr-box .hr-box-label.br {
  bottom: -6px;
  right: 10px;
}
.hr-box .hr-box-label.bl {
  bottom: -6px;
  left: 10px;
}

/* common media element object */
/* http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ */
.mediaobject {
  margin: 10px 0;
  display: block;
}
.mediaobject.user {
  line-height: 1;
}
.mediaobject.user h3 {
  margin: 0;
  line-height: 1;
}
.mediaobject.user .honors {
  display: block;
  margin: 0 0 0.4em 0;
}
.mediaobject a:link .abstract {
  color: #292929;
}
.mediaobject a:visited .abstract {
  color: #292929;
}
.mediaobject .meta span:after {
  content: " ·";
}
.mediaobject .meta span:last-child:after {
  content: "";
}
.mediaobject .meta img {
  vertical-align: text-bottom;
}
.mediaobject .obj [class*=icon-] {
  display: block;
}
.mediaobject input[type=checkbox].obj,
.mediaobject input[type=radio].obj {
  margin-top: 1em;
}

.mediaobject:first-child {
  margin-top: 0;
}

ul[class^=large-block-grid] .mediaobject {
  margin: 0;
}

.mediaobject, .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; /*display:inline;*/
}

.mediaobject .obj,
.mediaobject .img {
  float: left;
  margin-right: 10px;
  display: inline;
}

.mediaobject .obj img,
.mediaobject .img img {
  display: block;
}

.mediaobject .objRight,
.mediaobject .imgRight {
  float: right;
  margin-left: 10px;
}

.mediaobject h3 {
  margin-bottom: 0.1em;
}

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media print, screen and (min-width: 64em ) {
  .mediaobject, .bd {
    display: block;
  }
  .mediaobject .img {
    margin-right: 10px;
    display: block;
  }
  .mediaobject .obj img,
  .mediaobject .img img {
    margin-top: 0;
  }
  .row.menu li.active a {
    color: #fff;
  }
  .container-fluid > header {
    display: none;
  }
  .wrap {
    width: 100%;
    position: relative;
  }
  #nav-site,
  #main {
    margin: 0 auto;
  }
  #main,
  #main:after {
    background: none;
  }
  #main:after {
    content: "";
    display: none;
  }
  #main header div.head,
  header.game div.head {
    padding: 0;
  }
  #content {
    margin-bottom: 10px;
  }
  header h1,
  header h2 {
    line-height: inherit;
  }
}
table .name {
  text-align: left;
}

table .value {
  text-align: right;
  white-space: nowrap;
}

table {
  /* to make fixed sized columns in tables, use grid columns ala: "large-3 columns" */
  border-collapse: separate;
  border-spacing: 0;
}
table td.right, table th.right {
  text-align: right;
  float: none !important;
}
table td.left, table th.left {
  text-align: left;
}
table .columns {
  float: none;
}

table .img,
table td.action,
table .narrow,
table .abbr,
table .number {
  text-align: center;
  width: 1%;
  white-space: nowrap;
}

table .pct {
  text-align: right;
  min-width: 1%;
  white-space: nowrap;
}

table .home,
table .abbr.home {
  text-align: right;
}

table .away,
table .abbr.away {
  text-align: left;
  width: auto;
}

table td a {
  text-decoration: none;
}

table abbr[title] {
  border: none;
}

table caption { /*same as h2*/
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.3em;
}

/* "default" styling for tables */
table.default {
  width: 100%;
  background-color: transparent;
  margin-bottom: 1em;
  border-radius: 0;
  -webkit-border-radius: 0;
}

table.default td {
  height: 48px;
}

table.default.compact td {
  height: 24px;
}

table.default colgroup {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

table.default th {
  color: #7d807f;
  font-weight: normal;
  white-space: nowrap;
  font-size: 11.2px;
  height: 24px;
  padding: 7px 8px 5px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: auto;
}

table.default .secondary th {
  /*
  color:#999;
  background:none;
  */
}

table.default th a {
  color: rgb(98, 122, 139.9);
  display: block;
}

table.default th a:hover {
  color: #236caa;
}

table.default th sup a {
  color: #292929;
  display: inline;
}

table.default th sup a:hover {
  color: #292929;
  text-decoration: underline;
  background-color: inherit;
}

table.default td {
  padding: 0.5em 0.3em 0.5em 0.3em;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 14px;
}
table.default td.multiline {
  height: 48px;
}
table.default td img {
  vertical-align: text-top;
  font-size: 0;
}

table.default tr.ineligible td {
  background: #efefef;
}

table.default tr.split td {
  border-top-width: 2px;
}

table.default td.primary {
  font-weight: bold;
}

table.default th.sort {
  cursor: pointer;
}

table.default td.bench,
table.default td.field {
  font-weight: bold;
  color: #7d807f;
  text-align: center;
  border-bottom: 2px solid #7d807f;
}

table.default tbody.bench tr.row-head td {
  border-top: 24px solid transparent;
}

/* collapsible tbody*/
table.default .collapsible {
  display: none;
}

table.default .collapsible.expanded {
  display: table-row-group;
}

table.default .collapsible td {
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}

table.default .collapsible tr:first-child td {
  border-top: 2px solid #C6C6C6;
  background: #f5f5f5;
  background: linear-gradient(top, #dcdcdc 0%, #f5f5f5 30%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f5f5f5',GradientType=0 );*/
}

table.default .collapsible tr:last-child td {
  border-color: #CeCeCe;
}

table.default tr.inactive td,
table.default tr.disabled td {
  background-color: transparent;
  opacity: 0.5;
  filter: grayscale(100%);
}

#team-view.field table.default tr.inactive td,
#team-view.field table.default tr.disabled td {
  background-color: transparent;
  opacity: 1;
  filter: none;
}

#field.field table.default tr.inactive td,
#field.field table.default tr.disabled td {
  background-color: transparent;
  opacity: 1;
  filter: none;
}

table.default tr.flagged td {
  background-color: #ffc5c5;
}

.field table.default tr.flagged td,
.field table.default tr.inactive td {
  background: none;
}

table.default tr.row-head td {
  text-align: center;
  color: #7d807f;
}

table.default td.action {
  padding: 0 2px;
}

table.default th.act {
  color: #236caa;
}
table.default th.act a {
  color: #236caa;
}

table.default td.act {
  background-color: rgba(255, 255, 255, 0.04);
}

table.default tr.highlight td {
  background-color: rgba(255, 255, 255, 0.04);
}
table.default tr.action-highlight td {
  background-color: #236caa;
  color: #000;
}
table.default tr.action-highlight td abbr, table.default tr.action-highlight td acronym, table.default tr.action-highlight td small {
  color: #000;
}

td.prio1 {
  background-color: #39bfa7;
}

td.prio2 {
  background-color: rgba(57, 191, 167, 0.5);
}

td.prio3 {
  background-color: rgba(57, 191, 167, 0.2);
}

table.default tfoot td {
  color: #7d807f;
  font-size: 0.75em;
  text-align: center;
}

table.default tfoot td {
  border-bottom: none;
}

table.default tfoot.sum {
  color: #7d807f;
  font-size: 100%;
}

table.default tfoot.sum td {
  border-bottom: inherit;
  border-color: rgba(0, 0, 0, 0.07);
  border-style: solid;
  border-width: 2px 0 2px 0;
}

table.default .legend {
  font-size: 80%;
}

table.default .legend strong {
  color: #7d807f;
}

table#queue td {
  text-align: center;
}
table#queue td.team {
  text-align: left;
}
table#queue td.team.center {
  text-align: center;
}

table.default.invoice th {
  background-color: transparent !important;
  color: #7d807f;
}

table.default.schedule th {
  background-color: transparent !important;
  color: #7d807f;
  padding: 7px 4px 6px 4px;
}
table.default.schedule td {
  background-color: transparent;
}
table.default.schedule tr:first-child td {
  border-top-color: #39bfa7;
}
table.default.schedule .round {
  vertical-align: top;
  font-size: 1.17em;
  font-weight: bold;
}
table.default.schedule .current tr:first-child td {
  border-top-color: #39bfa7;
}
table.default.schedule .current td {
  background-color: rgba(255, 255, 255, 0.2);
}

table.default.matchreport {
  margin-bottom: 30px;
}

table.default.matchreport th {
  width: 43%;
  height: 48px;
  font-size: 1.5em;
  text-align: center;
  color: #292929;
  text-transform: none;
  padding: 0.5em;
  white-space: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.default.matchreport th.score {
  padding: 0;
  width: 1%;
  white-space: nowrap;
}

table.default.matchreport th.score > div {
  color: #808080;
  margin: 5px 0;
}

table.default.matchreport th.score span {
  color: #222;
  background-color: #fff;
  padding: 0.2em 0.4em 0.15em 0.4em;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius-: 2px;
  border-radius: 2px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

table.default.matchreport span.home {
  margin-right: 0.3em;
}

table.default.matchreport span.away {
  margin-left: 0.3em;
}

table.default.matchreport td {
  padding-left: 0.2em;
  padding-right: 0.2em;
}

table.default.matchreport th.home {
  text-align: left;
  width: 42%;
}

table.default.matchreport td.right {
  text-align: right;
}

table.default.matchreport th.away {
  text-align: right;
  width: 42%;
}

table.default.matchreport th.home div,
table.default.matchreport th.away div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.default.matchreport .time {
  font-weight: bold;
  text-align: center;
  width: 6%;
}

table.default.matchreport td.event {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 5%;
}

table.default.matchreport td.name {
  width: 42%;
}

/* turn-finans summery on team pages*/
table.team-turns {
  background-color: transparent;
  margin: 0;
  margin-bottom: 10px;
  text-align: left;
}

table.team-turns tr:last-child th,
table.team-turns tr:last-child td {
  border: none;
}

table.default.team-turns td,
table.default.team-turns th {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 4px;
  font-size: 90%;
  color: #222;
}

table.default.team-turns tr.sub td,
table.default.team-turns tr.sub th {
  background-color: #f5f5f5;
  padding: 4px 4px 4px 10px;
}

table.default.team-turns tr.sub.first td,
table.default.team-turns tr.sub.first th {
  background: #f5f5f5;
  background: linear-gradient(top, #dadada 0%, #f5f5f5 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dadada", endColorstr="#f5f5f5",GradientType=0 );
}

table.team-turns tr.total th,
table.team-turns tr.total td {
  border-bottom: 2px solid #39bfa7;
  background-color: #fff;
}

table.team-turns tr.total th,
table.team-turns tr.sum th,
table.team-turns tr.sum td {
  font-weight: bold;
}

table.team-turns tr.sum th .meta {
  font-weight: normal;
}

table.team-turns tr.sum th,
table.team-turns tr.sum td {
  padding: 7px 4px 8px 4px;
  border-color: #ccc;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #fff;
}

table.team-turns tr.sum th,
table.team-turns tr.total th {
  padding-left: 4px;
}

table.team-turns tr.total th,
table.team-turns tr.total td {
  font-weight: bold;
  font-size: 1.2em;
  padding: 3px 4px;
}

table.default.team-turns th {
  text-transform: none;
}

table.grouping .all {
  display: table-cell;
}

table.grouping td, table.grouping th {
  display: none;
}

table.grouping .xs {
  display: table-cell;
}

table.grouping .all {
  display: table-cell;
}

@media screen and (min-width: 480px) {
  table.grouping .xs {
    display: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  table.grouping .s {
    display: table-cell;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  table.grouping .m {
    display: table-cell;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  table.grouping .l {
    display: table-cell;
  }
}
@media screen and (min-width: 1280px) {
  table.grouping .xl {
    display: table-cell;
  }
}
@media print {
  table.grouping .xs,
  table.grouping .s {
    display: none;
  }
  table.grouping .m,
  table.grouping .l,
  table.grouping .xl,
  table.grouping .all {
    display: table-cell;
  }
}
/* Styles for screens that are atleast 768px; */
/* fix for tables too wide to fit screen. a wrapper with class h-scroll */
.h-scroll {
  overflow-x: auto;
  width: 100%;
}

/* Foundation */
table tbody tr:nth-child(even) {
  background: none;
}

td.border-right, th.border-right {
  border-right: 1px solid #eee;
}

td.border-left, th.border-left {
  border-left: 1px solid #eee;
}

td.border-top, th.border-top {
  border-top: 1px solid #eee;
}

td.border-bottom, th.border-bottom {
  border-bottom: 1px solid #eee;
}

#matchSchedule table.default td {
  line-height: 1;
}
#matchSchedule table.default td table.default tr.action-highlight td small.meta {
  color: #000;
}
#matchSchedule table.default td span.fire img {
  vertical-align: middle;
}

.dialog-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0;
}

.dialog {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  background-color: #fdd5db;
  border-radius: 3px;
  margin-left: -40%;
  width: 80%;
  background-color: #fdd5db;
  padding: 1.25em;
  border: solid 0px #fdd5db;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px;
}
.dialog .column,
.dialog .columns {
  min-width: 0;
}
.dialog > :first-child {
  margin-top: 0;
}
.dialog > :last-child {
  margin-bottom: 0;
}
.dialog .close-dialog {
  font-size: 1.375em;
  line-height: 1;
  position: absolute;
  top: 0.5em;
  right: 0.6875em;
  color: #aaa;
  font-weight: bold;
  cursor: pointer;
}

@media print, screen and (min-width: 64em ) {
  .dialog {
    padding: 1.875em;
    top: 6.25em;
  }
  .dialog.small {
    margin-left: -15%;
    width: 30%;
  }
  .dialog.medium {
    margin-left: -20%;
    width: 40%;
  }
  .dialog.large {
    margin-left: -30%;
    width: 60%;
  }
  .dialog.xlarge {
    margin-left: -35%;
    width: 70%;
  }
  .dialog.expand {
    margin-left: -47.5%;
    width: 95%;
  }
}
/*
@media print {
	div:not(.dialog) { display: none; }
}*/
body.dialog-open .dialog {
  display: block;
}
body.dialog-open .dialog-bg {
  display: block;
}

li .mediaobject {
  line-height: 1.2;
}

.select-list {
  line-height: 1;
  /* selectable item */
  /* selected item */
  /*disabled item  */
}
.select-list input[type=checkbox],
.select-list input[type=radio] {
  display: none;
}
.select-list input[type=checkbox] + label,
.select-list input[type=radio] + label {
  font-size: 1em;
  margin: 0;
  padding: 6px 18px 7px 54px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  /* hover selectable item */
}
.select-list input[type=checkbox] + label i,
.select-list input[type=radio] + label i {
  color: #236caa;
  opacity: 0.2;
  display: block;
  width: 48px;
  height: 48px;
  left: 5px;
  top: 10px;
  text-align: center;
  line-height: 32px;
  font-size: 32px;
  position: absolute;
}
.select-list input[type=checkbox] + label:hover,
.select-list input[type=radio] + label:hover {
  border-color: #236caa;
}
.select-list input[type=checkbox] + label:hover i,
.select-list input[type=radio] + label:hover i {
  color: #236caa;
  opacity: 1;
}
.select-list input[type=checkbox] + label img,
.select-list input[type=radio] + label img {
  margin-bottom: 5px;
}
.select-list input[type=checkbox] + label h3,
.select-list input[type=radio] + label h3 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.select-list input[type=checkbox] + label small,
.select-list input[type=radio] + label small {
  display: block;
  margin-top: 7px;
}
.select-list input[type=checkbox]:checked + label,
.select-list input[type=radio]:checked + label {
  background-color: #236caa;
}
.select-list input[type=checkbox]:checked + label i,
.select-list input[type=checkbox]:checked + label h3,
.select-list input[type=checkbox]:checked + label .meta,
.select-list input[type=checkbox]:checked + label p,
.select-list input[type=radio]:checked + label i,
.select-list input[type=radio]:checked + label h3,
.select-list input[type=radio]:checked + label .meta,
.select-list input[type=radio]:checked + label p {
  color: #000;
  opacity: 1;
}
.select-list input[type=checkbox]:disabled + label,
.select-list input[type=radio]:disabled + label {
  cursor: default;
}
.select-list input[type=checkbox]:disabled + label i,
.select-list input[type=checkbox]:disabled + label h3,
.select-list input[type=checkbox]:disabled + label .meta,
.select-list input[type=checkbox]:disabled + label p,
.select-list input[type=radio]:disabled + label i,
.select-list input[type=radio]:disabled + label h3,
.select-list input[type=radio]:disabled + label .meta,
.select-list input[type=radio]:disabled + label p {
  color: #999;
  opacity: 0.5;
}
.select-list input[type=checkbox]:disabled + label:hover,
.select-list input[type=radio]:disabled + label:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.select-list.opt-in {
  /* selected item */
}
.select-list.opt-in i.checkbox {
  color: #236caa;
  opacity: 0.2;
  display: block;
  width: 48px;
  height: 48px;
  left: 5px;
  top: 10px;
  text-align: center;
  line-height: 32px;
  font-size: 32px;
  position: absolute;
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.select-list.opt-in i.checkbox::before {
  content: "\ea53";
}
.select-list.opt-in label {
  border-color: transparent;
  color: #292929;
}
.select-list.opt-in label small {
  color: #292929;
}
.select-list.opt-in label:hover {
  border-color: #236caa;
}
.select-list.opt-in label:hover i {
  color: #236caa;
  opacity: 1;
}
.select-list.opt-in input[type=checkbox] + label {
  border: 3px solid transparent;
  background-color: #feebee;
  min-height: initial;
}
.select-list.opt-in input[type=checkbox] + label i.checkbox::before {
  content: "\ea53";
}
.select-list.opt-in input[type=checkbox] + label:hover {
  border-color: #236caa;
}
.select-list.opt-in input[type=checkbox]:checked + label i.checkbox::before {
  content: "\ea52";
}
.select-list.opt-in input[type=checkbox]:checked + label i,
.select-list.opt-in input[type=checkbox]:checked + label h3 {
  color: #236caa;
  opacity: 1;
}
.select-list.opt-in input[type=checkbox]:checked + label .meta {
  color: #7d807f;
}
.select-list.opt-in input[type=checkbox]:checked + label p {
  color: #292929;
}

.select-list-alt input[type=radio] {
  display: none;
}
.select-list-alt input[type=checkbox] + label .show-hide,
.select-list-alt input[type=checkbox] + input[type=hidden] + label .show-hide,
.select-list-alt input[type=radio] + label .show-hide {
  display: none;
}
.select-list-alt input[type=checkbox]:checked + input[type=hidden] + label .show-hide,
.select-list-alt input[type=radio]:checked + label .show-hide {
  display: block;
}

/* streams */
.stream {
  list-style: none;
  margin: 0;
  line-height: 1;
}
.stream .post-meta {
  font-size: 75%;
}
.stream li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.stream li.mediaobject {
  padding-bottom: 10px;
}
.stream.forum .post-meta {
  margin-top: 0.375em;
  display: inline-block;
}
.stream.forum li {
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
}
.stream.wall {
  margin-bottom: 0.75em;
}
.stream.wall p {
  font-size: 0.875em;
}
.stream.wall li {
  padding: 0.75em 0;
}
.stream.wall li:first-child {
  padding-top: 0;
}
.stream.wall .mediaobject {
  margin: 0;
  display: block;
}
.stream.wall .mediaobject .author,
.stream.wall .mediaobject .bd {
  display: block;
}
.stream.wall .mediaobject .mediaobject {
  margin-top: 0.375em;
}
.stream.wall .deleted {
  text-align: center;
  font-size: 75%;
  padding: 1.5em;
}
.stream.wall .deleted span {
  color: #7d807f;
  margin-bottom: 0.75em;
  display: block;
}
.stream.compact li {
  border: none;
}
.stream.compact p {
  font-size: 75%;
}

.friends a {
  line-height: 1em;
}
.friends small {
  display: block;
  margin: 0.5em 0;
}

.userlist input[type=radio] + label,
.userlist input[type=checkbox] + label {
  padding: 5px;
  /*border:3px solid transparent;*/
}
.userlist input[type=radio] + label:hover,
.userlist input[type=checkbox] + label:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.userlist input[type=radio]:checked + label,
.userlist input[type=checkbox]:checked + label {
  background-color: rgba(255, 255, 255, 0.2);
}
.userlist .mediaobject .obj,
.userlist .mediaobject .img {
  margin-right: 5px;
}
.userlist .mediaobject h3 {
  margin-top: 0;
}
.userlist input[type=file],
.userlist input[type=checkbox],
.userlist input[type=radio],
.userlist select {
  margin-top: 10px;
}
.userlist .bd {
  font-size: 1em;
  line-height: 1em;
}

.cupmatches {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
  border: none;
}

.cupmatches li {
  border: 1px solid #E3E3E3;
  /*.border-radius(6px,6px,6px,6px);*/
  background-color: #fff;
  margin-bottom: 5px;
  padding: 0.4em 0.6em 0.5em 0.6em;
}

.cupmatches li:last-child {
  margin-bottom: 0;
}

.cupmatches li > a {
  display: block;
  position: relative;
}

.cupmatches li.message .away {
  text-align: center;
}

.cupmatches .home,
.cupmatches .away {
  display: block;
}

.cupmatches .home {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom-style: dashed;
  padding-bottom: 0.4em;
}

.cupmatches .mediaobject {
  margin: 0;
}

.cupmatches .bd {
  text-align: left;
}

.cupmatches li.message {
  text-align: center;
}

.cupmatches li.message .home {
  border-bottom: none;
  padding-bottom: 0;
}

.cupmatches .team,
.cupmatches .manager {
  color: #222;
}

.cupmatches li.lost .team,
.cupmatches li.lost .manager {
  color: #7d807f;
}

.cupmatches li.lost .team {
  text-decoration: line-through;
}

.cupmatches .team {
  display: block;
  font-weight: bold;
  margin-bottom: 0.2em;
}

.cupmatches .away {
  padding-top: 0.6em;
}

.cupmatches a .btn {
  position: absolute;
  margin-top: -1.2em;
  right: 0;
  top: 50%;
}

.cupmatches strong {
  display: block;
}

/* list of mediaObjects */
.mediaobjects {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
}

/* simple list devided by rules/lines */
.rules {
  list-style: none;
}
.rules li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 12px 0;
  margin: 0;
}

button,
.button {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 3px;
  background-color: #236caa;
  border-color: #236caa;
  color: #fff;
}
button:hover, button:focus,
.button:hover,
.button:focus {
  background-color: #236caa;
}
button:hover, button:focus,
.button:hover,
.button:focus {
  color: #fff;
}
button.action, button.primary,
.button.action,
.button.primary {
  background-color: #236caa;
  border-color: #236caa;
  color: #fff;
}
button.action:hover, button.action:focus, button.primary:hover, button.primary:focus,
.button.action:hover,
.button.action:focus,
.button.primary:hover,
.button.primary:focus {
  background-color: #236caa;
}
button.action:hover, button.action:focus, button.primary:hover, button.primary:focus,
.button.action:hover,
.button.action:focus,
.button.primary:hover,
.button.primary:focus {
  color: #fff;
}
button.icon-button,
.button.icon-button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  text-transform: none;
  display: inline-block;
}
button.icon-button [class*=icon-],
.button.icon-button [class*=icon-] {
  line-height: 24px;
}
button.icon-button.green-bg,
.button.icon-button.green-bg {
  background-color: green;
}
button.disabled, button[disabled],
.button.disabled,
.button[disabled] {
  /*
  &.action {
  	@include button-style($bg:$action-color, $disabled:true); 
  }*/
  background: rgba(65, 65, 65, 0.5) !important;
  color: #808080 !important;
}
button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover {
  background: rgba(65, 65, 65, 0.5) !important;
  color: #808080 !important;
}
button.secondary,
.button.secondary {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
  color: #236caa;
}
button.secondary:hover, button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  background: rgba(255, 255, 255, 0.8);
  color: #236caa;
}
button.facebook,
.button.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
  color: #fff;
}
button.facebook:hover, button.facebook:focus,
.button.facebook:hover,
.button.facebook:focus {
  background-color: #3b5998;
}
button.facebook:hover, button.facebook:focus,
.button.facebook:hover,
.button.facebook:focus {
  color: #fff;
}
button.google,
.button.google {
  background-color: #357ae8;
  border-color: #357ae8;
  color: #fff;
  color: #fff;
}
button.google:hover, button.google:focus,
.button.google:hover,
.button.google:focus {
  background-color: #357ae8;
}
button.google:hover, button.google:focus,
.button.google:hover,
.button.google:focus {
  color: #fff;
}
button.google-plus,
.button.google-plus {
  background-color: #d34836;
  border-color: #d34836;
  color: #fff;
  color: #fff;
}
button.google-plus:hover, button.google-plus:focus,
.button.google-plus:hover,
.button.google-plus:focus {
  background-color: #d34836;
}
button.google-plus:hover, button.google-plus:focus,
.button.google-plus:hover,
.button.google-plus:focus {
  color: #fff;
}
button.twitter,
.button.twitter {
  background-color: #4099FF;
  border-color: #4099ff;
  color: #fff;
  color: #fff;
}
button.twitter:hover, button.twitter:focus,
.button.twitter:hover,
.button.twitter:focus {
  background-color: #4099ff;
}
button.twitter:hover, button.twitter:focus,
.button.twitter:hover,
.button.twitter:focus {
  color: #fff;
}
button.aftonbladet-plus,
.button.aftonbladet-plus {
  background-color: #323232;
  border-color: #323232;
  color: #fff;
  color: #FFEB18;
}
button.aftonbladet-plus:hover, button.aftonbladet-plus:focus,
.button.aftonbladet-plus:hover,
.button.aftonbladet-plus:focus {
  background-color: #323232;
}
button.aftonbladet-plus:hover, button.aftonbladet-plus:focus,
.button.aftonbladet-plus:hover,
.button.aftonbladet-plus:focus {
  color: #fff;
}
button.aftonbladet-plus:hover,
.button.aftonbladet-plus:hover {
  color: #FFEB18;
}

.view-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em;
  font-size: 13px;
  margin-top: -5px;
  position: relative;
}
.view-nav dt,
.view-nav dd,
.view-nav li {
  float: left;
  display: inline;
  margin-left: 0.5625em;
  margin-bottom: 0.625em;
  font-weight: normal;
  font-size: 14px;
}
.view-nav dt a,
.view-nav dd a,
.view-nav li a {
  color: #236caa;
  text-decoration: none;
}
.view-nav dt.active a,
.view-nav dd.active a,
.view-nav li.active a {
  border-radius: 2px;
  font-weight: normal;
  background: transparent;
  padding: em-calc(8 9);
  cursor: default;
  color: #292929;
}
.view-nav dd {
  margin-left: 0;
  background-color: #fdd5db;
}
.view-nav dd a {
  padding: 0 0.625em;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.view-nav dd:last-child a {
  border: none;
}
.view-nav dd.active a {
  color: #7d807f;
  background: none;
}

/* addition to sub-nav */
.sub-nav dt.active a,
.sub-nav dt a,
.sub-nav dd.active a,
.sub-nav dd a,
.sub-nav li.active a,
.sub-nav li a {
  padding: 0.5em;
}
.sub-nav.filter dt {
  display: none;
}

@media print, screen and (min-width: 64em ) {
  .stream.forum h3,
  #forums h3 {
    font-size: 20px;
  }
}
.stream.forum .post-meta {
  margin-top: 0.375em;
  display: block;
}

.stream.forum .post-meta span:after {
  content: " ·";
}

.stream.forum .post-meta span:last-child:after {
  content: "";
}

.stream.forum a:link h3::before {
  font-weight: bold;
  content: "•";
}

.stream.forum a:visited h3::before {
  content: "○";
}

.stream.forum a:link h3 {
  color: #292929;
}

.stream.forum a:visited h3 {
  color: rgba(41, 41, 41, 0.8);
}

.stream.forum a:hover h3 {
  color: #292929;
}

.stream.forum a:active h3 {
  color: #292929;
}

.stream.forum .p {
  font-size: 14px;
  line-height: 24px;
}
.stream.forum h3.nomargin {
  margin-bottom: 12px !important; /* wow!*/
}

.stream li > a {
  display: block;
  overflow: hidden;
}

.stream a:link .p {
  color: #292929;
}
.stream a:visited .p {
  color: rgba(41, 41, 41, 0.8);
}
.stream a:hover .p {
  color: #292929;
}
.stream a:active .p {
  color: #292929;
}

.stream a:link .post-meta, .stream a:link .comments {
  color: #7d807f;
}
.stream a:visited .post-meta, .stream a:visited .comments {
  color: rgba(125, 128, 127, 0.8);
}
.stream a:hover .post-meta, .stream a:hover .comments {
  color: #7d807f;
}
.stream a:active .post-meta, .stream a:active .comments {
  color: #7d807f;
}

.stream .comments {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  font-size: 12px;
  color: #7d807f;
  font-family: Roboto, Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
}

.post-meta .user img {
  width: 16px;
  height: 16px;
  display: inline;
  vertical-align: text-top;
}

.post.reply {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  position: relative;
}

.post .post-meta {
  font-size: 11px;
  color: #7d807f;
  text-align: right;
  margin-bottom: 1em;
}

.post .post-meta .count {
  float: left;
}

.post .post-meta .count:before {
  content: "#";
}

.post textarea {
  max-width: 100%;
  margin-bottom: 0;
}

.post.reply textarea {
  height: auto;
}

.post.create textarea {
  min-height: 150px;
}

.mediaobject .more {
  margin-top: 0.375em;
  margin-bottom: 0;
}

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media print, screen and (min-width: 64em ) {
  .post .avatar {
    width: 64px;
    height: 64px;
  }
  .post-meta .user {
    display: none;
  }
  .post .post-action {
    transition: all 0.5s ease;
    opacity: 0;
  }
  .post .post-meta {
    transition: all 0.5s ease;
    opacity: 0.6;
  }
  .post:hover .post-meta,
  .post:hover .post-action {
    opacity: 1;
  }
  .post textarea {
    margin-bottom: 1em;
  }
  .post.create textarea {
    min-height: 250px;
  }
}
[class*=icon-] {
  display: inline;
  line-height: 1;
  vertical-align: middle;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  text-decoration: none;
  text-transform: none;
}
[class*=icon-].large {
  font-size: 130%;
  vertical-align: middle;
}
[class*=icon-].xlarge {
  font-size: 200%;
  vertical-align: middle;
}
[class*=icon-].hide-text {
  text-indent: -5000px;
}
[class*=icon-].transparent {
  color: transparent !important;
}
[class*=icon-].disabled {
  color: #808080 !important;
}
[class*=icon-].platinum {
  color: #C4D4D5 !important;
}
[class*=icon-].gold {
  color: #FFC63E !important;
}
[class*=icon-].facebook {
  color: #3B5998 !important;
}
[class*=icon-].silver {
  color: #B6B2A8 !important;
}
[class*=icon-].bronze {
  color: #F59E54 !important;
}
[class*=icon-].primary {
  color: #39bfa7 !important;
}
[class*=icon-].action {
  color: #236caa !important;
}
[class*=icon-].action.button {
  color: #fff !important;
}
[class*=icon-].yellow {
  color: #fc0 !important;
}
[class*=icon-].green {
  color: #35c735 !important;
}
[class*=icon-].gray {
  color: #666666 !important;
}
[class*=icon-].light-gray {
  color: #aaa !important;
}
[class*=icon-].red {
  color: #c00 !important;
}
[class*=icon-].blue {
  color: #36c !important;
}
[class*=icon-].inverted {
  color: #fff !important;
  display: inline-block;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
[class*=icon-].inverted.disabled {
  background-color: #808080;
}
[class*=icon-].inverted.platinum {
  background-color: #C4D4D5;
}
[class*=icon-].inverted.gold {
  background-color: #FFC63E;
}
[class*=icon-].inverted.white {
  background-color: #fff;
}
[class*=icon-].inverted.silver {
  background-color: #B6B2A8;
}
[class*=icon-].inverted.bronze {
  background-color: #F59E54;
}
[class*=icon-].inverted.primary {
  background-color: #39bfa7;
}
[class*=icon-].inverted.action {
  background-color: #236caa;
}
[class*=icon-].inverted.yellow {
  background-color: #fc0;
}
[class*=icon-].inverted.green {
  background-color: #35c735;
}
[class*=icon-].inverted.gray {
  background-color: #666666;
}
[class*=icon-].inverted.light-gray {
  background-color: #aaa;
}
[class*=icon-].inverted.red {
  background-color: #c00;
}
[class*=icon-].inverted.blue {
  background-color: #36c;
}
[class*=icon-].outlined {
  display: inline-block;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  line-height: 21px;
  border: 2px solid;
}
[class*=icon-].outlined.disabled {
  border-color: #808080;
}
[class*=icon-].outlined.platinum {
  border-color: #C4D4D5;
}
[class*=icon-].outlined.gold {
  border-color: #FFC63E;
}
[class*=icon-].outlined.white {
  border-color: #fff;
}
[class*=icon-].outlined.silver {
  border-color: #B6B2A8;
}
[class*=icon-].outlined.bronze {
  border-color: #F59E54;
}
[class*=icon-].outlined.primary {
  border-color: #39bfa7;
}
[class*=icon-].outlined.action {
  border-color: #236caa;
}
[class*=icon-].outlined.yellow {
  border-color: #fc0;
}
[class*=icon-].outlined.green {
  border-color: #35c735;
}
[class*=icon-].outlined.gray {
  border-color: #666666;
}
[class*=icon-].outlined.light-gray {
  border-color: #aaa;
}
[class*=icon-].outlined.red {
  border-color: #c00;
}
[class*=icon-].outlined.blue {
  border-color: #36c;
}

td [class*=icon-].large,
td a[class*=icon-].large {
  margin-top: -0.25em;
  margin-bottom: -0.25em;
}

td [class*=icon-].large.inverted,
td [class*=icon-].large.outlined {
  font-size: 115%;
}

table [class*=icon-] {
  line-height: 0.9;
}

table a.compare.icon-growth {
  color: #fff;
  background-color: #236caa;
  padding: 5px;
  border-radius: 6px;
}

table.default tr.inactive a[class*=icon-].inverted:not(.immune),
table.default tr.disabled a[class*=icon-].inverted:not(.immune) {
  color: transparent;
  background-color: #808080;
}

table.default tr.inactive a[class*=icon-].outlined:not(.immune),
table.default tr.disabled a[class*=icon-].outlined:not(.immune) {
  color: #808080;
  border-color: #808080;
}

.button.icon-only [class*=icon-] {
  line-height: 2.2em;
}

.button.icon-only [class*=icon-].large {
  line-height: 1.8em;
}

[class*=icon-]:before,
[class*=icon-]:after {
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

/* PLUS subscription related icons*/
.icon-plus-shield:before {
  content: "@";
}

.icon-plus-name:before {
  content: "A";
}

.icon-office:before {
  content: "\e604";
}

.icon-eye:before {
  content: "\e601";
}

.icon-mobile:before {
  content: "\e600";
}

.icon-crosshair:before {
  content: "\e602";
}

.icon-exit:before {
  content: "\\";
}

.icon-speech:before {
  content: "7";
}

.icon-live:before {
  content: "6";
}

.icon-world:before {
  content: "#";
}

.icon-podium:before {
  content: "!";
}

.icon-flag:before {
  content: "F";
}

.icon-star:before {
  content: "S";
}

.icon-circle:before {
  content: "-";
}

.icon-home:before {
  content: "H";
}

.icon-arrow-down:before {
  content: "}";
}

.icon-info-circle:before {
  content: "i";
}

.icon-check-circle:before {
  content: "V";
}

.icon-warning:before {
  content: '"';
}

.icon-question-circle:before {
  content: "?";
}

.icon-pie-chart:before {
  content: "Z";
}

.icon-magnify:before {
  content: "s";
}

.icon-magnify-circle:before {
  content: "5";
}

.icon-arrow-up:before {
  content: "{";
}

.icon-arrow-left:before {
  content: "[";
}

.icon-menu:before {
  content: "m";
}

.icon-time:before {
  content: "t";
}

.icon-minus:before {
  content: "_";
}

.icon-division:before {
  content: "E";
}

.icon-minus-circle:before {
  content: "M";
}

.icon-plus:before {
  content: "&";
}

.icon-plus-circle:before {
  content: "+";
}

.icon-check:before {
  content: "3";
}

.icon-lock:before {
  content: "(";
}

.icon-lock-open:before {
  content: ")";
}

.icon-cross-circle:before {
  content: "D";
}

.icon-gear:before {
  content: "y";
}

.icon-cross:before {
  content: "x";
}

.icon-user:before {
  content: "U";
}

.icon-group:before {
  content: "g";
}

.icon-cup-tree:before {
  content: "C";
}

.icon-lightning:before {
  content: "e";
}

.icon-cup:before {
  content: "c";
}

.icon-arrow-right:before {
  content: "]";
}

.icon-arrow-two-ways:before {
  content: "9";
}

.icon-basket:before {
  content: "%";
}

.icon-growth:before {
  content: "'";
}

.icon-money:before {
  content: "$";
}

.icon-money.special-color:before {
  color: #6CA379;
}

.icon-value-for-money:before {
  content: "*";
}

.icon-value-for-money.special-color:before {
  color: #c66;
}

.icon-award:before {
  content: "O";
}

.icon-funnel:before {
  content: "Y";
}

.icon-heart:before {
  content: "k";
}

.icon-heart.special-color:before {
  color: #f66;
}

.icon-heart-broken:before {
  content: "8";
}

.icon-heart-broken.special-color:before {
  color: #f66;
}

.icon-pin:before {
  content: "p";
}

.icon-edit:before {
  content: "\e603";
}

.icon-undo:before {
  content: "u";
}

.icon-wand:before {
  content: "w";
}

.icon-soccer-ball:before {
  content: "f";
}

.icon-soccer-glove:before {
  content: "=";
}

.icon-soccer-glove-outline:before {
  content: ">";
}

.icon-soccer-ball-cross:before {
  content: "<";
}

.icon-soccer-arrow-right:before {
  content: "a";
}

.icon-soccer-arrow-right.special-color:before {
  color: #090;
}

.icon-card:before {
  content: "1";
}

.icon-card-red:before {
  content: "1";
}

.icon-card-red.special-color:before {
  color: #c00;
}

.icon-card-yellow:before {
  content: "1";
}

.icon-card-yellow.special-color:before {
  color: #fc0;
}

.icon-card-second-yellow:before {
  content: "2";
}

.icon-card-second-yellow.special-color:before {
  color: #fc0;
}

.icon-arrow-left-circle:before {
  content: "l";
}

.icon-arrow-right-circle:before {
  content: "r";
}

.icon-arrow-up-circle:before {
  content: "o";
}

.icon-arrow-down-circle:before {
  content: "n";
}

.icon-toggle-left-circle:before {
  content: ",";
}

.icon-toggle-right-circle:before {
  content: ".";
}

.icon-toggle-up-circle:before {
  content: ";";
}

.icon-toggle-down-circle:before {
  content: ":";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

.icon-checkbox-unchecked:before {
  content: "\ea53";
}

.icon-poll:before {
  content: "Z";
}

.icon-facebook:before {
  content: "0";
}

.icon-google:before {
  content: "4";
}

.icon-google-plus:before {
  content: "-";
}

.icon-twitter:before {
  content: "/";
}

.icon-holdet:before {
  content: "L";
}

.icon-aftonbladet-plus:before {
  content: ">";
}

.icon-aftonbladet-plus.large {
  font-size: 200% !important;
  display: inline-block !important;
  line-height: 0.3125em !important;
}

.alert {
  border-radius: 3px;
  border-style: none;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: #fffed6;
  border-color: rgb(255, 252.756097561, 163);
  color: black;
}
.alert .close {
  font-size: 1.375em;
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 0.4375em;
  right: 0.3125em;
  color: #333;
  opacity: 0.3;
}
.alert .close:hover, .alert .close:focus {
  opacity: 0.5;
}
.alert.radius {
  border-radius: 3px;
}
.alert.round {
  border-radius: 1000px;
}
.alert.success {
  background-color: #c9ffc8;
  border-color: rgb(150.9272727273, 255, 149);
  color: black;
}
.alert.secondary {
  background-color: #f700ff;
  border-color: rgb(197.6, 0, 204);
  color: #292929;
}
.alert.error {
  background-color: #ffc5c5;
  border-color: #ff9292;
  color: black;
}
.alert.info {
  background-color: #c1d2fd;
  border-color: rgb(143.59375, 174.140625, 251.40625);
  color: black;
}
.alert a, .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  color: #000;
}
.alert a:link,
.alert a:visited,
.alert a:hover,
.alert a:visited {
  color: #000;
  text-decoration: underline;
}

.notification {
  background-color: #fffed6;
  padding: 0.75em;
  color: #000;
}
.notification a:link,
.notification a:visited,
.notification a:hover,
.notification a:visited {
  color: #000;
  text-decoration: underline;
}
.notification.green {
  background-color: #c9ffc8;
}
.notification.red {
  background-color: #ffc5c5;
}
.notification.blue {
  background-color: #c1d2fd;
}
.notification small.meta {
  display: inline-block;
}

ol.steps {
  color: #666;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 11px;
  list-style: none;
  background-color: #ededed;
  position: relative;
  height: 20px;
}

.steps li {
  display: inline-block;
  line-height: 21px;
  height: 20px;
  text-shadow: 0 1px 1px rgb(255, 255, 255);
  text-align: center;
  width: 49.3%;
  width: 50%;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.steps li.act:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #ededed;
  border-bottom: 10px solid #ededed;
  border-left: 5px solid transparent;
  border-right: none;
  position: absolute;
  right: 0;
  top: 0;
}

.steps li.act:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 5px solid #ededed;
  border-right: none;
  position: absolute;
  left: 0;
  top: 0;
}

.steps li.act:first-child:after {
  border-left-color: #fff;
}

.steps li.act:last-child:before {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.steps li.act {
  background-color: #999;
  color: #fff;
  text-shadow: none;
}

.steps.c3 li {
  width: 33.333%;
}

.steps.c4 li {
  width: 25%;
}

.fs-validation-message {
  display: block !important;
  font-size: 11px;
  margin-top: -8px;
}

select {
  color: #236caa;
  -webkit-appearance: none !important;
  background-color: #fffcfd;
  font-family: inherit;
  border: 1px solid #fff;
  box-shadow: none;
  color: #236caa;
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  box-sizing: border-box;
  background: #fffcfd url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIgc3R5bGU9ImZpbGw6IzIzNmNhYTsiLz48L3N2Zz4=");
  background-position-x: 97%;
  background-position-y: center;
  background-repeat: no-repeat;
  height: 48px;
  border-radius: 3px;
  box-shadow: none;
  border: none;
}
select:focus {
  background: #fff;
  border-color: #236caa;
  outline: none;
}
select[disabled] {
  background-color: transparent;
}
select:active, select:focus {
  background: #fffcfd url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIgc3R5bGU9ImZpbGw6IzIzNmNhYTsiLz48L3N2Zz4=");
  background-position-x: 97%;
  background-position-y: center;
  background-repeat: no-repeat;
}

.pull-up {
  margin-top: -0.5em;
}

input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {
  height: 48px;
  border-radius: 3px;
}
input[type=text].large, input[type=password].large, input[type=date].large, input[type=datetime].large, input[type=datetime-local].large, input[type=month].large, input[type=week].large, input[type=email].large, input[type=number].large, input[type=search].large, input[type=tel].large, input[type=time].large, input[type=url].large, textarea.large {
  font-size: 125%;
}

textarea {
  height: auto;
  color: #236caa;
}

/* Label Styles */
label:not([for=new-group]) {
  font-size: 11px;
  line-height: 24px;
  min-height: 24px;
}

label[for=new-group] {
  font-size: 1em;
}

label small {
  text-transform: none;
}
label h3 {
  color: #236caa;
}
label:hover h3 {
  color: white;
}
label input[type=file],
label input[type=checkbox],
label input[type=radio],
label select,
label .inputwrapCheckbox input[type=checkbox] {
  margin: 0;
}

.inputwrapCheckbox {
  margin-bottom: 1em;
}
.inputwrapCheckbox label {
  line-height: 24px;
  min-height: 24px;
  display: inline;
}

.inline {
  display: inline;
}

input[type=submit], input[type=button], button {
  -webkit-appearance: none;
}

#split {
  color: blue;
}

.panel.black {
  border-style: solid;
  border-width: 0px;
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5em;
  padding: 0.625em;
  background: #000;
}
.panel.black > :first-child {
  margin-top: 0;
}
.panel.black > :last-child {
  margin-bottom: 0;
}
.panel.black h1, .panel.black h2, .panel.black h3, .panel.black h4, .panel.black h5, .panel.black h6, .panel.black p {
  color: #fff;
}
.panel.black h1, .panel.black h2, .panel.black h3, .panel.black h4, .panel.black h5, .panel.black h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.black h1.subheader, .panel.black h2.subheader, .panel.black h3.subheader, .panel.black h4.subheader, .panel.black h5.subheader, .panel.black h6.subheader {
  line-height: 1.4;
}

.panel.upgrade {
  border-style: solid;
  border-width: 0px;
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5em;
  padding: 0.625em;
  background: gold;
  color: black;
}
.panel.upgrade > :first-child {
  margin-top: 0;
}
.panel.upgrade > :last-child {
  margin-bottom: 0;
}
.panel.upgrade h1, .panel.upgrade h2, .panel.upgrade h3, .panel.upgrade h4, .panel.upgrade h5, .panel.upgrade h6, .panel.upgrade p {
  color: #292929;
}
.panel.upgrade h1, .panel.upgrade h2, .panel.upgrade h3, .panel.upgrade h4, .panel.upgrade h5, .panel.upgrade h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.upgrade h1.subheader, .panel.upgrade h2.subheader, .panel.upgrade h3.subheader, .panel.upgrade h4.subheader, .panel.upgrade h5.subheader, .panel.upgrade h6.subheader {
  line-height: 1.4;
}
.panel.upgrade h1, .panel.upgrade h2, .panel.upgrade h3, .panel.upgrade h4, .panel.upgrade h5, .panel.upgrade h6, .panel.upgrade p {
  color: black;
}
.panel.upgrade .button.action, .panel.upgrade .button.primary {
  background: black;
  color: #236caa;
}

.panel.official {
  border-style: solid;
  border-width: 0px;
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5em;
  padding: 0.625em;
  background: gold;
  color: black;
}
.panel.official > :first-child {
  margin-top: 0;
}
.panel.official > :last-child {
  margin-bottom: 0;
}
.panel.official h1, .panel.official h2, .panel.official h3, .panel.official h4, .panel.official h5, .panel.official h6, .panel.official p {
  color: #292929;
}
.panel.official h1, .panel.official h2, .panel.official h3, .panel.official h4, .panel.official h5, .panel.official h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.official h1.subheader, .panel.official h2.subheader, .panel.official h3.subheader, .panel.official h4.subheader, .panel.official h5.subheader, .panel.official h6.subheader {
  line-height: 1.4;
}

.panel {
  border-radius: 3px;
  font-size: 14px;
  min-height: 48px;
  padding: 16px 10px;
  margin-bottom: 12px;
}
.panel a h1, .panel a h2, .panel a h3, .panel a h4, .panel a h5, .panel a h6 {
  color: #236caa;
}
.panel a:hover h1, .panel a:hover h2, .panel a:hover h3, .panel a:hover h4, .panel a:hover h5, .panel a:hover h6 {
  color: white;
}
.panel hr {
  margin: 0.625em 0;
}
.panel p {
  margin-bottom: 12px;
}
.panel.summary {
  min-height: 72px;
  text-align: center;
  position: relative;
  padding-bottom: 0.15625em;
}
.panel.summary + table { /* if this is a summary directly followed by a table, pull up the table*/
  margin-top: -1.5em;
}
.panel.summary .columns {
  margin-top: 12px;
  margin-bottom: 12px;
}
.panel.summary [class*=icon-]:before {
  line-height: 0.7;
}
.panel.summary .key {
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  height: 24px;
  text-align: center;
  color: #7d807f;
}
.panel.summary .value {
  margin: -4px -0.5em 4px -0.5em;
  /*
  font-size: 18px;
  line-height:18px;
  */
  font-size: 2.125em;
}
.panel.summary .mediaobject .value {
  margin-left: 0;
}
.panel.summary .value.small {
  font-size: 0.91875em;
}
.panel .columns .value.small {
  font-size: 0.91875em;
  line-height: inherit;
}
.panel.summary .byline {
  display: block;
  font-size: 11px;
  color: #7d807f;
  min-height: 24px;
  margin: 0;
  margin-bottom: -0.5em;
}
.panel.summary .graph {
  display: block;
  margin: 12px 0;
}
.panel.summary .columns:before, .panel.summary .columns:after {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.07);
  position: absolute;
}
.panel.summary .columns:after {
  height: 1px;
  left: 12px;
  right: 12px;
  bottom: -10px;
}
.panel.summary .columns:before {
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  left: auto;
  bottom: auto;
}
.panel.summary .small-6.columns:nth-child(even):before, .panel.summary .columns:last-child:before {
  display: none;
}
.panel.summary .row:last-child .columns:after, .panel.summary .small-6.columns:nth-last-child(-n+2):after {
  display: none;
}
.panel.summary .large-6.small-6.columns:nth-child(1):after, .panel.summary .large-6.small-6.columns:nth-child(2):after, .panel.summary .large-3.small-6.columns:nth-child(1):after, .panel.summary .large-3.small-6.columns:nth-child(2):after {
  display: block;
}
.panel.summary .row:last-child .columns:after {
  display: none !important;
}
.panel.summary .mediaobject {
  text-align: left;
  margin: 0;
}
.panel.summary .mediaobject .key {
  text-align: left;
}

@media print, screen and (min-width: 64em ) {
  .panel {
    /*
    .columns .value {
    	font-size: $h1-font-size;
    	line-height:30px;
    }
    */
  }
  .panel.summary {
    padding-top: 0;
    padding-bottom: 0;
  }
  .panel.summary .large-4.small-6.columns:nth-child(even):after, .panel.summary .row:last-child .columns:after {
    display: none !important;
  }
  .panel.summary .small-6.columns:nth-child(even):before {
    display: block;
  }
  .panel.summary .small-6.columns:last-child:before {
    display: none;
  }
  .panel .columns .value.small {
    font-size: 1.3125em;
  }
}
/* Pricing Tables */
.pricing-table {
  border-radius: 3px;
  border-radius: 24px;
  overflow: hidden;
  border: solid 1px rgba(255, 255, 255, 0.5);
  margin-left: 0;
  margin-bottom: 1.25em;
}
.pricing-table * {
  list-style: none;
  line-height: 1;
}
.pricing-table .title {
  background-color: #ddd;
  padding: 0.9375em 1.25em;
  text-align: center;
  color: #333;
  font-weight: bold;
  font-size: 1em;
}
.pricing-table .price {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.9375em 1.25em;
  text-align: center;
  color: #292929;
  font-weight: normal;
  font-size: 1.875em;
  background-color: #39bfa7;
}
.pricing-table .description {
  background-color: transparent;
  padding: 0.9375em;
  text-align: center;
  color: #292929;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
}
.pricing-table .description.meta {
  color: #7d807f;
  font-size: 0.75em;
}
.pricing-table .bullet-item {
  background-color: transparent;
  padding: 0.9375em;
  text-align: center;
  color: #292929;
  font-size: 0.875em;
  font-weight: normal;
  border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
}
.pricing-table .cta-button {
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
  padding: 1.25em 1.25em 0;
}

.pricing-table.bronze {
  border-color: #F59E54;
}
.pricing-table.bronze .title {
  color: rgb(166.2762430939, 81.679558011, 9.7237569061);
  background-color: #F59E54;
}

.pricing-table.silver {
  border-color: #B6B2A8;
}
.pricing-table.silver .title {
  color: rgb(107.11875, 102.19375, 89.88125);
  background-color: #B6B2A8;
}

.pricing-table.gold {
  border-color: #FFC63E;
}
.pricing-table.gold .title {
  color: rgb(164, 115.5647668394, 0);
  background-color: #FFC63E;
}

.pricing-table.platinum {
  border-color: #C4D4D5;
}
.pricing-table.platinum .title {
  color: rgb(106.6237623762, 146.8613861386, 149.3762376238);
  background-color: #C4D4D5;
}

.pricing-table.disabled {
  opacity: 0.4;
}

.toggle-trigger {
  line-height: 2;
}

.toggle-target {
  display: none;
}

.toggle-target.active {
  display: block;
}

@media print, screen and (min-width: 64em ) {
  .toggle-target {
    display: block;
  }
}
/* 
Navigation menus in header and footer
*/
.toggle-nav {
  overflow: hidden;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 3px;
  right: 2px;
  cursor: pointer;
  z-index: 5;
}
.toggle-nav img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.identity.sponsor-active .toggle-nav {
  top: 23px;
}

.nav {
  background: transparent;
  font-family: Roboto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  position: relative;
}

footer .nav {
  display: block;
  max-height: 48px;
  background: transparent;
}

.nav.active {
  display: block;
}

.nav ul {
  margin: 0;
  padding: 0;
}

.nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  position: relative;
  letter-spacing: normal;
  display: inline-block;
}

.nav li:last-child {
  border-bottom: none;
}

footer .nav li {
  list-style: none;
  display: inline-block;
  height: 48px;
}

.nav a {
  position: relative;
  display: block;
  color: #236caa;
  height: 48px;
  line-height: 48px;
  padding: 0 10.5px;
  border: none;
}
.nav li.active a {
  color: #292929;
}

footer .nav a {
  border: none;
}

/*
.nav a::after {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 16px;
	left: 0;
	border: 6px solid transparent;
	z-index: 3;
}
.nav li.active a::after,
.nav a:hover::after {
	border-left-color:#fff;
}*/
.content-head .sub-nav {
  /*@include smooth-font;
  font-family: $menu-font-family;
  font-weight: $menu-font-weight;
  font-style: $menu-font-style;*/
  margin-bottom: 0;
}
.content-head .sub-nav dt,
.content-head .sub-nav dd,
.content-head .sub-nav li {
  margin: 0;
}
.content-head .sub-nav a {
  height: 48px;
  line-height: 48px;
  /*display:block;
  padding:0 emCalc(10px);
  border: none;
  position:relative;*/
}

footer .nav li.active a::after,
footer .nav a:hover::after {
  border-left-color: transparent;
}

@media print, screen and (min-width: 64em ) {
  .toggle-nav {
    display: none;
  }
  .nav {
    background: transparent;
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    position: relative;
    display: block;
    max-height: inherit;
  }
  .nav ul {
    list-style: none;
    margin-left: 0.125em;
    line-height: 48px;
    height: 48px;
  }
  .nav li {
    list-style: none;
    display: block;
    float: left;
    height: 48px;
  }
  .nav a {
    color: #236caa;
    height: 48px;
    line-height: 48px;
    display: block;
    padding: 0 10.5px;
    border: none;
    position: relative;
  }
  .nav li.active a {
    color: #292929;
  }
  /*
  .nav a:hover::after,
  .nav li.active a::after {
  	content: "";
  	display: block;
  	width: 14px;
  	height: 14px;
  	position: absolute;
  	top:26px;
  	left: 50%;
  	margin-left: -7px;
  	border: 6px solid transparent;
  	z-index: 3;
  	cursor: pointer;
  }
  header .nav a:hover::after,
  header .nav li.active a::after {
  	top:26px;
  	border-bottom-color: $secondary-color;
  }
  */
  footer .nav a:hover::after,
  footer .nav li.active a::after {
    top: 0px;
    border-top-color: #fff;
  }
  .home footer .nav a:hover::after,
  .home footer .nav li.active a::after {
    display: none;
  }
  .home footer .nav a:hover {
    text-decoration: underline;
  }
  /* faded nav (hover shouild be moved to outer parent that includes all the header area ) */
  /* disabled because, header areas are very light and suffers from poor contrast - this makes it worse */
  /*
  header.area {
  	.nav {
  		a {
  			opacity: .8;
  			transition: opacity 200ms ease-out;
  		}
  		.active {
  			a {
  				opacity: 1;
  			}
  		}

  	}
  	&:hover {
  		.nav {
  			a {
  				opacity: 1;
  			}

  		}
  	}
  }*/
}
@media screen and (min-width: 64em ) {
  .nav li {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
/* Contain floats: h5bp.com/q */
.panel:before, .panel:after {
  content: "";
  display: table;
}

.panel:after {
  clear: both;
}

.panel {
  *zoom: 1;
}

.panel.submit input[type=submit] {
  float: right;
}

.panel.submit input[type=reset] {
  float: left;
}

/* Tabs ---------------------- */
.tabs {
  list-style: none;
  border-bottom: solid 1px rgb(229.5, 229.5, 229.5);
  display: block;
  height: 2em;
  padding: 0;
  margin-bottom: 20px;
}
.tabs.contained {
  margin-bottom: 0;
  margin-left: 0;
}
.tabs dt, .tabs li.section-title {
  color: rgb(178.5, 178.5, 178.5);
  cursor: default;
  display: block;
  float: left;
  font-size: 1em;
  height: 2em;
  line-height: 2em;
  padding: 0;
  padding-left: 9px;
  padding-left: 20px;
  font-weight: normal;
  width: auto;
  text-transform: uppercase;
}
.tabs dt:first-child, .tabs li.section-title:first-child {
  padding: 0;
  padding-left: 9px;
}
.tabs dd, .tabs li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.tabs dd a, .tabs li a {
  color: rgb(171.0524193548, 229.9475806452, 219.3991935484);
  display: block;
  font-size: 0;
  height: 2em;
  line-height: 2em;
  padding: 0px 0.0875em;
}
.tabs dd a:focus, .tabs li a:focus {
  font-weight: bold;
  color: #39bfa7;
}
.tabs dd.active, .tabs li.active {
  border-top: 3px solid #39bfa7;
  margin-top: -3px;
}
.tabs dd.active a, .tabs li.active a {
  cursor: default;
  color: rgb(92.4959677419, 206.5040322581, 186.0846774194);
  background: #fff;
  border-left: 1px solid rgb(229.5, 229.5, 229.5);
  border-left: 1px solid rgb(229.5, 229.5, 229.5);
  font-weight: bold;
}
.tabs dd:first-child, .tabs li:first-child {
  margin-left: 0;
}
.tabs.vertical {
  height: auto;
  border-bottom: 1px solid rgb(229.5, 229.5, 229.5);
}
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
  float: none;
  height: auto;
}
.tabs.vertical dd, .tabs.vertical li {
  border-left: 3px solid #cccccc;
}
.tabs.vertical dd a, .tabs.vertical li a {
  background: rgb(242.25, 242.25, 242.25);
  border: none;
  border: 1px solid rgb(229.5, 229.5, 229.5);
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 0;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
}
.tabs.vertical dd.active, .tabs.vertical li.active {
  margin-top: 0;
  border-top: 1px solid rgb(76.5, 76.5, 76.5);
  border-left: 4px solid rgb(25.5, 25.5, 25.5);
}
.tabs.vertical dd.active a, .tabs.vertical li.active a {
  background: rgb(76.5, 76.5, 76.5);
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
}
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
  margin: 0;
}
.tabs.pill {
  border-bottom: none;
  margin-bottom: 10px;
}
.tabs.pill dd, .tabs.pill li {
  margin-left: 10px;
}
.tabs.pill dd:last-child, .tabs.pill li:last-child {
  margin-left: 0;
}
.tabs.pill dd a, .tabs.pill li a {
  background: rgb(229.5, 229.5, 229.5);
  height: -12em;
  line-height: -12em;
  color: #666;
}
.tabs.pill dd.active, .tabs.pill li.active {
  border: none;
  margin-top: 0;
}
.tabs.pill dd.active a, .tabs.pill li.active a {
  background-color: #39bfa7;
  border: none;
  color: #fff;
}
.tabs.pill.contained {
  border-bottom: solid 1px #eee;
  margin-bottom: 0;
}
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
  margin-left: 0;
}
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
  padding: 0 0.0625em;
  text-align: center;
  overflow: hidden;
}
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
  width: 50%;
}
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {
  width: 33.33%;
}
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {
  width: 25%;
}
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
  width: 20%;
}

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}
ul.tabs-content > li {
  display: none;
}
ul.tabs-content > li.active {
  display: block;
}
ul.tabs-content.contained {
  padding: 0;
}
ul.tabs-content.contained > li {
  border: solid 0 rgb(229.5, 229.5, 229.5);
  border-width: 0 1px 1px 1px;
  padding: 20px;
}
ul.tabs-content.contained.vertical > li {
  border-width: 1px 1px 1px 1px;
}

.no-js ul.tabs-content > li {
  display: block;
}

/*
	Component: Identity
	Provides an identity to a page via a header. The component can be used for game and global headers,
	and supports a sponsor.

*/
/* Default Variables */
/* used to scale edition parts of headings, as it is sometimes a different font-face.*/
.area {
  background-color: #39bfa7;
  margin-top: -36px;
  padding-top: 36px;
}

.identity {
  color: #fff;
  position: relative;
  height: 32px;
}

.identity.sponsor-active {
  height: 56px;
}

.identity > div {
  height: inherit;
}

.identity h1,
.identity.compact h1 {
  font-family: geomanist-ultra;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #fff;
  display: inline-block;
  position: relative;
  z-index: 4;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
  line-height: 16px;
  height: 16px;
  overflow: hidden;
  width: 100%;
  margin-right: -1.5em;
}

.identity h1 a {
  display: inline-block;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
}

.identity.compact h1 {
  color: #fff;
}
.identity.compact h1 a {
  color: #fff;
}

.identity.byline-active h1,
.identity.status-active h1 {
  margin-top: 10px;
  margin-bottom: 0px;
}

.identity.sponsor-active h1 {
  margin-top: 10px;
}

.identity.sponsor-active.byline-active h1,
.identity.sponsor-active.status-active h1 {
  margin-top: 0px;
}

.identity h1 .edition {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
}

.identity h2 {
  display: none;
}

.identity.byline-active .byline {
  color: #fff;
  display: block;
  font-size: 11px;
  margin-top: -9px;
  z-index: 4;
}

.identity.byline-active.status-active .byline {
  display: none;
}

@media print, screen and (min-width: 64em ) {
  .identity,
  .identity.sponsor-active {
    height: 96px;
  }
  .identity.compact {
    height: 80px;
  }
  .area {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: -48px;
    padding-top: 48px;
  }
  .identity h1 {
    text-shadow: none;
    font-family: geomanist-ultra;
    font-size: 32px;
    letter-spacing: 0px;
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 48px;
    height: 40px;
  }
  .identity h1 .edition {
    font-weight: 600;
  }
  .identity.compact h1 {
    text-shadow: none;
    font-family: geomanist-ultra;
    font-size: 40px;
    letter-spacing: 0px;
    margin-top: 20px;
    line-height: 48px;
    height: 40px;
  }
  .identity.byline-active h1 {
    margin-top: 40px;
  }
  .identity.compact.byline-active h1 {
    margin-top: 13px;
    margin-bottom: 7px;
  }
  .identity.status-active h1,
  .identity.byline-active.status-active h1 {
    margin-top: 50px;
  }
  .identity.byline-active.sponsor-active.status-active h1 {
    margin-top: -4px;
  }
  .identity.sponsor-active h1,
  .identity.sponsor-active.byline-active h1 {
    margin-top: -4px;
  }
  .identity h1 .edition {
    font-size: 100%;
  }
  .identity.byline-active .byline,
  .identity.byline-active.status-active .byline {
    display: block;
    font-family: geomanist-light;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-top: -6px;
    /* hack for rendering font properly in chrome*/
    opacity: 0.999;
    text-shadow: none;
  }
}
@media screen and (min-width: 64em ) {
  .identity h1 {
    font-size: 40px;
  }
  .identity h1 .edition {
    font-weight: 500;
  }
}
.p {
  font-weight: normal;
  text-rendering: optimizeLegibility;
  display: block;
}

/* Number/Value -abbreviation */
abbr.value {
  text-transform: none;
  font-size: 100%;
  color: inherit;
}

abbr.value.neg {
  color: hsl(0, 100%, 57%);
}

@media print, screen and (min-width: 64em ) {
  abbr.value span {
    display: none;
  }
  abbr.value:after {
    content: attr(title);
  }
}
/* We use these to style blockquotes */
.highlight {
  background-color: rgba(255, 255, 255, 0.2);
}

.big {
  font-size: 200%;
}

.small {
  font-size: 11px;
}

abbr, acronym {
  text-decoration: none;
}

/* shout */
blockquote.shout {
  background-color: #feebee;
  display: inline-block;
  font-size: 75%;
  padding: 8px 14px;
  position: relative;
}

blockquote.shout:after,
blockquote.shout:before {
  border: 1px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  pointer-events: none;
  width: 0;
}

blockquote.shout:before {
  border-color: rgba(170, 170, 170, 0);
  border-width: 6px;
  margin-left: -6px;
}

blockquote.shout:after {
  border-color: rgba(255, 255, 255, 0);
  border-width: 5px;
  margin-left: -5px;
}

blockquote.shout.down-arrow:before {
  border-top-color: #feebee;
}

blockquote.shout.down-arrow:after,
blockquote.shout.down-arrow:before {
  top: 100%;
}

blockquote.shout.down-arrow:after {
  border-top-color: #feebee;
}

blockquote.shout.up-arrow:before {
  top: -12px;
  border-bottom-color: #feebee;
}

blockquote.shout.up-arrow:after {
  top: -10px;
  border-bottom-color: #feebee;
}

blockquote.shout.left-arrow:before {
  top: 5px;
  left: -7px;
  border-right-color: #feebee;
}

blockquote.shout.left-arrow:after {
  top: 5px;
  left: -5px;
  border-right-color: #feebee;
}

/* shout out on panel background*/
.panel blockquote.shout {
  background-color: white;
}

/*...down */
.panel blockquote.shout.down-arrow:after {
  border-top-color: white;
}

.panel blockquote.shout.down-arrow:before {
  border-top-color: rgb(203.5, 203.5, 203.5);
}

/*...up */
.panel blockquote.shout.up-arrow:after {
  border-bottom-color: white;
}

.panel blockquote.shout.up-arrow:before {
  border-bottom-color: rgb(203.5, 203.5, 203.5);
}

/*...left */
.panel blockquote.shout.left-arrow:after {
  border-right-color: white;
}

.panel blockquote.shout.left-arrow:before {
  border-right-color: rgb(203.5, 203.5, 203.5);
}

/* Content Head */
.content-head {
  background-color: transparent;
  /* removed because of new app-friendly headers
  > .row {
  	border-bottom: 1px solid $content-head-border-color;
  	margin-bottom:12px;
  }
  */
}
.content-head .editable h1 a [class*=icon-] {
  opacity: 0.35;
}
.content-head .editable h1:hover a [class*=icon-] {
  opacity: 1;
}
.content-head .editable .input-help {
  display: block;
  line-height: 12px;
  margin-top: 4px;
  font-size: 11px;
}
.content-head .editable input {
  height: 30px;
  font-weight: bold;
  margin-bottom: 6px;
}
.content-head.byline .byline {
  display: block;
  color: #7d807f;
  font-size: 0.875em;
  margin-bottom: 0.5625em;
}
.content-head.byline .byline img {
  vertical-align: text-top;
}
.content-head.sub-nav-active .byline {
  margin-bottom: 0;
}
.content-head .sub-nav {
  margin-top: 10px;
}

.focus .content-head {
  padding: 0.75em;
}

.panel .subheader {
  font-family: Roboto, Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1;
}

.panel h5.subheader {
  font-family: Roboto, Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.3125em;
}

@media screen and (min-width: 480px) {
  .content-head h1 [class*=icon-] {
    font-size: 0.8em;
  }
  .editable .button {
    height: 30px;
    line-height: 12px;
    margin-top: 16px;
    margin-bottom: 0;
  }
  .focus .content-head {
    padding: 0.75em 1.5em;
  }
}
.panel .meta,
.meta {
  color: #7d807f;
}
.panel .meta a,
.panel .meta a:hover,
.panel .meta a:focus,
.meta a,
.meta a:hover,
.meta a:focus {
  color: rgb(98, 122, 139.9);
}

.meta-action {
  color: rgb(98, 122, 139.9);
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.margin-top {
  margin-top: 0.875em;
}

.pull-up {
  margin-top: -14px;
}

.margin-bottom {
  margin-bottom: 0.875em;
}

h1 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
}

h2 {
  font-size: 24px;
  font-weight: normal;
}

h3 {
  font-size: 20px;
  font-weight: normal;
}

h4 {
  font-size: 18px;
  font-weight: normal;
}

h5 {
  font-size: 16px;
  font-weight: normal;
}

h1, h2, h3, h4, h5 {
  margin: 0px 0px 12px;
  line-height: 24px;
}

/* App-friendly page-header */
/* small */
.page-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 48px;
}
.page-header h1, .page-header h2, .page-header h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: unset;
  margin: 0;
}
.page-header .byline {
  font-size: 11px !important;
  line-height: 14px !important;
  margin-bottom: 0 !important;
}

/* large */
@media screen and (min-width: 1024px) {
  .page-header {
    height: 60px;
  }
  .page-header h1, .page-header h2, .page-header h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
  }
  .page-header .byline {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}
.sub-nav-new {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 48px;
  font-size: 12px;
  margin: 0 0 12px -6px;
  padding: 0;
  line-height: 1;
}
.sub-nav-new dt,
.sub-nav-new dd,
.sub-nav-new li {
  float: none;
  margin: 0 !important;
  padding: 0;
  line-height: 1;
  display: block;
}
.sub-nav-new dt.active a,
.sub-nav-new dt a,
.sub-nav-new dd.active a,
.sub-nav-new dd a,
.sub-nav-new li.active a,
.sub-nav-new li a {
  float: none;
  margin: 0 !important;
  padding: 0 6px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  height: 48px;
  color: #292929;
}
.sub-nav-new dt a,
.sub-nav-new dd a,
.sub-nav-new li a {
  color: #236caa;
}

/* large */
@media screen and (min-width: 1024px) {
  .sub-nav-new {
    margin-left: -12px;
    font-size: 14px;
  }
  .sub-nav-new dt.active a,
  .sub-nav-new dt a,
  .sub-nav-new dd.active a,
  .sub-nav-new dd a,
  .sub-nav-new li.active a,
  .sub-nav-new li a {
    padding: 0 12px;
  }
}
/* Color Themes  for gameboxes on profile page*/
/* loop through all color-themes defined in themes/_shared-global-v2.scss and grab the primary color. 1:theme-name, 2:color */
.gamebox.theme-red {
  background-color: #b80a38;
}

/*
.gamebox.theme-red > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-redDK {
  background-color: #CD151D;
}

/*
.gamebox.theme-redDK > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-hotRed {
  background-color: #f3004a;
}

/*
.gamebox.theme-hotRed > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-orange {
  background-color: #ff7000;
}

/*
.gamebox.theme-orange > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-orange-dark {
  background-color: #e64b03;
}

/*
.gamebox.theme-orange-dark > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-yellow {
  background-color: #f8b20e;
}

/*
.gamebox.theme-yellow > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-mustard {
  background-color: #deb900;
}

/*
.gamebox.theme-mustard > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-lime {
  background-color: #8EB100;
}

/*
.gamebox.theme-lime > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-green {
  background-color: #4c9a00;
}

/*
.gamebox.theme-green > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-emerald {
  background-color: #088c72;
}

/*
.gamebox.theme-emerald > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-turquoise {
  background-color: #39bfa7;
}

/*
.gamebox.theme-turquoise > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-lightBlue {
  background-color: #00a0bd;
}

/*
.gamebox.theme-lightBlue > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue-light {
  background-color: #00a0bd;
}

/*
.gamebox.theme-blue-light > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue-dust {
  background-color: #316497;
}

/*
.gamebox.theme-blue-dust > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue {
  background-color: #0066cc;
}

/*
.gamebox.theme-blue > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue-hot {
  background-color: #451dde;
}

/*
.gamebox.theme-blue-hot > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue-hotblue {
  background-color: #451dde;
}

/*
.gamebox.theme-blue-hotblue > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-hotBlue {
  background-color: #451dde;
}

/*
.gamebox.theme-hotBlue > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue-purple {
  background-color: #43369a;
}

/*
.gamebox.theme-blue-purple > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-blue-dark {
  background-color: #0f096c;
}

/*
.gamebox.theme-blue-dark > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-purple-dark {
  background-color: #260234;
}

/*
.gamebox.theme-purple-dark > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-darkpurple {
  background-color: #260234;
}

/*
.gamebox.theme-darkpurple > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-purple {
  background-color: #cc0077;
}

/*
.gamebox.theme-purple > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-pink {
  background-color: #FF3CA4;
}

/*
.gamebox.theme-pink > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-grayDark {
  background-color: #455264;
}

/*
.gamebox.theme-grayDark > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
.gamebox.theme-v3-blue-dark {
  background-color: #021D3B;
}

/*
.gamebox.theme-v3-blue-dark > a:hover {
	background-color: lighten($header-prim-color, 3%);
}
*/
/* soft blink */
@-keyframes $name {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.softBlink {
  animation-name: softBlink;
  animation-duration: 1000ms;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.gamercard .avatar {
  float: left;
  margin-right: 0.5em;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
.fillpage {
  height: 165px;
}

.wait {
  margin: auto;
  width: 16px;
  min-height: 16px;
  height: 100%;
  background: url("../img/l/wait-white-bg.gif") center center no-repeat;
}

/* prevent callout */
.nocallout {
  -webkit-touch-callout: none;
}

/* Text overflow with ellipsis */
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%;
}

/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Contain floats: h5bp.com/q */
/*
.neg {
	color:$negative-number-color !important;
}

.pos {
	color:$positive-number-color !important;
}
*/
.center {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.top-right {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  a[href]:after {
    content: "";
  }
  /*
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  */
}
#field-ad {
  min-height: 48px;
  background: #3f3f3f url("../img/holdet/swush-bande.png") top left repeat-x;
}

.ad-display.s {
  display: block;
}
.ad-display.m, .ad-display.l {
  display: none;
}

.ad.megaboard {
  width: 930px;
  height: 180px;
  margin: 0 auto;
}
.ad.megaboard iframe {
  text-align: center;
}
.ad.mediumrectangle {
  width: 300px;
  height: 250px;
  margin: 0 auto;
}
.ad.leaderboard {
  width: 728px;
  height: 90px;
  margin: 0 auto;
}
.ad.skyscraber {
  width: 160px;
  height: 600px;
  margin: 0 auto;
}
.ad.mobile-leaderboard {
  width: 320px;
  height: 80px;
  margin: 0 auto;
}

@media screen and (max-width: 320px) {
  .site .ad.mobile-leaderboard {
    margin: 0;
  }
  .ad.mediumrectangle {
    /* hack to center ads on small screens */
    margin: 0 0 0 -15px;
    width: 320px;
    height: auto;
  }
  .ad.mediumrectangle > div {
    width: 300px;
    height: 250px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 64em ) {
  /*
  .site .ad { margin-top: 0; }
  */
  .site .ad.mobile-leaderboard {
    display: none;
  }
  .site .ad.leaderboard {
    display: block;
  }
  .ad-display.s, .ad-display.l {
    display: none;
  }
  .ad-display.m {
    display: block;
  }
}
@media screen and (min-width: 64em ) {
  .site .ad.megaboard {
    display: block;
  }
  .site .ad.leaderboard {
    display: none;
  }
  .ad-display.s, .ad-display.m {
    display: none;
  }
  .ad-display.l {
    display: block;
    padding: 0;
  }
}
/*
.jubii-adunits-wrap {
	display: block;
	text-align:center;
	min-height:160px;
	@media print, screen and (min-width: 64em ){
		min-height:90px;	
	}
	@media screen and (min-width: 64em ) {
		min-height:180px;
	}
}

.home .jubii-adunits-wrap.content {
	background: #000;
}
*/
.gamebox {
  margin-bottom: 0.75em;
}
.gamebox.inactive {
  opacity: 0.6;
}
.gamebox .lighten {
  background: rgba(255, 255, 255, 0.15);
}
.gamebox .header {
  font-family: geomanist-ultra;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  display: block;
  font-size: 16px;
  line-height: 18px;
  height: 30px;
  text-transform: uppercase;
  color: #fff;
}
.gamebox .header [class^=icon-] {
  display: block;
  float: left;
  margin-right: 10px;
}
.content .gamebox .header {
  font-size: 22px;
  height: auto;
  letter-spacing: 1px;
}
.gamebox .header .meta {
  color: rgba(255, 255, 255, 0.7);
  text-transform: none;
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
}
.gamebox .header .edition {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  display: block;
}
.gamebox .subheader {
  color: #fff;
  display: block;
  font-size: 15px;
  line-height: 1;
  margin: 0;
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}
.gamebox ul {
  margin-bottom: 0.75em;
  margin-left: 0;
  margin-bottom: 0;
}
.gamebox li {
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.gamebox li a {
  white-space: nowrap;
  overflow: hidden;
  text-owerflow: ellipsis;
  position: relative;
  display: block;
  color: #fff;
  padding: 10px 0.75em;
}
.gamebox .sponsor {
  display: block;
  height: 40px;
  width: 100%;
  padding: 5px 0.5625em 5px 0.75em;
  margin-bottom: -40px;
  text-align: right;
}
.gamebox .sponsor img {
  height: 30px;
}

#upcoming h1 {
  margin: 0;
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  font-size: 1.5em;
  color: #fff;
}
#upcoming ul {
  opacity: 0.7;
  position: relative;
}
#upcoming li {
  border: none;
  height: 40px;
  padding: 0 0 0 0.75em;
}
#upcoming li .header {
  line-height: 40px;
  position: relative;
}
#upcoming li .header .edition {
  display: inline;
}
#upcoming li .header img {
  position: absolute;
  height: 30px;
  right: 6px;
  top: 6px;
}
#upcoming li a {
  padding: 0px 0px 10px 0;
}

.theme-aftonbladet #upcoming h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #292929;
}

.mega-dropdown .gamebox .subheader {
  min-height: 30px;
  margin-top: 10px;
}

.games .gamebox {
  padding: 0 0 40px 0;
  margin: 12px;
  border-radius: 3px;
}

.games .gamebox a {
  display: block;
  padding: 0.75em;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}

.games .gamebox > a {
  padding-bottom: 0;
  border-radius: 3px;
}

.games .gamebox h1 {
  font-family: geomanist-ultra;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: inherit;
}

.games .gamebox .edition {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  text-transform: none;
  white-space: nowrap;
  display: block;
}

.games .gamebox h2 {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 0.9375em 0;
  font-weight: normal;
  color: inherit;
  text-transform: none;
  letter-spacing: 0;
}

.games .gamebox .status {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.2);
  padding: 13px 0 12px 0;
  margin: -0.75em;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  display: block;
  position: static;
  font-size: 1em;
}

.gamebox > a {
  display: block;
  color: #fff;
  padding: 0.75em;
  position: relative;
}

.gamebox.cup li a {
  text-align: center;
}

.gamebox .score {
  display: inline-block;
  background-color: #fff;
  color: #222;
  font-weight: bold;
  min-width: 20px;
  text-align: center;
}

.games .gamebox ul {
  margin: 0;
}

.games .gamebox ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  /*border-top: 1px solid rgba(255,255,255,.15);*/
}

.games .gamebox ul li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.games .gamebox ul a {
  position: relative;
  display: block;
  color: #fff;
  padding: 8px 0.75em 8px 0.75em;
  height: 39px;
}
.games .gamebox ul a span.rank {
  float: right;
}

.games .gamebox ul li:last-child a {
  padding-bottom: 7px;
  height: 38px;
}

.gamebox .call-to-action {
  text-align: right;
  display: block;
  height: 80px;
  margin-top: 0;
  margin-right: -0.75em;
  margin-bottom: 0;
  margin-left: -0.75em;
  padding: 20px 0.75em 0;
  background-position: left top;
  background-repeat: no-repeat;
}

.gamebox .status + .call-to-action {
  padding-top: 0;
  height: 60px;
}

.games .gamebox .fake-button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  transition: all 0.2s ease-out 0;
}

.games .gamebox .status .message {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  display: block;
  text-align: center;
  font-size: 15px;
}

@media screen and (min-width: 480px) {
  .games .gamebox > a {
    padding: 40px 1.5em 0 1.5em;
  }
  .games .gamebox .status {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .games .gamebox ul a {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .games .gamebox h1 {
    font-family: geomanist-ultra;
    font-size: 40px;
    letter-spacing: 0px;
    height: inherit;
    line-height: 40px;
    margin: -15px 0 0 0;
  }
  .games .gamebox h2 {
    margin: 5px 0 20px 0;
    height: 30px;
  }
  .games .call-to-action {
    text-align: right;
    height: 80px;
    margin: 0;
    margin-right: -1.5em;
    margin-left: -1.5em;
    padding: 20px 1.5em;
  }
  #upcoming li {
    padding: 0 0 0 1.5em;
  }
  #upcoming li a {
    padding: 0px 0px 10px 0;
  }
}
@media print, screen and (min-width: 64em ) {
  .gamebox {
    margin-bottom: 41px;
  }
  .gamebox li a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .gamebox .status + .call-to-action {
    padding-top: 20px;
    height: 80px;
  }
  .games {
    position: relative;
  }
  .games .gamebox {
    width: 46%;
    margin: 0 2% 40px 2%;
    float: left;
  }
  .games .gamebox.c2 {
    float: right;
  }
  /*
      .mega-dropdown .large-12.columns {
          @include columns(3, $column-gutter);
  	}
    */ /*
.mega-dropdown .gamebox {
       @include column-break(avoid);
       width:100%;
       float:none;
       padding-left:0;
       padding-right:0;
       margin-bottom:$column-gutter;
}*/ /*
   .no-csscolumns .mega-dropdown .gamebox {
       width:46%;
	margin:0 2% $column-gutter 2%;
	float:left;
       &:nth-child(even) {
           float:right;
      }
}*/
}
.home #main {
  background: none;
}

.home #main:after {
  background: transparent;
}

.home #main,
.home #content {
  padding: 0;
}

.home #content {
  margin-bottom: 0;
  padding-bottom: 1.5em;
}

.home .intro {
  padding-bottom: 20px;
  text-align: center;
}

.home .intro h1 {
  text-shadow: none;
}

.home .intro h1 {
  font-family: geomanist-ultra;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 0.2em;
  margin-top: 30px;
  text-shadow: none;
}

.home .intro h2 {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  font-size: 23px;
  margin: 0;
  text-shadow: none;
}

.home #signup {
  margin: 10px 40px 10px 40px;
  font-size: 16px;
  display: block;
}

/*************************/
.home .promo {
  color: #fff;
  background-position: center center;
}

.home .promo a {
  color: #fff;
}

.home .promo h1 {
  font-family: geomanist-ultra;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 0.2em;
  margin-top: 30px;
  text-shadow: none;
}

.home .promo h1 .edition {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  display: block;
}

.home .promo h1,
.home .promo h2,
.home .promo h3 {
  color: #fff;
}

.home .promo h2,
.home .promo h3 {
  font-family: geomanist-light;
}

.home .promo h2 {
  text-shadow: 0px 0px 5px #000;
}

.home .promo h3 {
  font-size: 1.8125em;
}

.home .promo .status {
  white-space: nowrap;
}

.home .promo .status .time {
  background: rgba(17, 17, 17, 0.85);
  margin: 1em 0;
  display: inline-block;
  padding: 0 1em;
}

.home .promo .status .h .n:after, .home .promo .status .m .n:after {
  content: "";
}

.home .promo .time > span {
  margin-right: 20px;
}

.home .promo .time > span:last-child {
  margin-right: 0px;
}

.home .promo .time > span:after {
  content: attr(title);
  display: block;
  margin-top: -1em;
  margin-bottom: 0.25em;
  font-size: 11px;
  text-transform: uppercase;
  color: #666;
}

/***********************/
.promos .status {
  min-height: 80px;
}
.promos .status .message {
  display: none;
}

.home .status .time {
  display: block;
  line-height: 1.25;
  min-height: 40px;
}

.home .status.fs-countdown {
  height: 80px;
}

.home .status .u {
  text-align: center;
}

.home .status .d,
.home .status .h,
.home .status .m,
.home .status .s {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.home .status .d {
  margin-right: 6px;
}

.home .status .n {
  /*
  font-family: $status-light-font-family;
  font-weight: $status-light-font-weight;
  font-style: $status-light-font-style;
  */
  font-size: 36px;
  font-feature-settings: "tnum" 1;
  font-family: "geomanist", sans-serif;
}

.status .h .n:after,
.status .m .n:after {
  content: ":";
  padding: 0 2px;
  display: inline-block;
}

.home .fake-button {
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  padding: 0 1.5em;
  height: 45px;
  line-height: 45px;
}

/* Color Themes */
/* loop through all color-themes defined in themes/_shared-global-v2.scss and grab the primary color. 1:theme-name, 2:primary color, 3:action color 4: bg-color */
/*homepage loop v1*/
/* start theme peo */
.promo.theme-red {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-red {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #b80a38;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-red.action {
  background-color: #e5e600;
}

.theme-red .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-red .teams a:hover {
  background-color: rgb(198.5113402062, 10.7886597938, 60.4164948454);
}
.games .theme-red .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-redDK {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-redDK {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #CD151D;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-redDK.action {
  background-color: #e5e600;
}

.theme-redDK .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-redDK .teams a:hover {
  background-color: rgb(218.8783185841, 22.4216814159, 30.9632743363);
}
.games .theme-redDK .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-hotRed {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-hotRed {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #f3004a;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-hotRed.action {
  background-color: #e5e600;
}

.theme-hotRed .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-hotRed .teams a:hover {
  background-color: rgb(255, 3.3, 79.949382716);
}
.games .theme-hotRed .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-orange {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-orange {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #ff7000;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-orange.action {
  background-color: #e5e600;
}

.theme-orange .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-orange .teams a:hover {
  background-color: rgb(255, 120.58, 15.3);
}
.games .theme-orange .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-orange-dark {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-orange-dark {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #e64b03;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-orange-dark.action {
  background-color: #e5e600;
}

.theme-orange-dark .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-orange-dark .teams a:hover {
  background-color: rgb(245.1030042918, 79.9248927039, 3.1969957082);
}
.games .theme-orange-dark .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-yellow {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-yellow {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #f8b20e;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-yellow.action {
  background-color: #e5e600;
}

.theme-yellow .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-yellow .teams a:hover {
  background-color: rgb(248.4318548387, 182.7504032258, 28.8681451613);
}
.games .theme-yellow .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-mustard {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-mustard {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #deb900;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-mustard.action {
  background-color: #e5e600;
}

.theme-mustard .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-mustard .teams a:hover {
  background-color: rgb(237.3, 197.75, 0);
}
.games .theme-mustard .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-lime {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-lime {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #8EB100;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-lime.action {
  background-color: #e5e600;
}

.theme-lime .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-lime .teams a:hover {
  background-color: rgb(154.2745762712, 192.3, 0);
}
.games .theme-lime .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-green {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-green {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #4c9a00;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-green.action {
  background-color: #e5e600;
}

.theme-green .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-green .teams a:hover {
  background-color: rgb(83.5506493506, 169.3, 0);
}
.games .theme-green .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-emerald {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-emerald {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #088c72;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-emerald.action {
  background-color: #e5e600;
}

.theme-emerald .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-emerald .teams a:hover {
  background-color: rgb(8.827027027, 154.472972973, 125.7851351351);
}
.games .theme-emerald .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-turquoise {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-turquoise {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #39bfa7;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-turquoise.action {
  background-color: #e5e600;
}

.theme-turquoise .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-turquoise .teams a:hover {
  background-color: rgb(65.0012096774, 198.2987903226, 174.4245967742);
}
.games .theme-turquoise .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-lightBlue {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-lightBlue {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #00a0bd;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-lightBlue.action {
  background-color: #e5e600;
}

.theme-lightBlue .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-lightBlue .teams a:hover {
  background-color: rgb(0, 172.9523809524, 204.3);
}
.games .theme-lightBlue .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue-light {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue-light {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #00a0bd;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue-light.action {
  background-color: #e5e600;
}

.theme-blue-light .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue-light .teams a:hover {
  background-color: rgb(0, 172.9523809524, 204.3);
}
.games .theme-blue-light .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue-dust {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue-dust {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #316497;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue-dust.action {
  background-color: #e5e600;
}

.theme-blue-dust .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue-dust .teams a:hover {
  background-color: rgb(52.7485, 107.65, 162.5515);
}
.games .theme-blue-dust .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #0066cc;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue.action {
  background-color: #e5e600;
}

.theme-blue .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue .teams a:hover {
  background-color: rgb(0, 109.65, 219.3);
}
.games .theme-blue .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue-hot {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue-hot {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #451dde;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue-hot.action {
  background-color: #e5e600;
}

.theme-blue-hot .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue-hot .teams a:hover {
  background-color: rgb(78.2932270916, 39.4565737052, 226.8434262948);
}
.games .theme-blue-hot .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue-hotblue {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue-hotblue {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #451dde;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue-hotblue.action {
  background-color: #e5e600;
}

.theme-blue-hotblue .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue-hotblue .teams a:hover {
  background-color: rgb(78.2932270916, 39.4565737052, 226.8434262948);
}
.games .theme-blue-hotblue .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-hotBlue {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-hotBlue {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #451dde;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-hotBlue.action {
  background-color: #e5e600;
}

.theme-hotBlue .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-hotBlue .teams a:hover {
  background-color: rgb(78.2932270916, 39.4565737052, 226.8434262948);
}
.games .theme-hotBlue .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue-purple {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue-purple {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #43369a;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue-purple.action {
  background-color: #e5e600;
}

.theme-blue-purple .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue-purple .teams a:hover {
  background-color: rgb(71.9283653846, 57.9721153846, 165.3278846154);
}
.games .theme-blue-purple .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-blue-dark {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-blue-dark {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #0f096c;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-blue-dark.action {
  background-color: #e5e600;
}

.theme-blue-dark .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-blue-dark .teams a:hover {
  background-color: rgb(16.9615384615, 10.1769230769, 122.1230769231);
}
.games .theme-blue-dark .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-purple-dark {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-purple-dark {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #260234;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-purple-dark.action {
  background-color: #e5e600;
}

.theme-purple-dark .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-purple-dark .teams a:hover {
  background-color: rgb(48.7666666667, 2.5666666667, 66.7333333333);
}
.games .theme-purple-dark .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-darkpurple {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-darkpurple {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #260234;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-darkpurple.action {
  background-color: #e5e600;
}

.theme-darkpurple .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-darkpurple .teams a:hover {
  background-color: rgb(48.7666666667, 2.5666666667, 66.7333333333);
}
.games .theme-darkpurple .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-purple {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-purple {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #cc0077;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-purple.action {
  background-color: #e5e600;
}

.theme-purple .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-purple .teams a:hover {
  background-color: rgb(219.3, 0, 127.925);
}
.games .theme-purple .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-pink {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-pink {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #FF3CA4;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-pink.action {
  background-color: #e5e600;
}

.theme-pink .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-pink .teams a:hover {
  background-color: rgb(255, 75.3, 171.14);
}
.games .theme-pink .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-grayDark {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-grayDark {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #455264;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-grayDark.action {
  background-color: #e5e600;
}

.theme-grayDark .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-grayDark .teams a:hover {
  background-color: rgb(75.2467455621, 89.4236686391, 109.0532544379);
}
.games .theme-grayDark .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* start theme peo */
.promo.theme-v3-blue-dark {
  /*
  h1, h2 {
  	background-color: $home-prim-color;
  }*/
}

.games .theme-v3-blue-dark {
  /*
   h1 {
  	text-shadow: 0 0 3px $home-prim-color;
  }
   h2 {
  	text-shadow: -1px 1px 0 $home-prim-color, 1px 1px 0 $home-prim-color, 1px -1px 0 $home-prim-color, -1px -1px 0 $home-prim-color;
  }
  */
  background-color: #021D3B;
  /*
  &:hover{
  	@include vendor-prefix(box-shadow, 0 0 50px $home-prim-color);
  }
  */
}
.games .theme-v3-blue-dark.action {
  background-color: #e5e600;
}

.theme-v3-blue-dark .fake-button {
  background-color: #e5e600;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.games .theme-v3-blue-dark .teams a:hover {
  background-color: rgb(2.5016393443, 36.2737704918, 73.7983606557);
}
.games .theme-v3-blue-dark .teams a:hover.action {
  background-color: rgb(244.2334782609, 245.3, 0);
}

/* end theme */
.imgl {
  float: left;
  margin-right: 5px;
}

/* 2. 768px and up ********************************************************************************/
@media print, screen and (min-width: 64em ) {
  .home .promos {
    min-height: 600px;
    margin-bottom: -120px;
    position: relative;
    z-index: 1;
  }
  .home .promo .status .n {
    font-size: 60px;
  }
  .home .promo {
    background-size: auto 600px;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .home .promo .call-to-action {
    display: block;
    margin-top: 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  .home .promo .call-to-action .fake-button {
    display: inline-block;
  }
  .home .promo.act {
    opacity: 1;
    z-index: 100;
  }
  .home .promo:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 150px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(253, 213, 219, 0) 0%, #fdd5db 100%);
  }
  .home .intro h1,
  .home .promo h1 {
    display: block;
    font-family: geomanist-ultra;
    letter-spacing: 0px;
    font-size: 70px;
    line-height: 62px;
    margin: 73px 0 0 0;
  }
  .home .promo h1 {
    padding: 8px 16px;
    border-radius: 8px;
  }
  .home .promo h1 .edition {
    display: inline;
  }
  .home .promo h1 .edition.block {
    display: block;
  }
  .home .promo h2 {
    padding: 0 16px 8px 16px;
    border-radius: 0 0 8px 8px;
    display: inline-block;
    max-width: 600px;
  }
  .home .intro h2,
  .home .promo h2 {
    font-size: 27px;
    line-height: 40px;
    text-align: center;
  }
  .home .promo h2 {
    font-family: inherit;
    text-shadow: none;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .home .games {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    min-height: 300px;
  }
  .home .intro {
    padding-bottom: 120px;
    margin-bottom: -100px;
    min-height: 0px;
    background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .home .intro h1 {
    margin-top: 50px;
    display: block;
  }
  .home .intro h1,
  .home .intro h2 {
    color: #292929;
  }
}
.imgl {
  float: left;
  margin-right: 5px;
}

/* Default Variables */
/* used to scale edition parts of headings, as it is sometimes a different font-face.*/
/* Default Variables */
/* black background top on landingpage */
body.landing div[class^=StyledHeader-],
body.landing div[class^=GameHeader_] {
  background-image: none;
  background-color: #000;
}

.landing div.content-outer {
  padding: 0;
}

.landing #content {
  font-family: geomanist-light;
}

.landing #content cite,
.landing #content .button {
  font-family: Roboto, Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
}

.landing .title h1 {
  font-family: geomanist-ultra;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 0.2em;
  margin-top: 30px; /* make room for sponsor */
}

.landing .title h1 .edition {
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  font-size: 100%;
  text-transform: none;
  letter-spacing: 0;
  display: block;
}

.landing .title h2 {
  color: #fff;
}

.landing .title {
  background-color: #39bfa7;
  background-position: center top;
  background-size: auto 645px;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

/* dim the background image, to focus on sharing-pic */
.landing .title.sharing {
  background-size: cover;
  position: relative;
}
.landing .title.sharing:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.landing .title.sharing:after {
  display: none;
}
.landing .title.sharing .image {
  margin: 48px 0;
  position: relative;
}
.landing .title.sharing .image img {
  box-shadow: 0 20px 100px #000;
  border-radius: 3px;
  width: 100%;
}
.landing .title.sharing .image .expand {
  position: absolute;
  display: block;
  bottom: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
}

.landing .byline,
.landing .status {
  margin-bottom: 1em;
}

.landing .title h2,
.landing .title h3 {
  font-family: geomanist-light;
}

.landing h3 {
  font-size: 1.8125em;
}

.landing .title .columns:after {
  content: "";
  display: none;
}

.landing .details li {
  list-style: none;
}

.landing .details [class*=icon-],
.landing .testemonials [class*=icon-] {
  font-size: 30px;
}

.landing .steps a {
  display: inline-block;
}

.landing .steps h3,
.landing .testemonials h3 {
  padding: 30px 0 24px 0;
}

.landing .details,
.landing .call-to-action {
  padding-top: 30px;
  padding-bottom: 30px;
}

.landing .partners {
  padding: 30px 0;
}

.landing .testemonials {
  padding-bottom: 30px;
}

.landing .call-to-action,
.landing .testemonials {
  background-color: #39bfa7;
}

.landing .partners {
  background-color: #fff;
  color: #292929;
}

.landing .partners a {
  color: #292929;
  text-decoration: underline;
}

.landing .partners h3 {
  color: #292929;
}

.landing .partners img {
  margin: 0 5px;
  display: inline-block;
}

.landing .call-to-action {
  color: #fff;
}

.landing .call-to-action.repeat .button {
  margin-top: 10px;
}

.landing .call-to-action p,
.landing .details p,
.landing .partners p {
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 0.6em;
}

.landing blockquote,
.landing .call-to-action p,
.landing .steps p {
  font-size: 17px;
}

.landing .steps p {
  margin-top: 0.75em;
  margin-bottom: 1.5em;
}

.landing .details {
  text-align: center;
}

.landing .details h3 {
  margin-bottom: 0;
}

.landing .details p {
  margin-bottom: 1.6em;
}

.landing .details [class*=icon-] {
  display: block;
}

.landing blockquote {
  position: relative;
  padding: 0;
  color: #fff;
}

.landing blockquote cite {
  color: #fff;
  margin-top: 1em;
  font-family: Roboto, Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
}

.landing blockquote:before,
.landing blockquote:after {
  font-family: geomanist-ultra;
  color: rgba(255, 255, 255, 0.3);
  display: block;
  font-size: 40px;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 0.8;
}

.landing blockquote:before {
  content: "“";
  left: -25px;
  top: -5px;
}

.landing blockquote:after {
  content: "”";
  right: -25px;
  bottom: 0;
}

@media screen and (min-width: 480px) {
  .landing .title {
    background-color: #39bfa7;
  }
  .landing .title.sharing .columns:after {
    content: "";
    display: none;
  }
  .landing .title.repeat {
    padding-bottom: 60px;
  }
  .landing .title h1 {
    font-size: 55px;
    line-height: 45px;
    text-shadow: none;
  }
  .landing .byline {
    text-shadow: none;
  }
  .landing .call-to-action,
  .landing .steps,
  .landing .details {
    margin-top: 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  .landing .call-to-action p,
  .landing .steps p,
  .landing blockquote {
    font-size: 21px;
  }
}
/* 2. 768px and up ********************************************************************************/
@media print, screen and (min-width: 64em ) {
  .landing .title {
    text-align: left;
    background-color: #39bfa7;
    background-position: center top;
    background-size: auto 645px;
    background-repeat: no-repeat;
    min-height: 645px;
  }
  .landing .title p {
    text-shadow: 1px 1px 1px #000, 1px 1px 1px #000;
  }
  .landing .title .columns {
    min-height: 490px;
    z-index: 0;
  }
  .landing .title .columns:after {
    display: block;
    background: url("../img/aftonbladet-shl-dream-team-regular-season-2025-2026/landing-pic-25-26.png") left top no-repeat;
    width: 470px;
    height: 490px;
    position: absolute;
    right: 0.75em;
    top: 40px;
    z-index: -1;
  }
  .landing .title.repeat .columns {
    min-height: 0;
  }
  .landing .title.repeat .columns:after {
    display: none;
  }
  .landing .title h1 {
    font-family: geomanist-ultra;
    letter-spacing: 0px;
    font-size: 80px;
    line-height: 72px;
    margin: 73px 0 0 0;
    width: 60%; /* make room for picture on the right hand side*/
  }
  .landing .repeat h1 {
    width: 100%;
  }
  .landing .title h2 {
    font-size: 29px;
    line-height: 40px;
    width: 49%;
  }
  .landing .call-to-action {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 0.75em;
    padding-left: 0.75em;
  }
  .landing .call-to-action .button {
    margin-top: 0;
  }
  .landing .call-to-action .push-6 {
    padding-top: 40px;
    text-align: center;
  }
  .landing .call-to-action.repeat .push-6 {
    padding-top: 0;
  }
  .landing .status {
    position: relative;
    top: inherit;
    right: inherit;
    padding: 0;
  }
  .landing .status .message {
    display: block;
    font-family: geomanist-light;
  }
  .landing .status .time {
    margin: 0;
  }
  .landing .details li {
    padding: 0 20px 0 40px;
    min-height: 110px;
    position: relative;
  }
  .landing .details {
    text-align: left;
  }
  .landing .details [class*=icon-] {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    left: 2px;
  }
  .landing blockquote:before,
  .landing blockquote:after {
    font-size: 90px;
  }
  .landing blockquote:before {
    left: -60px;
    top: -10px;
  }
  .landing blockquote:after {
    right: -40px;
    bottom: 10px;
  }
  .landing blockquote cite {
    text-align: right;
  }
}
/* Facebook on landing */
.landing .facebook {
  color: #fff;
}

.landing .facebook p {
  font-size: 17px;
}

.landing div.facebook {
  padding: 0.75em 0;
  background-color: #3B5998;
  color: #fff;
  min-height: 63px;
  text-align: center;
}

.landing .facebook ul.friends {
  padding: 0;
  list-style: none;
  text-align: center;
}
.landing .facebook ul.friends a {
  color: #fff;
}

.facebook li {
  line-height: 1;
}

.landing .facebook li {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  font-family: Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
}

.landing div.facebook .button {
  font-size: 13px;
  background-color: #637BAD;
}

.facebook .panel {
  background-color: #e7e7e7;
  padding: 10px 10px;
}

@media screen and (min-width: 480px) {
  .landing .facebook p {
    font-size: 21px;
  }
}
/* Team field */
.wrapper > img {
  display: none;
}

.wrapper.field > img {
  display: inline-block;
}

.wrapper {
  position: relative;
  margin-bottom: 10px;
}
.wrapper table {
  margin-bottom: 0;
}
.wrapper.field {
  background-color: #feebee;
  border: 0px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.wrapper.field table {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  margin: 0 auto;
  color: #000;
  /*
  i[class*="icon-"]{
  	display: block;
  	position:absolute;
  	bottom:2px;
  	right:0;
  	text-shadow:none!important;
  }
  */
}
.wrapper.field table i.captain {
  right: 3%;
}
.wrapper.field table i.warning {
  left: 0;
  bottom: 0;
  font-size: 250%;
  width: 27px;
  margin-left: 0;
  margin-bottom: 2%;
}
.wrapper.field table tbody tr td.name a, .wrapper.field table tbody tr td {
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.wrapper.field table caption {
  caption-side: bottom;
  text-align: left;
  width: 100%;
  display: block;
}
.wrapper.field table tr:last-child td {
  border: none;
}
.wrapper.field table thead {
  display: none;
}
.wrapper.field table tr {
  position: absolute;
  width: 18%;
  height: 0;
  padding-bottom: 18%;
}
.wrapper.field table .disabled td {
  background: none;
  color: #fff;
}
.wrapper.field table td {
  display: none;
  padding: 0;
  width: 100%;
  float: left;
  clear: left;
}
.wrapper.field table td.action {
  display: block;
  pointer-events: none;
  z-index: 10;
  text-align: center;
  font-size: 0.75em;
  top: 0;
  left: 0;
  height: 100%;
}
.wrapper.field table td.name {
  margin-bottom: 0.25em;
  font-weight: bold;
}
.wrapper.field table td.image, .wrapper.field table td.name, .wrapper.field table td.value, .wrapper.field table td.position, .wrapper.field table td.tradevalue {
  white-space: nowrap;
  display: block;
  text-align: center !important;
  padding: 0;
  font-size: 11px;
  height: auto;
}
.wrapper.field table td.image img {
  max-width: none;
  width: 100%;
}
.wrapper.field table, .wrapper.field tr, .wrapper.field td {
  display: block;
  border: none;
  text-align: center;
  background-color: transparent;
}
.wrapper.field .change-captain td.action.captain {
  z-index: 11;
}
.wrapper.field .change-captain td.action.trade {
  z-index: 10;
}
.wrapper.field .change-trade td.action.captain {
  z-index: 10;
}
.wrapper.field .change-trade td.action.trade {
  z-index: 11;
}

/*inactive players*/
.wrapper.field tr.inactive .image img {
  opacity: 0.5;
}

.wrapper.field tr.inactive .image:after {
  display: block;
  content: "";
  background: url(../img/soccer-avatar-field-inactive.png) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 60%;
  pointer-events: none;
}

/* show/hide the players for sale when trading*/
.wrapper #selling {
  display: none;
}

.wrapper.change-trade #selling {
  display: block;
}

#selling {
  /*margin-bottom:20px;*/
}

.wrapper.field span.captain:after {
  left: -4px;
}

.wrapper.field.change-captain table td.action,
.wrapper.field.change-trade table td.action {
  pointer-events: auto; /*making the buttons in the td.action clickable again*/
}

#content .wrapper.field table.default td a,
#content .wrapper.field table.default td a:visited {
  color: #fff;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wrapper .alert {
  position: relative;
  margin-top: 26px;
  margin-bottom: -26px;
}

/********* buttons turning on and off **************************/
/*change-captain activated*/
.wrapper.change-captain table td.action.captain,
.wrapper.change-captain table th.action.captain {
  display: table-cell;
}

/* show makeCaptain buttons*/
.wrapper.change-captain table td.action.captain .btn {
  display: inline-block;
}

/* hide makeCaptain button on disabled players captain*/
.wrapper.change-captain table tr.inactive td.action.captain .btn {
  display: none;
}

/*move captain a little to the right to avoid button covering it up*/
.wrapper.field.change-trade span.captain {
  left: 67%;
}

/* show sell buttons */
.wrapper.change-trade td.action .btn.sell {
  display: inline-block;
}

/*if the player is new or is allready being sold - hide the sell btn*/
.wrapper.change-trade tr.new td.action .btn.sell,
.wrapper.change-trade tr.sold td.action .btn.sell {
  display: none;
}

/* show undoBuy button if a player is new */
.wrapper.change-trade tr.new td.action .btn.undoBuy {
  display: inline-block;
}

/* hide all player-details if sold*/
.wrapper.change-trade.list tr.sold td {
  height: 37px;
}

/* show find button if a player is sold */
.wrapper.change-trade tr.sold td.action .btn.find {
  display: inline-block;
}

/* THE SELLING TABLE*/
.wrapper.field.change-trade #selling table {
  height: auto;
  min-height: 90px;
}

.wrapper.field.change-trade #selling tbody {
  display: block;
  text-align: left;
}

/*hide all rows in selling-table without sold-class*/
.wrapper.change-trade #selling tbody tr {
  display: none;
}

.wrapper.change-trade #selling tr.sold {
  display: table-row;
}

.wrapper.field.change-trade #selling tr.sold {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  width: 24%;
  left: auto; /*making sure the goalkeeper isnt placed in the middle*/
}

/*show the player destails*/
.wrapper.change-trade #selling tr.sold td {
  visibility: visible;
}

/*in the selling table, show only the undoSale btn*/
.wrapper.change-trade #selling td.action .btn {
  display: none;
}

.wrapper.change-trade #selling td.action .btn.undoSell {
  display: inline-block;
}

/*hide default button-toolbar when in trade-mode*/
.wrapper .btn-toolbar.trade {
  display: none;
}

/*hide default button-toolbar when in trade-mode*/
.wrapper.change-trade .btn-toolbar.default {
  display: none;
}

/*show trade button-toolbar when in trade-mode*/
.wrapper.change-trade .btn-toolbar.trade {
  display: block;
  margin: 0;
  padding: 15px 0;
  background: #497B22 url(../img/grass-tile.jpg);
}

#formation-toggle {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  display: block;
  background-color: #fff;
  font-weight: bold;
  padding: 2px 10px 2px 0;
}

/* 2. 480px and up *******************************************************************************/
@media screen and (min-width: 481px) {
  .wrapper.field.image, .wrapper.field.name, .wrapper.field.value {
    font-size: 0.75em;
  }
  .wrapper.field span.captain {
    top: -22px;
    left: 62%;
    width: 30px;
    height: 30px;
  }
  .wrapper.field span.captain:after {
    font-size: 200%;
    left: 0;
    top: -4px;
  }
  .wrapper.field {
    background-position: center 0px;
  }
}
.wrapper.field td.action a {
  display: block;
  width: 100%;
  height: 100%;
  /*color: #000;*/
  display: inline-block;
  background: #236caa;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  width: 2em;
  height: 2em;
  border-radius: 3px;
  line-height: 1.7em;
  border: 0.2em solid transparent;
  border-bottom-color: rgb(26.2926829268, 81.1317073171, 127.7073170732);
  text-shadow: none;
  position: absolute;
  bottom: 0.5em;
  left: 50%;
  margin-left: -1em;
}

.wrapper.field td.captain i {
  position: absolute;
  top: -1em;
  right: -0.5em;
}

.wrapper td.action a i.field {
  display: none;
}

.wrapper.field td.action a i.field {
  display: inline-block;
}
.wrapper.field td.action a i.table {
  display: none;
}

a.green-bg {
  background: #35c735 !important;
  border-bottom-color: rgb(42.2738095238, 158.7261904762, 42.2738095238) !important;
  color: #fff !important;
}
a.green-bg:hover {
  background: rgb(91.5357142857, 211.4642857143, 91.5357142857) !important;
}
a.red-bg {
  background: #c00 !important;
  border-bottom-color: #990000 !important;
  color: #fff !important;
}
a.red-bg:hover {
  background: red !important;
}

img.player[width="256"] {
  background: none;
}

img.margin-bottom[width="256"] {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}

.infobox {
  width: 200px;
  z-index: 100;
  position: absolute;
}
.infobox .content {
  color: #000;
  background: #fff;
  padding: 10px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
}
.infobox .content h5 {
  color: #000;
}
.infobox .content .meta {
  color: rgba(0, 0, 0, 0.6);
}
.infobox .content .neg {
  color: #ff2c2c;
}
.infobox .arrow {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  margin-left: -8px;
  border-width: 0 8px 8px;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}
.infobox hr {
  margin: 10px 0;
  border-color: rgba(0, 0, 0, 0.07);
}
.infobox dl {
  font-size: 0.75em;
  margin: 0;
}
.infobox dl dt, .infobox dl dd {
  margin: 0;
}
.infobox dl dt {
  float: left;
  clear: left;
}
.infobox dl dd {
  text-align: right;
}

.image-overlay {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.image-overlay .image-overlay-item {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  background-color: #fff;
}
.image-overlay .image-overlay-item.facebook {
  color: #3b5998;
}
.image-overlay .image-overlay-item.friend {
  color: #0c9;
  background-color: #fff;
}
.image-overlay.image-overlay-16 {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
}
.image-overlay.image-overlay-16 .image-overlay-item {
  right: -2px;
  bottom: -2px;
  width: 9px;
  height: 9px;
  line-height: 10px;
  font-size: 7px;
}
.image-overlay.image-overlay-24 {
  width: 24px;
  height: 24px;
}
.image-overlay.image-overlay-24 .image-overlay-item {
  right: -2px;
  bottom: -2px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 8px;
}
.image-overlay.image-overlay-48 {
  width: 48px;
  height: 48px;
}
.image-overlay.image-overlay-48 .image-overlay-item {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}

/*
@import "_legacy_competitions";
@import "_legacy_lists";


@import "_legacy_trade_specific";
*/
/* legacy */
.forumpost, .forumresponse {
  margin-top: 10px;
}
.forumpost p, .forumresponse p {
  font-size: 16px;
}

.forumcomment p {
  font-size: 16px;
}

.forumpost .postbody, .forumcomment .postbody, .forumresponse .postbody {
  clear: both;
  padding: 0 2em 0 2em;
}

.forumpost .ForumContent, .forumresponse .ForumContent, .forumcomment .ForumContent {
  padding: 0.4em 0.8em;
  min-height: 5.6em;
}

.forumpost.original .ForumContent, .forumpost.original .postbody {
  padding: 0;
}

.official.forumpost .ForumContent {
  border: none;
}

/*### Identing comment replys ##*/
.forumcomment .forumcomment .ForumContent {
  margin-left: 20px;
}

.forumcomment .forumcomment .forumcomment .ForumContent {
  margin-left: 40px;
}

/* Forum response */
.forumresponse .ForumContent, .forumcomment .forumresponse .ForumContent {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}

.forumcomment .forumresponse .ForumContent {
  margin-left: 20px;
}

.forumcomment .forumcomment .forumresponse .ForumContent {
  margin-left: 40px;
}

/* #############################*/
.forumcomment .ForumContent .commentno {
  float: left;
}

.forumcomment .toggle {
  float: left;
}

.ForumContent .commentinfo, .forumpost .commentinfo {
  float: right;
}

.forumcomment .ForumContent .commentreply {
  text-align: right;
}

.ForumContent textarea {
  min-height: 100px;
}

.ForumContent .subject, .ForumContent textarea {
  width: 98%;
  padding: 5px;
  font-size: 115%;
}

.ForumContent .subject {
  font-size: 125%;
  font-weight: bold;
}

/*  Speech bubles  */
.forumcomment .ThreadBuble,
.forumcomment .forumcomment .ThreadBuble,
.forumpost .ThreadBuble,
.forumresponse .ThreadBuble {
  padding-right: 10px;
  background-position: right 28px;
  background-repeat: no-repeat;
}

.forumcomment .ThreadBuble {
  background-image: url(images/forum_speech_comment.png);
}

.official.forumcomment .ThreadBuble {
  background-image: url(images/forum_speech_admin.png);
}

.forumcomment .forumcomment .ThreadBuble {
  background-image: url(images/forum_speech_comment_2nd.png);
}

.forumpost .ThreadBuble {
  background-image: url(images/forum_speech_post.png);
  background-repeat: repeat-y;
}

.official.forumpost .ThreadBuble {
  background-image: url(images/forum_speech_post_admin.png);
}

.forumpost .forumresponse .ThreadBuble, .forumresponse .ThreadBuble {
  background-image: url(images/forum_speech_reply.png);
  background-repeat: no-repeat;
}

.forumpost.official .forumresponse .ThreadBuble {
  background-image: url(images/forum_speech_post_admin.png);
  background-repeat: no-repeat;
}

/* D2E3E9

/*  Speech bubles end  */
/*
.comments, .forumpost, .forumcomment, a, div, p, h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
} */
/* forum frontpage 'lastes-posts' stream */
ul.forumstream {
  padding: 0;
  margin: 0;
}

ul.forumstream li {
  list-style: none;
  margin: 0 0 1.5em 0;
}

ul.forumstream span.author {
  background: url(images/homepage-shoutout-up-dark.png) 5px 16px no-repeat;
  display: inline-block;
  height: 1.8em;
  float: left;
  padding: 0 0 0 0.5em;
}

ul.forumstream span.author a {
  text-decoration: none;
}

ul.forumstream span.author img {
  vertical-align: text-top;
}

ul.forumstream span.rating {
  display: inline-block;
  float: left;
  margin: 0 0 0 0.5em;
}

ul.forumstream span.timestamp {
  display: block;
  float: right;
  font-size: 87%;
  margin: 0.35em 0.5em 0 0;
}

ul.forumstream span.timestamp a {
  text-decoration: none;
}

ul.forumstream a.abstract {
  clear: both;
  display: block;
  text-decoration: none;
  color: #333;
  padding: 0.4em 1.2em 0.6em 1em;
  background-color: #ededed;
  border-top: 1px solid #ededed;
  border-bottom: 2px solid #ededed;
}

ul.forumstream a.abstract:hover {
  border-bottom-color: #1e97a5;
  color: #000;
}

ul.forumstream a.abstract:visited {
  color: #999;
  border-color: #dedede;
  background-color: #fff;
  border-bottom-width: 1px;
}

ul.forumstream a.abstract:visited .a-fake {
  color: #666;
}

ul.forumstream a.abstract .p .a-fake {
  text-decoration: underline;
}

/* compressed forum stream - only headings*/
ul.forumstream.compressed a.abstract .p {
  display: none;
}

/*NEW forum-stream*/
ul.new-forumstream {
  margin: 0;
  padding: 0;
}

ul.new-forumstream li {
  list-style: none;
  margin: 0 0 2em 0;
  position: relative;
}

ul.new-forumstream.compact li {
  margin: 0 0 1em 0;
}

ul.new-forumstream li h3 {
  margin: 0;
  line-height: 20px;
}

ul.new-forumstream li h3 a {
  text-decoration: none;
  padding-left: 0px;
  display: block;
  padding-bottom: 4px;
  color: #187883;
}

ul.new-forumstream li.answers-many h3 a {
  display: block;
  padding-bottom: 14px;
  background: url(images/forum-stream-answers-many.png) 2px bottom no-repeat;
}

ul.new-forumstream li h3 a:visited {
  color: #999;
}

ul.new-forumstream li h3 a:visited .meta {
  color: #ccc;
}

ul.new-forumstream li a.forum-name {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: #15919E;
  padding: 1px 3px;
  line-height: 1.35em;
  text-decoration: none;
  font-size: 87%;
  color: #fff;
}

ul.new-forumstream.compact li a.forum-name {
  display: none;
}

ul.new-forumstream li a.forum-name:hover {
  background-color: #269fa8;
}

ul.new-forumstream li span.author {
  display: block;
  line-height: 20px;
}

ul.new-forumstream li.answers-many span.author {
  /*display:inline-block;*/
  /*position:absolute;
  top:40px;
  left:.9em;*/
}

ul.new-forumstream a.post span.author {
  color: #666;
}

ul.new-forumstream span.author img {
  vertical-align: text-top;
}

ul.new-forumstream li span.timestamp {
  color: #999;
  position: absolute;
  top: 27px;
  right: 10px;
  font-size: 87%;
}

ul.new-forumstream li.answers-many span.timestamp {
  position: absolute;
  top: 37px;
}

ul.new-forumstream.compact li span.timestamp,
ul.new-forumstream.compact li.answers-many span.timestamp {
  position: relative;
  top: -16px;
  right: 0.6em;
  float: right;
}

ul.new-forumstream li a.post {
  display: block;
  margin: 0;
  padding: 0.6em 1em 0.6em 1em;
  background-color: #eaeaea;
  border: 1px solid #e0e0e0;
  color: #333;
  text-decoration: none;
  line-height: 1.538em;
}

ul.new-forumstream.compact li a.post {
  padding: 0.4em 0.6em 1.4em 0.6em;
}

ul.new-forumstream li a.post .readmore .a-fake {
  text-decoration: underline;
}

ul.new-forumstream li a.post:hover {
  border-bottom-color: #1e97a5;
  color: #000;
}

ul.new-forumstream li a.post:visited {
  background: #fff;
  border-color: #D6D6D6;
  color: #999;
}

ul.new-forumstream li a.post:visited .a-fake,
ul.new-forumstream li a.post:visited span.author {
  color: #999;
}

/*Gamespecifik forum-colors are specified in the Global stylesheet of the game*/
/*Non game specifik forum colors*/
/*Anden sport*/
ul.new-forumstream li.forum-sports h3 a,
ul.new-forumstream li.forum-sports .a-fake,
ul.forum-list li.forum-sports h3 a,
ul.new-forumstream li.forum-sports h3 a:hover,
ul.forum-list li.forum-sports a:hover {
  color: #000;
}

ul.new-forumstream li.forum-sports h3 a:visited {
  color: #999;
}

ul.new-forumstream li.forum-sports a.forum-name {
  background-color: #000;
}

ul.new-forumstream li.forum-sports a.forum-name:hover {
  background-color: #333;
}

ul.new-forumstream li.forum-sports a.post:hover {
  border-bottom-color: #000;
}

/*Andet*/
ul.new-forumstream li.forum-other h3 a,
ul.new-forumstream li.forum-other .a-fake,
ul.forum-list li.forum-other h3 a,
ul.new-forumstream li.forum-other h3 a:hover,
ul.forum-list li.forum-other a:hover {
  color: #A5034F;
}

ul.new-forumstream li.forum-other h3 a:visited {
  color: #999;
}

ul.new-forumstream li.forum-other a.forum-name {
  background-color: #A5034F;
}

ul.new-forumstream li.forum-other a.forum-name:hover {
  background-color: #CC0060;
}

ul.new-forumstream li.forum-other a.post:hover {
  border-bottom-color: #A5034F;
}

/* end forum frontpage stream*/
ul.forum-list {
  margin: 0em;
}

ul.forum-list li {
  list-style: none;
  margin: 0em;
  padding: 0em;
}

ul.forum-list li h3 a:hover {
  text-decoration: underline;
}

ul.forum-list li h3 a:visited {
  background-image: none;
  padding-right: 0em;
}

ul.forum-list li p {
  clear: left;
}

div.forum-listing {
  padding: 10px;
  background-color: #ededed;
  margin-bottom: 10px;
}

div.forum-listing p.descr {
  margin: 0;
}

div.forum-blurb {
  background: url(images/homepage-shoutout.png) 0 10px no-repeat;
  padding: 0 0 0 11px;
}

div.forum-blurb.up {
  background: url(images/homepage-shoutout-up.png) 10px 0 no-repeat;
  padding: 11px 0 0 0;
}

div.forum-blurb.down {
  background: url(images/homepage-shoutout-down.png) 10px 100% no-repeat;
  padding: 0 0 11px 0;
}

div.forum-blurb.dark {
  background: url(images/homepage-shoutout-dark.png) 0 10px no-repeat;
  padding: 0 0 0 11px;
}

div.forum-blurb.dark.up {
  background: url(images/homepage-shoutout-up-dark.png) 10px 0 no-repeat;
  padding: 11px 0 0 0;
}

div.forum-blurb div.minitabsbox {
  background: #fff;
  padding: 5px 10px;
  margin: 0;
}

div.forum-blurb.dark div.minitabsbox {
  background: #ededed;
}

div.forum-blurb div.author {
  float: left;
}

div.forum-blurb div.author img {
  vertical-align: middle;
}

div.forum-blurb div.timestamp {
  float: right;
}

div.forum-blurb p {
  clear: both;
  margin: 0;
}

div.forum-blurb p a:link {
  font-weight: bold;
}

div.forum-blurb p a:visited {
  font-weight: normal;
}

a.morecomments {
  background-color: #15919E; /*theme*/
  display: block;
  text-align: center;
  margin-top: 1.538em;
  line-height: 2em;
  height: 2em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

a.morecomments:hover {
  background-color: #269FA8; /*theme*/
}

a.morecomments span {
  background: url(images/down-arr-box.png) left center no-repeat;
  padding-left: 20px;
  line-height: 2em;
  display: inline-block;
}

a.morecomments.loading {
  background-color: #ccc;
  cursor: default;
  background-image: none;
  padding: 0;
  /*color:#666;*/
}

a.morecomments.loading span {
  background: url(images/loading.gif) left center no-repeat;
}

table.forum-threads td.subject img {
  display: inline-block;
  float: left;
  margin: 0.7em 0.3em 0 0;
}

table.forum-threads td.subject a {
  display: block;
  padding: 0.7em 0;
  font-size: 115%;
}

table.forum-threads td.subject a:link {
  font-weight: bold;
}

table.forum-threads td.subject a:visited {
  font-weight: normal;
  color: #666;
}

table.forum-threads td.subject a:hover {
  text-decoration: underline;
}

table.forum-threads td.profile {
  line-height: 1em;
  padding: 0.5em 0em;
}

table.forum-threads td.profile img {
  vertical-align: text-bottom;
}

table.forum-threads td.profile span.meta {
  margin-left: 18px;
  font-size: 87%;
}

.ForumContent .adminlink {
  display: block;
  text-align: right;
}

/* Forum Poll specific styles */
#pollanswersplaceholder li {
  list-style: none;
  vertical-align: top;
  margin: 2px;
}

#pollanswersplaceholder li input {
  margin: 0px 4px 0px 0px;
  padding: 0px;
}

#pollanswersplaceholder li.hidden {
  display: none;
}

#pollanswersplaceholder li.dimmed input, #pollanswersplaceholder li.pollanswer input {
  font-size: 1.2em;
  width: 95%;
  margin: 0.1em;
}

#pollanswersplaceholder li.dimmed input {
  opacity: 0.5;
  -moz-opacity: 0.5;
}

#pollanswersplaceholder li.dimmed a {
  display: none;
}

.poll {
  /*margin: 0 5%;
  width:90%;*/
}

.poll .text {
  float: left;
  padding: 4px 0px;
}

.poll .question {
  position: relative;
  margin-bottom: 1em;
}

.poll .question:last-child {
  margin-bottom: 0;
}

.question input[type=radio] {
  visibility: hidden;
}

.question input[type=radio]:after {
  visibility: visible;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  content: "V";
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  font-size: 1.3em;
  opacity: 0.3;
}

.poll .vote.question input[type=radio]:checked:after,
.poll .vote:hover.question input[type=radio]:after {
  opacity: 1;
}

.poll .vote:hover.question input[type=radio]:after {
  opacity: 1;
  color: #236caa;
}

.question .answer {
  position: absolute;
  top: 5px;
  right: 10px;
}

.question label {
  cursor: default;
  font-weight: normal;
  display: block;
  width: 90%;
  float: left;
  padding: 10px 0px;
}

.question.vote label {
  cursor: pointer;
}

.question.vote label:hover {
  color: #236caa;
}

.question .graph {
  background-color: #EBEBEB;
  height: 7px;
  clear: both;
}

.question .graph .result {
  background-color: #39bfa7;
  height: 7px;
}

/*summery*/
table.summary {
  border: 1px solid #dedede;
  border-bottom: none;
  margin-bottom: 0;
  width: 100%;
  border-collapse: collapse;
}

table.summary td {
  background: #fff url(../img/finans_bg.gif) 1px 1px no-repeat;
  border-right: 1px solid #dedede;
  padding: 0.769em 0.569em 0.769em 0.969em;
  vertical-align: top;
}

table.summary h4 {
  color: #666;
  font-weight: normal;
  margin: 0;
}

table.summary h2 {
  color: #333;
  margin: 0;
  padding: 0.25em 0;
}

table.summary.two-column td {
  width: 50%;
}

table.summary.three-column td {
  width: 33.33%;
}

table.summary.four-column td {
  width: 25%;
}

table.summary img {
  float: left;
  margin-right: 12px;
}

/*** table tradesearchres ***/
/* legacy tables */
table tr.total td {
  font-weight: bold;
  border-top: 2px solid transparent;
  border-bottom: 3px double rgba(0, 0, 0, 0.07);
}

table tbody.open tr td {
  background: rgba(0, 0, 0, 0.05);
  border-top: solid 1px rgba(255, 255, 255, 0.5);
}
table tbody.open tr td.act {
  background-color: rgba(255, 255, 255, 0.04);
}
table tbody.open tr td.lineup {
  padding-left: 1em;
}
table tbody.open tr td.event {
  padding-left: 3em;
}
table tbody.open tr td.round {
  font-weight: bold;
  padding-top: 0.3em;
  vertical-align: top;
}
table tbody.open tr:first-child td {
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table tbody.open tr:first-child td.act {
  background: rgba(126.225, 126.225, 126.225, 0.045);
}
table tbody.open tr:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table tbody.open tr.roundtotal td {
  border-top: 1px solid #999;
  border-bottom: 2px solid #999;
}
table tbody.open tr.events td {
  background-color: rgba(0, 0, 0, 0.3);
}
table tbody.open tr.events.first td {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
table tbody.open tr.events.last td {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}

/* panel tables */
.panel table {
  width: 100%;
}

/*.vcard,*/
.vcard {
  font-size: 93%;
}

.vcard .given-name,
.vcard .additional-name,
.vcard .family-name,
.vcard .org {
  font-weight: bold;
}

.merchant {
  font-size: 93%;
  float: right;
  line-height: 1.6537em;
  margin-bottom: 1.6537em;
  width: 40%;
  color: #996;
}

.merchant a {
  color: #996;
}

.customer {
  font-size: 93%;
  float: left;
  line-height: 1.6537em;
  margin-bottom: 1.6537em;
  width: 60%;
}

.shipmentadr {
  font-size: 93%;
  float: left;
  line-height: 1.6537em;
  margin-bottom: 1.6537em;
  width: 60%;
}

.order .label {
  color: #996;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 78%;
}

/*order*/
.orderDropshadow {
  padding-bottom: 20px;
}

.order {
  background-color: #feebee;
  padding: 1.538em 1.538em 1.538em 1.538em;
}
.order table {
  background: transparent;
}
.order table th, .order table td {
  border-color: #333 !important;
}
.order table tfoot th, .order table tfoot td {
  border-bottom-color: #666 !important;
}

.scroll-text {
  padding: 0.25em;
  height: 20em;
  overflow-y: scroll;
}
.scroll-text ul, .scroll-text ol, .scroll-text dl {
  padding-left: 1.5em;
}

@media print, screen and (min-width: 64em ) {
  .scroll-text {
    height: 25em;
  }
}
/*@import "_legacy_wall";*/
/*@import "_legacy_freemium";*/
.imgl {
  float: left;
  margin-right: 5px;
}

/*
1. common
2. 768px and up

*/
/* 1. common **************************************************************************************/
.status {
  display: block;
  margin-top: 0px;
  z-index: 4;
  color: #fff;
  letter-spacing: 1px;
}

.landing .status .label-round,
.landing .status .rounds-current,
.landing .status .rounds-total {
  display: none;
}

.status .rounds-total:after {
  content: ".";
}

.status .h .n:after,
.status .m .n:after {
  content: ":";
}

.d .u,
.h .u,
.m .u,
.s .u {
  display: none;
}

.d .n:after,
.d .u:after {
  content: " ";
}

.status .badge {
  display: none;
}

.status .time {
  margin-top: 6px;
  margin-bottom: 20px;
}

.status .n {
  font-size: 40px;
  font-weight: 500;
}

.status .tens,
.status .units {
  width: 22px;
}

.status .time {
  display: inline-block;
  margin-top: 20px;
  text-shadow: none;
}

.status .round {
  top: 56px;
}

.status .u {
  text-align: center;
}

.status .d,
.status .h,
.status .m,
.status .s {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.status .d {
  margin-right: 6px;
}

.status .n {
  font-feature-settings: "tnum" 1;
  font-family: geomanist-light;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
}

.status .tens,
.status .units {
  width: 16px;
  text-align: right;
  display: inline-block;
}

.status .h .n:after,
.status .m .n:after {
  content: ":";
  padding: 0 2px;
  display: inline-block;
}

.status .message {
  white-space: nowrap;
  display: block;
}

/* 2. 768px and up ********************************************************************************/
@media print, screen and (min-width: 64em ) {
  .status {
    display: block;
    margin: 0;
    position: absolute;
    top: 13px;
    right: 0.75em;
    font-size: 14px;
    font-family: geomanist-light;
    font-weight: normal;
    font-style: normal;
    /* hack for rendering font properly in chrome*/
    opacity: 0.999;
  }
  .status .rounds-total:after {
    content: "";
  }
  .status .rounds-current,
  .status .label-round,
  .status .label-of,
  .status .rounds-total {
    font-weight: normal;
  }
  .status .countdown,
  .status .round {
    letter-spacing: 1px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    color: #fff;
    margin: 0;
    float: right;
    text-shadow: none;
  }
  .status .time {
    color: #fff;
  }
  .landing .status {
    position: relative;
  }
  .landing .status .countdown {
    position: relative;
    float: none;
    padding-right: 0;
  }
  .status .time {
    display: inline-block;
    margin-top: 20px;
    text-shadow: none;
  }
  .status .round {
    top: 56px;
  }
  .status .u {
    text-align: center;
  }
  .status .d,
  .status .h,
  .status .m,
  .status .s {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .status .d {
    margin-right: 6px;
  }
  .status .n {
    font-feature-settings: "tnum" 1;
    font-family: geomanist-light;
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
  }
  .status .tens,
  .status .units {
    width: 16px;
    text-align: right;
    display: inline-block;
  }
  .status .h .n:after,
  .status .m .n:after {
    content: ":";
    padding: 0 2px;
    display: inline-block;
  }
}
@media screen and (min-width: 64em ) {
  .status .time {
    margin-top: 6px;
    margin-bottom: 20px;
  }
  .status .n {
    font-size: 40px;
    font-weight: 500;
  }
  .status .tens,
  .status .units {
    width: 22px;
  }
  .status .badge {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    line-height: 71px;
    background-color: #F6F6F6;
    color: #222;
    text-align: center;
    font-family: geomanist-light;
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    border-radius: 1000px;
  }
  .status .badge:after {
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    width: 64px;
    height: 64px;
    background: none;
    border: 2px solid #39bfa7;
    border-radius: 1000px;
  }
  .landing .status .badge {
    display: none;
  }
}
.wrapper.field .neg {
  color: hsl(0, 100%, 57%);
}
.wrapper.field tr {
  width: 26% !important;
  padding-bottom: 26% !important;
}
.wrapper.field tr.p0 {
  top: -2%;
  left: 68%;
}
.wrapper.field tr.p1 {
  top: 2%;
  left: 37%;
}
.wrapper.field table.f112300 tr.p2 {
  top: 30%;
  left: 12%;
}
.wrapper.field table.f112300 tr.p3 {
  top: 30%;
  left: 62%;
}
.wrapper.field table.f112300 tr.p4 {
  top: 65%;
  left: 7%;
}
.wrapper.field table.f112300 tr.p5 {
  top: 60%;
  left: 37%;
}
.wrapper.field table.f112300 tr.p6 {
  top: 65%;
  left: 67%;
}
.wrapper.field table.f014042 tr {
  width: 18% !important;
  padding-bottom: 18% !important;
}
.wrapper.field table.f014042 tr.p0 {
  top: -1%;
  left: 41%;
}
.wrapper.field table.f014042 tr.p1 {
  top: 30%;
  left: 8%;
}
.wrapper.field table.f014042 tr.p2 {
  top: 30%;
  left: 52%;
}
.wrapper.field table.f014042 tr.p3 {
  top: 20%;
  left: 30%;
}
.wrapper.field table.f014042 tr.p4 {
  top: 20%;
  left: 74%;
}
.wrapper.field table.f014042 tr.p5 {
  top: 53%;
  left: 6%;
}
.wrapper.field table.f014042 tr.p6 {
  top: 73%;
  left: 66%;
}
.wrapper.field table.f014042 tr.p7 {
  top: 53%;
  left: 76%;
}
.wrapper.field table.f014042 tr.p8 {
  top: 73%;
  left: 15%;
}
.wrapper.field table.f014042 tr.p9 {
  top: 79%;
  left: 41%;
}
.wrapper.field table.f014042 tr.p10 {
  top: 53%;
  left: 41%;
}

.wrapper.field table tbody tr td.name a,
.wrapper.field table tbody tr td {
  color: #292929;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.promo .sponsor,
.landing .sponsor {
  display: block;
  height: 30px;
  width: 290px;
}

.promo .sponsor,
.landing .sponsor {
  margin: 5px auto -30px auto;
}

.identity .sponsor {
  display: none;
  font-family: geomanist-light;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  letter-spacing: 1px;
  display: inline-block;
  width: auto;
}
.identity .sponsor img {
  height: 24px;
}

.landing .sponsor img,
.home .sponsor img {
  display: inline-block;
  height: 30px;
}

@media print, screen and (min-width: 64em ) {
  .identity .sponsor {
    margin-top: 8px;
    display: block;
  }
  .promo .sponsor,
  .landing .sponsor {
    margin: 43px 0 -73px 0;
  }
  .promo .sponsor {
    margin-left: auto;
    margin-right: auto;
  }
  .promo .sponsor {
    display: block;
  }
}
/* design v2 */
/*
.home .games-list .game-sponsor {
	height: 30px;
	margin: 4px 0 3px 0;
	img {
		display: inline-block;
    	height: 30px;
    	width: auto;
	}
}*/
#accounting .panel {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

.wrapper.field.change-trade {
  border-top: 0;
}

/* aftonbladet-hacks: special cases for aftonbladet only.*/
#field-column #autocomplete {
  display: none !important;
}