/*
   App
   ===

   The master stylesheet. To be included in HTML. Only @requires allowed here.

*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
#followedUsers h4,
#followedUsers h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]),
[hidden] {
  display: none;
}
/* General
// General
//
// This section describes General stuff
//
// Styleguide 5.0
*/
/* Variables
// Variables
//
// This section describes base variables
//
// Styleguide 5.1
*/
/* Variables - Dimensions
// Variables - Dimensions
//
// This section describes Dimensions variables
//
// base - 12px
// base_quarter - base x 0.25
// base_half - base x 0.5
// base_third - base x 0.75
// base_onehalf - base x 1.5
// base_double - base x 2
// base_triple - base x 3
// base_quatro - base x 4
// input_padding - base_half + 2.5
// root_width - 1024px
// base_padding - base_triple
// base_padding_percent - 3.782%
// base_padding_percent_mobile - 3%
//
// markup:
// div(class="{$modifiers} colors-dark_5 clr")
//  div.padding-small.colors-dark_6 {$modifiers}
//
// Styleguide 5.1.2
*/
.base {
  padding: 12px;
}
.base_quarter {
  padding: 3px;
}
.base_half {
  padding: 6px;
}
.base_third {
  padding: 9px;
}
.base_onehalf {
  padding: 18px;
}
.base_double {
  padding: 24px;
}
.base_triple {
  padding: 36px;
}
.base_quatro {
  padding: 48px;
}
.input_padding {
  padding: 9px;
}
.base_padding {
  padding: 36px;
}
.base_padding_percent {
  padding: 36px;
}
.base_padding_percent_mobile {
  padding: 9px;
}
/* Variables - Media
// Variables - Media
//
// This section describes Media variables
//
// media_mobile - max-width: 767px
// media_mobile_small - max-width: 480px
// media_mobile_large - min-width: 481px and max-width: 767px
// media_tablet - min-width: 768px and max-width: 979px
// media_desktop - min-width: 768px
// media_desktop_big - min-width : 1170px
// media_desktop_large - min-width : 1400px
// media_ie - screen and (min-width:0\0)
//
// markup:
// div(class="{$modifiers} padding hidden colors-dark_5") {$modifiers}
//
// Styleguide 5.1.3
*/
@media (max-width: 767px) {
  .media_mobile {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .media_mobile_small {
    display: block !important;
  }
}
@media (min-width : 481px) and (max-width: 767px) {
  .media_mobile_large {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .media_tablet {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .media_desktop {
    display: block !important;
  }
}
@media (min-width : 1170px) {
  .media_desktop_big {
    display: block !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .media_ie {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .media_desktop_large {
    display: block !important;
  }
}
@media (max-width: 340px) {
  .media_mobile_xsmall {
    display: block !important;
  }
}
/* Colors
// Colors
//
// This section describes base colors and typography
//
// Styleguide 1.0
*/
/* BW Colors
// 
// BW Colors
//
// .colors-light_0 - lightest, stylus var: hover_color, hex: #fff
// .colors-light_1 - header color, stylus var: header_color, hex: #ebebeb
// .colors-light_2 - lighter background, stylus vars: text_color_hl, bg_7, hex: #e6e6e6
// .colors-light_2b - hex: #d9d9d9
// .colors-light_3 - stylus var: text_color, hover_color_light, hex: #ccc
// .colors-light_3b - hex: #bfbfbf
// .colors-light_4 - light_4, hex: #b3b3b3
// .colors-light_5 - stylus var: text_color_darker, hex: #969696
// .colors-light_6 - stylus var: bg_6, disabled_color, hex: #808080
// .colors-dark_0 - darkest, stylus var: hover_color_dark, hex: #000
// .colors-dark_1 - stylus vars: bg, text_color_dark, hex: #1c1c1c
// .colors-dark_2 - stylus var: bg_2, hex: #212121
// .colors-dark_2b - stylus var: dark_2b, hex: #262626
// .colors-dark_3 - stylus var: bg_3, hex: #2b2b2b
// .colors-dark_4 - stylus var: bg_4, hex: #363636
// .colors-dark_5 - stylus var: bg_5, hex: #424242
// .colors-dark_6 - stylus var: bg_6, hex: #737373
//
// markup:
// div(class="{$modifiers} padding-small") {$modifiers}
//
// Styleguide 1.1
*/
.colors-light_0 {
  background-color: #fff;
}
.colors-dark_0 {
  background-color: #000;
}
.colors-light_1 {
  background-color: #ebebeb;
}
.colors-dark_1 {
  background-color: #1c1c1c;
}
.colors-light_2 {
  background-color: #e6e6e6;
}
.colors-dark_2 {
  background-color: #212121;
}
.colors-light_3 {
  background-color: #ccc;
}
.colors-dark_3 {
  background-color: #2b2b2b;
}
.colors-light_4 {
  background-color: #b3b3b3;
}
.colors-dark_4 {
  background-color: #363636;
}
.colors-light_5 {
  background-color: #969696;
}
.colors-dark_5 {
  background-color: #424242;
}
.colors-light_6 {
  background-color: #808080;
}
.colors-dark_6 {
  background-color: #737373;
}
.colors-dark_2b {
  background-color: #262626;
}
.colors-light_2b {
  background-color: #d9d9d9;
}
.colors-light_3b {
  background-color: #bfbfbf;
}
/* Other Colors
// 
// Other Colors
//
// .colors-yellow - stylus var: yellow,       hex: #ffe41a
// .colors-red_1 - stylus var: red_1,         hex: #ad1f24
// .colors-red_2 - stylus var: red_2,         hex: #861922
// .colors-red_3 - stylus var: red_3,         hex: #b01e22
// .colors-red_4 - stylus var: red_4,         hex: #ff4c4c
// .colors-blue - links, stylus var: blue,    hex: #62c9fc
// .colors-blue_1 - stylus var: blue_1,       hex: #3c9bfa
// .colors-blue_2 - links inside pop-ups, stylus var: blue_2, hex: #2599c7
// .colors-blue_3 - stylus var: blue_3,       hex: #29abe2
// .colors-blue_4 - stylus var: blue_4,       hex: #1f4d54
// .colors-gray - mobile checks, stylus var: gray, hex: #363639
// .colors-grey - stylus var: grey,           hex: #cecece
// .colors-green - stylus var: green,         hex: #349101
// .colors-addthis_color - stylus var: addthis_color, hex: #fc6d4c
// .colors-aqua - stylus var: aqua,           hex: #21ddf7
//
// markup:
// div(class="{$modifiers} padding-small") {$modifiers}
//
// Styleguide 1.2
*/
/* Other Colors Text
// 
// Other Colors Text
//
// .colors-text-yellow - stylus var: yellow,       hex: #ffe41a
// .colors-text-red_1 - stylus var: red_1,         hex: #ad1f24
// .colors-text-red_2 - stylus var: red_2,         hex: #861922
// .colors-text-red_3 - stylus var: red_3,         hex: #b01e22
// .colors-text-red_4 - stylus var: red_4,         hex: #ff4c4c
// .colors-text-blue - links, stylus var: blue,    hex: #62c9fc
// .colors-text-blue_1 - stylus var: blue_1,       hex: #3c9bfa
// .colors-text-blue_2 - links inside pop-ups, stylus var: blue_2, hex: #2599c7
// .colors-text-blue_3 - stylus var: blue_3,       hex: #29abe2
// .colors-text-blue_4 - stylus var: blue_4,       hex: #1f4d54
// .colors-text-gray - mobile checks, stylus var: gray, hex: #363639
// .colors-text-grey - stylus var: grey,           hex: #cecece
// .colors-text-green - stylus var: green,         hex: #349101
// .colors-text-addthis_color - stylus var: addthis_color, hex: #fc6d4c
// .colors-text-aqua - stylus var: aqua,           hex: #21ddf7
//
// markup:
// div(class="{$modifiers} padding-small") {$modifiers}
//
// Styleguide 1.2.1
*/
.colors-yellow,
.display-container .Interval77 .IntervalHeader,
.display-container .Interval37 .IntervalHeader,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) {
  background-color: #ffe41a;
}
.colors-text-yellow {
  color: #ffe41a !important;
}
.colors-red_1 {
  background-color: #ad1f24;
}
.colors-text-red_1 {
  color: #ad1f24 !important;
}
.colors-red_2 {
  background-color: #861922;
}
.colors-text-red_2 {
  color: #861922 !important;
}
.colors-red_3 {
  background-color: #b01e22;
}
.colors-text-red_3 {
  color: #b01e22 !important;
}
.colors-blue {
  background-color: #62c9fc;
}
.colors-text-blue {
  color: #62c9fc !important;
}
.colors-blue_1 {
  background-color: #3c9bfa;
}
.colors-text-blue_1 {
  color: #3c9bfa !important;
}
.colors-blue_2 {
  background-color: #2599c7;
}
.colors-text-blue_2 {
  color: #2599c7 !important;
}
.colors-blue_3 {
  background-color: #29abe2;
}
.colors-text-blue_3 {
  color: #29abe2 !important;
}
.colors-blue_4 {
  background-color: #1f4d54;
}
.colors-text-blue_4 {
  color: #1f4d54 !important;
}
.colors-gray {
  background-color: #363639;
}
.colors-text-gray {
  color: #363639 !important;
}
.colors-grey {
  background-color: #cecece;
}
.colors-text-grey {
  color: #cecece !important;
}
.colors-green {
  background-color: #349101;
}
.colors-text-green {
  color: #349101 !important;
}
.colors-addthis_color {
  background-color: #fc6d4c;
}
.colors-text-addthis_color {
  color: #fc6d4c !important;
}
.colors-red_4 {
  background-color: #ff4c4c;
}
.colors-text-red_4 {
  color: #ff4c4c !important;
}
.colors-aqua {
  background-color: #21ddf7;
}
.colors-text-aqua {
  color: #21ddf7 !important;
}
/* Activities Colors
// 
// Activities Colors
//
// .colors-running  - a
// .colors-cycling - a
// .colors-performance - a
// .colors-indoorsports - a
// .colors-outdooradventures - a
// .colors-wintersports - a
// .colors-watersports - a
// .colors-diving - a
// .colors-teamandracketsports - a
// .colors-unspecified - a
//
// markup:
// div(class="{$modifiers} padding-small") {$modifiers}
//
// Styleguide 1.3
*/
.colors-running {
  background-color: #f3cd06;
}
.colors-cycling {
  background-color: #f47830;
}
.colors-performance {
  background-color: #ade539;
}
.colors-indoorsports {
  background-color: #fa1b4f;
}
.colors-outdooradventures {
  background-color: #19b251;
}
.colors-wintersports {
  background-color: #2a67e3;
}
.colors-watersports,
.grid-images--medium .grid-images-number {
  background-color: #1986e7;
}
.colors-diving {
  background-color: #17b5e7;
}
.colors-teamandracketsports {
  background-color: #9b5cff;
}
.colors-unspecified {
  background-color: #9d9d9d;
}
/* Activities Colors
// 
// Activities Colors
//
// .colors-intensity-0 - very low
// .colors-intensity-1 - |
// .colors-intensity-2 - |
// .colors-intensity-3 - |
// .colors-intensity-4 - |
// .colors-intensity-5 - very hard
//
// markup:
// div(class="{$modifiers} padding-small") {$modifiers}
//
// Styleguide 1.4
*/
.intensity0,
.colors-intensity-0 {
  background: #c0c0c0 !important;
  color: #212121 !important;
  text-shadow: none;
}
.intensity-text0,
.colors-intensity-text-0 {
  color: #c0c0c0;
}
.intensity1,
.colors-intensity-1 {
  background: #65cbe8 !important;
  color: #212121 !important;
  text-shadow: none;
}
.intensity-text1,
.colors-intensity-text-1 {
  color: #65cbe8;
}
.intensity2,
.colors-intensity-2 {
  background: #81c462 !important;
  color: #212121 !important;
  text-shadow: none;
}
.intensity-text2,
.colors-intensity-text-2 {
  color: #81c462;
}
.intensity3,
.colors-intensity-3 {
  background: #fddb03 !important;
  color: #212121 !important;
  text-shadow: none;
}
.intensity-text3,
.colors-intensity-text-3 {
  color: #fddb03;
}
.intensity4,
.colors-intensity-4 {
  background: #f89b23 !important;
  color: #212121 !important;
  text-shadow: none;
}
.intensity-text4,
.colors-intensity-text-4 {
  color: #f89b23;
}
.intensity5,
.colors-intensity-5 {
  background: #ef543c !important;
  color: #212121 !important;
  text-shadow: none;
}
.intensity-text5,
.colors-intensity-text-5 {
  color: #ef543c;
}
/* Graph preview colors
//
// Graph preview colors
//
// Colors that are used in sportmode graph previews
// 
// .graphPreview-defaultGraphColor - stylus var: defaultGraphColor &-fill &-stroke,hex: #4A90E2
// .graphPreview-heartRateColor - stylus var: heartRateColor &-fill &-stroke,hex: #FF5640
// .graphPreview-powerColor - stylus var: powerColor &-fill &-stroke,hex: #FFDD33
// .graphPreview-altitudeColor - stylus var: altitudeColor &-fill &-stroke,hex: #86E672
//
// markup:
// svg(width="100" height="30" viewBox="0 0 100 30")
//   rect(class="{$modifiers}-fill" width="50" height="30") 
//   line(class="{$modifiers}-stroke" x1="51" y1="14" x2="100" y2="14" stroke-width="2")
//
// Styleguide 1.5
*/
.graphPreview-defaultGraphColor-fill {
  fill: #4a90e2;
}
.graphPreview-defaultGraphColor-stroke {
  stroke: #4a90e2;
}
.graphPreview-heartRateColor-fill {
  fill: #ff5640;
}
.graphPreview-heartRateColor-stroke {
  stroke: #ff5640;
}
.graphPreview-powerColor-fill {
  fill: #fd3;
}
.graphPreview-powerColor-stroke {
  stroke: #fd3;
}
.graphPreview-altitudeColor-fill {
  fill: #86e672;
}
.graphPreview-altitudeColor-stroke {
  stroke: #86e672;
}
/* Functions
// Functions
//
// This section describes functions
//
// Styleguide 5.2
*/
/* Shared classes
// Shared classes
//
// This section describes Shared classes
//
// clr - clears a row
// box-inside - a
// box-item - a
// box-light - a
// box-lighter - a
// box-square - a
// box-full - a
// box-round - a
// box-round.box-round--number - a
// box-round.box-round--gray - a
// box-round.box-round--red - a
//
// markup:
// p(class="{$modifiers} padding-small") 33
//
// Styleguide 5.3
*/
/* Variables - Border
// Variables - Border
//
// This section describes border variables
//
// border_thick - stylus var border_thick
// border_thin - stylus var border_thin
//
// markup:
// div(class="{$modifiers} padding-small") {$modifiers}
//
// Styleguide 5.1.1
*/
.clr,
.clearfix,
.area,
.wrapper,
.ie9 .row-flex,
.message,
.buttons,
.radio-list .edit-content,
.disablable,
.media-grid,
.grid >li,
.slideri,
.slideri .slider-header {
  _zoom: 1 /* for IE */;
  clear: both;
}
.clr:before,
.clearfix:before,
.area:before,
.wrapper:before,
.ie9 .row-flex:before,
.message:before,
.buttons:before,
.radio-list .edit-content:before,
.disablable:before,
.media-grid:before,
.grid >li:before,
.slideri:before,
.slideri .slider-header:before,
.clr:after,
.clearfix:after,
.area:after,
.wrapper:after,
.ie9 .row-flex:after,
.message:after,
.buttons:after,
.radio-list .edit-content:after,
.disablable:after,
.media-grid:after,
.grid >li:after,
.slideri:after,
.slideri .slider-header:after {
  content: "";
  display: table;
}
.clr:after,
.clearfix:after,
.area:after,
.wrapper:after,
.ie9 .row-flex:after,
.message:after,
.buttons:after,
.radio-list .edit-content:after,
.disablable:after,
.media-grid:after,
.grid >li:after,
.slideri:after,
.slideri .slider-header:after {
  clear: both;
}
.borderbox,
.wrapper--with-bg-img,
.date-input input,
.img-auto-bg >div,
.inputField,
.selectableView,
.selectableView * {
  box-sizing: border-box;
}
.border-bottom {
  border-bottom: 1px solid #363636;
}
.border-bottom--thick {
  border-bottom-width: 3px;
}
.border-bottom--darker {
  border-color: #969696;
}
.border-bottom--light {
  border-color: #ebebeb;
}
.border-bottom--light--2px {
  border-bottom: 2px solid #e6e6e6;
}
.border--left {
  border-left-style: solid;
}
.border--thick {
  border-width: 4px !important;
}
.border_thin {
  border: 1px solid #363636;
}
.border_thick {
  border: 4px solid #363636;
}
.border-dashed {
  border: 1px dashed #ccc;
}
.box-item {
  padding: 36px;
  background-color: #212121;
}
.box-inside,
select.select--dark,
.editable-view.edit-mode .edit-bg,
.CodeMirror,
.sportModes-widget-wrapper .sportModes-input-name-input:focus,
.sportModes-widget-wrapper .sportModes-input-description-input:focus {
  background-color: #424242;
  box-shadow: inset 1px 2px 5px 0px rgba(0,0,0,0.2);
}
.box-light,
input.input--light,
textarea.input--light,
.input.input--light {
  box-shadow: rgba(0,0,0,0.298) 0px 1px 4px -1px;
  background-color: #fff;
  color: #212121;
}
.box-lighter,
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg,
.adder.lighter .editable-view.edit-mode .edit-bg,
input.input--lighter,
textarea.input--lighter,
.input.input--lighter,
.inputField--edit,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg,
.tooltipper .editable-view.edit-mode .edit-bg,
.boxtip .editable-view.edit-mode .edit-bg,
.bubble .editable-view.edit-mode .edit-bg,
.ac_results .editable-view.edit-mode .edit-bg,
.ui-datepicker .editable-view.edit-mode .edit-bg {
  background-color: #ebebeb;
  color: #212121;
}
.box-square,
.grid-images--compact .grid-images-content,
#highlight-section .highlight-content--no-images {
  padding-bottom: 100%;
  position: relative;
  display: block;
}
.box-full,
.grid-images-link,
.grid-images--full .grid-images-img,
.grid-images--compact .grid-images-img,
.columns--clickable .columns-link {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
}
.box-round,
.link--dot {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
}
.box-round--number,
.link--dot--number {
  font-weight: bold;
  font-size: 10px;
  color: #e6e6e6;
}
.box-round--red,
.link--dot--red {
  background-color: #f00;
}
.box-round--gray,
.link--dot--gray {
  background-color: #808080;
}
.ellipsis,
.text--long,
.text--one-line,
.columns-content-header,
.feed-content-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.break-word,
.break-all label,
.break-all .h3,
.media-grid .icons-container~.media-text h4,
.media-grid .icons-container-2~.media-text h4 {
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
/* Util classes
// Util classes
//
// This section describes Util classes
//
// Styleguide 5.4
*/
/* Util classes - floats
// Util classes - floats
//
// This section describes floats
//
// .right - float right
// .left - float left
// .float-none - float none
//
// markup:
// div(class="{$modifiers} padding-small adder") {$modifiers}
//
// Styleguide 5.4.1
*/
.right {
  float: right !important;
  display: block;
}
.left {
  float: left !important;
  display: block;
}
.float-none {
  float: none !important;
}
.display--flex {
  display: flex;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .display--flex > * {
    flex: 1;
  }
}
/* Util classes - pointers
// Util classes - pointers
//
// This section describes pointers and pointer events
//
// .pointer-events - all pointer events
// .pointer-events-no - no pointer events
// .pointer - pointer cursor
//
// markup:
// a(class="{$modifiers} button padding-small") {$modifiers}
//
// Styleguide 5.4.8
*/
.pointer {
  cursor: pointer;
}
.pointer-events {
  pointer-events: all;
}
.pointer-events-no {
  pointer-events: none;
}
/* Util classes - Margins
// Util classes - Margins
//
// This section describes Margins
//
// .margin-top - a
// .margin-top-small - a
// .margin-top-base - a
// .margin-top-huge - a
// .margin-right - a
// .margin-right-big - a
// .margin-right-huge - a
// .margin-right-base - a
// .margin-right--medium - a
// .margin-left - a
// .margin-bottom - a
// .margin-bottom-small - a
//
// markup:
// div.colors-dark_5.clr
//  div(class="{$modifiers} padding-small colors-dark_6") {$modifiers}
//
// Styleguide 5.4.2
*/
.margin-group-bottom > *:not(:last-child) {
  margin-bottom: 6px;
}
.margin-none {
  margin: 0 !important;
}
.margin-top-none {
  margin-top: 0 !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margin-left-none {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .margin-left-none--mobile {
    margin-left: 0 !important;
  }
}
.margin-auto {
  margin: 0 auto;
}
/* Util classes - Paddings
// Util classes - Margins
//
// This section describes Margins
//
// .padding-small - a
// .padding - a
// .padding-wrapper - a
// .padding-base - a
// .padding-top - a
// .padding-top-base - a
// .padding-top-thirds - a
// .padding-normal - a
// .padding-left - a
// .padding-left--big - a
// .padding-right - a
// .padding-bottom - a
// .padding-bottom-small - a
//
// markup:
// div(class="{$modifiers} colors-dark_5 clr")
//  div.padding-small.colors-dark_6 {$modifiers}
//
// Styleguide 5.4.3
*/
.padding {
  padding: 12px;
}
.padding-none {
  padding: 0 !important;
}
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.padding-small {
  padding: 6px;
}
.padding-wrapper {
  padding: 36px;
}
@media (max-width: 767px) {
  .padding-wrapper {
    padding: 9px;
  }
}
.padding-base {
  padding: 6px 36px;
}
@media (max-width: 767px) {
  .padding-base {
    padding: 9px;
  }
}
.padding-normal,
.padding-base--double {
  padding: 24px;
}
@media (max-width: 767px) {
  .padding-normal,
  .padding-base--double {
    padding: 9px;
  }
}
.margin-top {
  margin-top: 18px;
}
.margin-top-small {
  margin-top: 12px;
}
.margin-top-base {
  margin-top: 36px;
}
.margin-top-huge {
  margin-top: 72px;
}
.margin--mobile {
  margin-top: 18px;
}
.margin-right {
  margin-right: 6px;
}
.margin-right-big {
  margin-right: 12px;
}
.margin-right-base {
  margin-right: 36px;
}
.margin-right--medium {
  margin-right: 9px;
}
.margin-right--huge {
  margin-right: 48px;
}
.margin-left {
  margin-left: 6px;
}
.margin-left--icon-box {
  margin-left: 44px;
}
.margin-bottom {
  margin-bottom: 18px;
}
.margin-bottom-small {
  margin-bottom: 6px;
}
.margin-bottom--quarter {
  margin-bottom: 3px;
}
.padding-top {
  padding-top: 6px;
}
.padding-top--small {
  padding-top: 3px;
}
.padding-top-base {
  padding-top: 12px;
}
.padding-top-thirds {
  padding-top: 9px;
}
.padding-top--none {
  padding-top: 0 !important;
}
.padding-left {
  padding-left: 6px;
}
.padding-left--big {
  padding-left: 18px;
}
.padding-left--none {
  padding-left: 0 !important;
}
.padding-right {
  padding-right: 6px;
}
.padding-right--none {
  padding-right: 0 !important;
}
.padding-bottom {
  padding-bottom: 18px;
}
.padding-bottom-small {
  padding-bottom: 6px;
}
/* Util classes - position
// Util classes - position
//
// This section describes positions
//
// .pos-rel - a
// .pos-abs - a
// .pos-right - a
// .pos-bottom - a
// .pos-top - a
// .pos-static - a
// .pos-center - a
// .pos-center--hori - center horizontally
//
// markup:
// div(class="pos-rel colors-dark_5 clr", style='height:80px')
//  div(class="{$modifiers}")
//    div.padding-small.colors-dark_6 {$modifiers}
//
// Styleguide 5.4.4
*/
.pos-rel {
  position: relative !important;
}
.pos-right {
  position: absolute;
  right: 0;
}
.pos-bottom {
  position: absolute;
  bottom: 0;
}
.pos-top {
  position: absolute;
  top: 0;
}
.pos-static {
  position: static !important;
}
.pos-abs {
  position: absolute !important;
}
.pos-fixed {
  position: fixed;
  z-index: 91;
}
.pos-fixed--bottom {
  bottom: 0;
  left: 0;
}
.pos-center {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.pos-center--hori {
  position: absolute !important;
  transform: translate(-50%, -100%);
  left: 50%;
}
/* Util classes - visibility
// Util classes - visibility
//
// This section describes visibility
//
// .not-visible - a
// .visible - a
// .visible-phone - a
// .visible-tablet - a
// .visible-desktop - a
// .visible-touch - a
// .hidden - a
// .hidden-phone - a
// .hidden-tablet - a
// .hidden-desktop - a
// .hidden-touch - a
//
// markup:
// div(class="colors-dark_5 clr")
//  div(class="{$modifiers}")
//    div.padding-small.colors-dark_6 {$modifiers}
//
// Styleguide 5.4.5
*/
.not-visible {
  visibility: hidden;
}
.visible {
  display: inherit !important;
}
.visible-phone,
.visible-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-phone,
  .visible-mobile {
    display: inherit !important;
  }
}
.visible-tablet {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-desktop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .visible-desktop {
    display: none !important;
  }
}
.touchevents .visible-touch {
  display: inherit;
}
.no-touchevents .visible-touch {
  display: none;
}
.hidden,
body .hidden {
  display: none;
}
@media (max-width: 767px) {
  .hidden-phone,
  body .hidden-phone,
  .hidden-mobile,
  body .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-desktop,
  body .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-tablet,
  body .hidden-tablet {
    display: none !important;
  }
}
.touchevents .hidden-touch,
.touchevents body .hidden-touch {
  display: none;
}
.no-touchevents .hidden-touch,
.no-touchevents body .hidden-touch {
  display: inherit;
}
/* Util classes - text align
// Util classes - text align
//
// This section describes text align
//
// .text--left - a
// .text--right - a
// .text--center - a
// .text--middle - a
// .text--base-line - a
// .text--light - a
// .text--lighter - a
// .text--dark - a
// .text--darker - a
// .text--disabled - a
// .text--color - a
// .text--small - a
// .text--normal - a
// .text--upper - a
// .text--bold - a
// .text--break - a
// .text--wrap - a
// .text--wrap-no - works in block elem, in grid use with flall
// .text--long - works in block elem, in grid use with flall
// .text--one-line - alias to text--long
// .text--three-line - 3 lines
//
// markup:
// section.sg-section-partial-inside
//   div.wrapper
//     div.row-flex
//       div text
//       div.flall
//         span(class="{$modifiers}") Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor. 
//
// Styleguide 5.4.6
*/
.text--left {
  text-align: left !important;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
@media (max-width: 767px) {
  .text--center-mobile {
    text-align: center;
  }
}
.text--middle,
.text--middle * {
  vertical-align: middle !important;
}
.text--base-line,
.text--base-line * {
  vertical-align: baseline !important;
}
.text--light {
  color: #ebebeb !important;
}
.text--lighter {
  color: #fff !important;
}
.text--color {
  color: #ccc;
}
.text--dark {
  color: #212121 !important;
}
.text--darker {
  color: #969696 !important;
}
.text--green {
  color: #349101 !important;
}
.text--red {
  color: #f00 !important;
}
.text--disabled {
  color: #363636;
}
.text--small {
  font-size: 11px;
  color: #969696;
}
.text--normal {
  text-transform: none !important;
}
.text--upper {
  text-transform: uppercase !important;
}
.text--bold {
  font-weight: bold;
}
.text--wrap {
  white-space: normal;
}
.text--wrap-no {
  white-space: nowrap;
}
.text--break {
  word-break: break-all;
}
.text--long,
.text--one-line {
  display: block;
}
.text--three-line {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
/* Util classes - transitions
// Util classes - transitions
//
// This section describes transitions
//
// .transition--none - a
//
// markup:
// div(class="{$modifiers}") Lorem Ipsum
//
// Styleguide 5.4.7
*/
.transition--none {
  transition: none !important;
}
/* Layers z-index system 
// Layers z-index system
//
// This section describes z-indexes, all z-index extends should be in here.
// <br>Layers from top to bottom:
// <br>bottom - all of the normal elements
// <br>middle - fade > popup > loader 
// <br>top - over pop-up elements > fade > pop-up > loader 
//
// markup:
// section.layer-temp(style='height:600px')
//  div(class='layer-bottom')
//  div(class='layer-bottom--under')
//  div(class='layer-bottom--over')
//  div(class='layer-middle')
//  div(class='layer-middle--under')
//  div(class='layer-middle--over')
//  div(class='layer-top')
//  div(class='layer-top--under')
//  div(class='layer-top--over')
//
// Styleguide 5.8
*/
.layer-bottom,
.menu--list,
.menu--flex,
.tooltipper,
.boxtip:not(.boxtip--no-tip),
.bubble {
  z-index: 20;
}
.layer-bottom--under,
.moves-timeline:before {
  z-index: 19;
}
.layer-bottom--over,
.tooltipper:after,
.boxtip:not(.boxtip--no-tip):after,
.bubble:after,
.moves-timeline .scroll-left,
.moves-timeline .scroll-right,
.moves-timeline .y-scale,
.moves-timeline .month-name,
.week-tool .day-row .move-row textarea:focus {
  z-index: 21;
}
.layer-middle,
#tppPage .tp-help-popup,
.planned-move-tool {
  z-index: 200;
}
.layer-middle--under {
  z-index: 199;
}
.layer-middle--over {
  z-index: 201;
}
.layer-top,
.over--pop-up .fade-black,
.over--pop-up .loading-bar,
.pop-up-window .loading-bar,
.pop-up-window .over-fade,
.contact-coach-modal {
  z-index: 3501;
}
.layer-top--under,
.pop-up-window-container,
.pop-up-window-container .fade-black,
.message-center {
  z-index: 3499;
}
.layer-top--over,
.over--pop-up .over-fade,
.tooltipper,
.boxtip,
.bubble,
.tooltip,
.page-header-stuck--fixed,
.planned-move-tool--large {
  z-index: 3502;
}
.layer-temp > div {
  position: absolute;
  background: rgba(0,0,0,0.1);
}
.layer-temp > div:nth-child(1) {
  width: 96%;
  height: 96%;
}
.layer-temp > div:nth-child(2) {
  width: 48%;
  height: 48%;
}
.layer-temp > div:nth-child(3) {
  width: 32%;
  height: 32%;
}
.layer-temp > div:nth-child(4) {
  width: 24%;
  height: 24%;
}
.layer-temp > div:nth-child(5) {
  width: 19.2%;
  height: 19.2%;
}
.layer-temp > div:nth-child(6) {
  width: 16%;
  height: 16%;
}
.layer-temp > div:nth-child(7) {
  width: 13.714285714285714%;
  height: 13.714285714285714%;
}
.layer-temp > div:nth-child(8) {
  width: 12%;
  height: 12%;
}
.layer-temp > div:nth-child(9) {
  width: 10.666666666666666%;
  height: 10.666666666666666%;
}
/* This file includes all theused CSS amimations and keyframes */
@-moz-keyframes slidedown {
  0% {
    top: -50px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes slidedown {
  0% {
    top: -50px;
  }
  100% {
    top: 0;
  }
}
@-o-keyframes slidedown {
  0% {
    top: -50px;
  }
  100% {
    top: 0;
  }
}
@keyframes slidedown {
  0% {
    top: -50px;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* Containers
// Containers
//
// This section describes Containers
//
// Styleguide 5.5
*/
/* Containers - area
// Containers - area
//
// This section describes Containers - .area
//
// markup:
// div(class="area") {$modifiers}
//
// Styleguide 5.5.1
*/
@media (min-width: 768px) {
  .area {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  .area {
    overflow: hidden;
  }
}
/* Containers - container
// Containers - container
//
// This section describes Containers - .container
//
// container--width - base width
// container--full - 100% width
// container--full-height - 100% height
// container--padding - base padding + area padding
//
// markup:
// div(class="container {$modifiers}") {$modifiers}
//
// Styleguide 5.5.2
*/
.container {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.container--width,
.grid-images--full .grid-images-container {
  width: 100%;
  min-width: 300px;
}
@media (min-width: 1170px) {
  .container--width,
  .grid-images--full .grid-images-container {
    max-width: 1170px;
  }
}
.container--full {
  width: 100%;
}
.container--full-height {
  height: 100%;
}
.container--padding {
  padding-left: 48px;
  padding-right: 48px;
}
@media (max-width: 767px) {
  .container--padding {
    padding-left: 21px;
    padding-right: 21px;
  }
}
/* Containers - wrapper
// Containers - wrapper
//
// This section describes Containers - .wrapper
//
// .wrapper--full - a
// .wrapper--next - a
// .wrapper--prev - a
// .wrapper--space - a
// .wrapper--space-small - a
// .wrapper--space-top - a
// .wrapper--space-bottom - a
// .wrapper--border-bottom - a
// .wrapper--transparent - a
// .wrapper--with-bg-img - a
// .wrapper--with-bg - a
// .wrapper--with-bg-1 - a
// .wrapper--with-bg-2 - a
// .wrapper--with-bg-3 - a
// .wrapper--with-bg-4 - a
// .wrapper--with-bg-5 - a
// .wrapper--with-bg-6 - a
// .wrapper--with-stripes - a
// .wrapper--with-stripes-alt - a
// .wrapper--with-img - a
//
// markup:
// section(class="wrapper wrapper--with-bg-1 {$modifiers} pos-rel")
//  div Text
//
// Styleguide 5.5.3
*/
/* Containers - wrapper-container
// Containers - wrapper-container
//
// This section describes Containers - .wrapper-container
//
// .wrapper-container - a
// .wrapper-container--forced - a
//
// markup:
// div(class="wrapper-container {$modifiers} pos-rel")
//  section.wrapper.wrapper--with-bg-1
//    div Text
//  section.wrapper.wrapper--with-bg-1
//    div Text
//
// Styleguide 5.5.4
*/
.wrapper {
  clear: both;
  padding-top: 36px;
  padding-bottom: 36px;
}
.wrapper--border-bottom {
  border-bottom: 3px solid;
}
.wrapper--transparent {
  background-color: transparent !important;
  background: none !important;
}
.wrapper--with-bg:not(.wrapper--full),
.accordion-title + section:not(.wrapper--full) {
  background-color: #212121;
}
.wrapper--with-bg-0 {
  background-color: #262626;
}
.wrapper--with-bg-1 {
  background-color: #363636;
}
.wrapper--with-bg-2 {
  background-color: #2b2b2b;
}
.wrapper--with-bg-3,
.wrapper--with-bg-4,
.wrapper--with-bg-5,
.wrapper--with-bg-6 {
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
}
.wrapper--with-bg-3 h1,
.wrapper--with-bg-4 h1,
.wrapper--with-bg-5 h1,
.wrapper--with-bg-6 h1,
.wrapper--with-bg-3 h2,
.wrapper--with-bg-4 h2,
.wrapper--with-bg-5 h2,
.wrapper--with-bg-6 h2,
.wrapper--with-bg-3 h3,
.wrapper--with-bg-4 h3,
.wrapper--with-bg-5 h3,
.wrapper--with-bg-6 h3,
.wrapper--with-bg-3 h4,
.wrapper--with-bg-4 h4,
.wrapper--with-bg-5 h4,
.wrapper--with-bg-6 h4,
.wrapper--with-bg-3 h5,
.wrapper--with-bg-4 h5,
.wrapper--with-bg-5 h5,
.wrapper--with-bg-6 h5,
.wrapper--with-bg-3 .h1,
.wrapper--with-bg-4 .h1,
.wrapper--with-bg-5 .h1,
.wrapper--with-bg-6 .h1,
.wrapper--with-bg-3 .h2,
.wrapper--with-bg-4 .h2,
.wrapper--with-bg-5 .h2,
.wrapper--with-bg-6 .h2,
.wrapper--with-bg-3 .h3,
.wrapper--with-bg-4 .h3,
.wrapper--with-bg-5 .h3,
.wrapper--with-bg-6 .h3,
.wrapper--with-bg-3 .h4,
.wrapper--with-bg-4 .h4,
.wrapper--with-bg-5 .h4,
.wrapper--with-bg-6 .h4,
.wrapper--with-bg-3 .h5,
.wrapper--with-bg-4 .h5,
.wrapper--with-bg-5 .h5,
.wrapper--with-bg-6 .h5,
.wrapper--with-bg-3 .inputField-label,
.wrapper--with-bg-4 .inputField-label,
.wrapper--with-bg-5 .inputField-label,
.wrapper--with-bg-6 .inputField-label {
  color: #212121;
  text-shadow: none;
}
.wrapper--with-bg-3 h6,
.wrapper--with-bg-4 h6,
.wrapper--with-bg-5 h6,
.wrapper--with-bg-6 h6,
.wrapper--with-bg-3 .extra-info,
.wrapper--with-bg-4 .extra-info,
.wrapper--with-bg-5 .extra-info,
.wrapper--with-bg-6 .extra-info {
  color: #808080;
}
.wrapper--with-bg-3 a:not(.button):not(.box):not(.link),
.wrapper--with-bg-4 a:not(.button):not(.box):not(.link),
.wrapper--with-bg-5 a:not(.button):not(.box):not(.link),
.wrapper--with-bg-6 a:not(.button):not(.box):not(.link),
.wrapper--with-bg-3 .clickable:not(.box):not(.link),
.wrapper--with-bg-4 .clickable:not(.box):not(.link),
.wrapper--with-bg-5 .clickable:not(.box):not(.link),
.wrapper--with-bg-6 .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.wrapper--with-bg-3 a:not(.button):not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-4 a:not(.button):not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-5 a:not(.button):not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-6 a:not(.button):not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-3 .clickable:not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-4 .clickable:not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-5 .clickable:not(.box):not(.link):hover:not([disabled]),
.wrapper--with-bg-6 .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg input,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg input,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg input,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg input,
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg select,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg select,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg select,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg select,
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg textarea,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg textarea,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg textarea,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg select option,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg select option,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg select option,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg select option,
.wrapper--with-bg-3 .editable-view.edit-mode .edit-bg select optgroup,
.wrapper--with-bg-4 .editable-view.edit-mode .edit-bg select optgroup,
.wrapper--with-bg-5 .editable-view.edit-mode .edit-bg select optgroup,
.wrapper--with-bg-6 .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.wrapper--with-bg-3 div .table-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-4 div .table-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-5 div .table-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-6 div .table-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-3 div .media-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-4 div .media-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-5 div .media-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-6 div .media-grid.clickable:hover:not(.disabled),
.wrapper--with-bg-3 div .table-grid.clickable.selected,
.wrapper--with-bg-4 div .table-grid.clickable.selected,
.wrapper--with-bg-5 div .table-grid.clickable.selected,
.wrapper--with-bg-6 div .table-grid.clickable.selected,
.wrapper--with-bg-3 div .media-grid.clickable.selected,
.wrapper--with-bg-4 div .media-grid.clickable.selected,
.wrapper--with-bg-5 div .media-grid.clickable.selected,
.wrapper--with-bg-6 div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.wrapper--with-bg-3 div .table-grid:nth-child(odd),
.wrapper--with-bg-4 div .table-grid:nth-child(odd),
.wrapper--with-bg-5 div .table-grid:nth-child(odd),
.wrapper--with-bg-6 div .table-grid:nth-child(odd),
.wrapper--with-bg-3 div .media-grid:nth-child(odd),
.wrapper--with-bg-4 div .media-grid:nth-child(odd),
.wrapper--with-bg-5 div .media-grid:nth-child(odd),
.wrapper--with-bg-6 div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.wrapper--with-bg-3 .note,
.wrapper--with-bg-4 .note,
.wrapper--with-bg-5 .note,
.wrapper--with-bg-6 .note {
  background: #fff;
}
.wrapper--with-bg-4 {
  background-color: #e6e6e6 !important;
}
.wrapper--with-bg-5 {
  background-color: #ebebeb !important;
}
.wrapper--with-bg-6 {
  background-color: #fff !important;
}
.wrapper--with-bg-7 {
  background-color: #424242;
}
.wrapper--with-bg-alpha {
  background-color: rgba(0,0,0,0.6);
}
.wrapper--with-bg-stripes {
  background: linear-gradient(to bottom, #262626 0, #262626 20%, #212121 20.1%, #212121 40%, #262626 40.1%, #262626 60%, #212121 60.1%, #212121 80%, #262626 80.1%, #262626 100%);
}
.wrapper--with-bg-stripes-alt {
  background: linear-gradient(to top, #262626 0, #262626 20%, #212121 20.1%, #212121 40%, #262626 40.1%, #262626 60%, #212121 60.1%, #212121 80%, #262626 80.1%, #262626 100%);
}
.wrapper--with-bg-img {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
}
.wrapper--with-bg-img-bottom {
  bottom: 0;
}
.wrapper--with-bg-img-top {
  top: 0;
}
.wrapper--with-paddings:not(.wrapper--full),
.accordion-title + .wrapper:not(.wrapper--full),
.accordion-title + section:not(.wrapper--full) {
  padding-left: 36px;
  padding-right: 36px;
}
.wrapper--with-paddings.wrapper--full,
.accordion-title + .wrapper.wrapper--full,
.accordion-title + section.wrapper--full {
  padding: 0;
}
.wrapper--with-paddings-small {
  padding-top: 18px;
  padding-bottom: 18px;
}
.wrapper--with-paddings-small-all {
  padding: 18px;
}
.wrapper--with-paddings-fixed {
  padding-top: 36px;
  padding-bottom: 36px;
}
.wrapper--with-paddings-big {
  padding: 72px !important;
}
.wrapper.next,
.wrapper--next {
  padding-top: 0 !important;
}
.wrapper.previous,
.wrapper.prev,
.wrapper--prev {
  padding-bottom: 0 !important;
}
.wrapper--space-small {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 18px;
  padding-bottom: 18px;
}
.wrapper--space-top {
  padding-bottom: 0 !important;
}
.wrapper--space-bottom {
  padding-top: 0 !important;
}
.wrapper-container >.wrapper:not(:last-child):not(:only-child) {
  padding-bottom: 0 !important;
}
.wrapper-container-widget >:not(:only-child):not(:last-child) .wrapper {
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .wrapper:not(.wrapper--full) {
    padding-left: 9px;
    padding-right: 9px;
  }
  .wrapper--with-paddings:not(.wrapper--full),
  .accordion-title + .wrapper:not(.wrapper--full),
  .accordion-title + section:not(.wrapper--full) {
    padding-left: 9px;
    padding-right: 9px;
  }
  .wrapper--with-paddings.wrapper--full,
  .accordion-title + .wrapper.wrapper--full,
  .accordion-title + section.wrapper--full {
    padding: 0;
  }
  .wrapper--with-paddings-small {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .wrapper--with-paddings-small-all {
    padding: 9px;
  }
  .wrapper--with-paddings-fixed {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .wrapper--with-paddings-big {
    padding: 18px !important;
  }
  .wrapper--with-paddings-mobile {
    padding-top: 36px;
  }
  .wrapper.next,
  .wrapper--next {
    padding-top: 0 !important;
  }
  .wrapper.previous,
  .wrapper.prev,
  .wrapper--prev {
    padding-bottom: 0 !important;
  }
  .wrapper--space-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .wrapper--space-top {
    padding-bottom: 0 !important;
  }
  .wrapper--space-bottom {
    padding-top: 0 !important;
  }
}
.adder {
  background-color: #212121 !important;
}
.adder.lighter {
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
}
.adder.lighter h1,
.adder.lighter h2,
.adder.lighter h3,
.adder.lighter h4,
.adder.lighter h5,
.adder.lighter .h1,
.adder.lighter .h2,
.adder.lighter .h3,
.adder.lighter .h4,
.adder.lighter .h5,
.adder.lighter .inputField-label {
  color: #212121;
  text-shadow: none;
}
.adder.lighter h6,
.adder.lighter .extra-info {
  color: #808080;
}
.adder.lighter a:not(.button):not(.box):not(.link),
.adder.lighter .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.adder.lighter a:not(.button):not(.box):not(.link):hover:not([disabled]),
.adder.lighter .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.adder.lighter .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.adder.lighter .editable-view.edit-mode .edit-bg input,
.adder.lighter .editable-view.edit-mode .edit-bg select,
.adder.lighter .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.adder.lighter .editable-view.edit-mode .edit-bg select option,
.adder.lighter .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.adder.lighter div .table-grid.clickable:hover:not(.disabled),
.adder.lighter div .media-grid.clickable:hover:not(.disabled),
.adder.lighter div .table-grid.clickable.selected,
.adder.lighter div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.adder.lighter div .table-grid:nth-child(odd),
.adder.lighter div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.adder.lighter .note {
  background: #fff;
}
.adder.light {
  background-color: #363636 !important;
}
/* Containers - video-container
// Containers - video-container
//
// This section describes Containers - video-container
//
// .video-container - a
// .video-container--full - a
// .video-container--no-events - a
//
// markup:
// div(class="video-container colors-dark_5 {$modifiers}")
//  iframe.youtubeVideoPlayer(src='http://www.youtube.com/embed/C0Y6Gr1gRxc?rel=0&iv_load_policy=3&showinfo=0&enablejsapi=1&wmode=opaque', frameborder='0', width='100%', height='100%')
//
// Styleguide 5.5.5
*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container--full {
  padding-top: 0;
  height: 100%;
  padding-bottom: 0;
}
.video-container--no-events {
  pointer-events: none;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Paragraphs and fonts
// Paragraphs and fonts
//
// This section describes Paragraphs and fonts
//
// .font--basic - Body font
// .font--basic-bold - Bold font, used in headings
// .font--basic-regular - Regular font, used in buttons
// .font--icon - Icon font only
// .font--suunto - Suunto font, used in displays
// .basic-font - Basic font with other properties
// .basic-icon - Icon font with other properties
//
// markup:
// p(class="{$modifiers} padding-small") Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.
//
// Styleguide 2.2
*/
@font-face {
  font-family: 'Suunto';
  src: url("../fonts/suunto_font.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SuuntoIcons';
  src: url("../fonts/suunto_icon.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
/*@font-face
  font-family 'SuuntoIconsIE'
  src url(font_url + 'suunto_icon_regular.eot') format('eot')
  font-weight: normal
  font-style: normal*/
@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
/*@font-face
  font-family 'Proximanova-regular'
  src url(font_url + 'proximanova-regular-webfont.woff') format('woff')
  font-weight normal
  font-style normal*/
/*@font-face
  font-family 'Proximanova-bold'
  src url(font_url + 'proximanova-bold-webfont.woff') format('woff')
  font-weight normal
  font-style normal*/
.font--suunto,
.display-field-value,
.font--suunto-temp,
.display-field-value-temp,
.inputField-actualValue--number,
.inputField-input--number {
  font-family: 'Suunto', Arial !important;
}
.font--basic,
#ruleApp .operator label,
#performanceGraph #timeDistance {
  font-family: 'OpenSans-Regular', Arial;
}
.font--basic-bold,
#ruleApp .operator label-bold,
#performanceGraph #timeDistance-bold,
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
h5,
.h5,
.grid-images--full .grid-images-headers h5,
.grid-images--full .grid-images-top,
.inputField-input--h1,
.inputField-actualValue--h1,
.inputField-separator--h1,
.inputField-input--h2,
.inputField-actualValue--h2,
.inputField-separator--h2,
.inputField-input--h3,
.inputField-actualValue--h3,
.inputField-separator--h3,
.inputField-input--h4,
.inputField-actualValue--h4,
.inputField-separator--h4,
.list-text--with-strongs strong,
#followedUsers h6,
#summary-period {
  font-family: 'Suunto', 'OpenSans-Regular', Arial;
}
.font--basic-regular,
#ruleApp .operator label-regular,
#performanceGraph #timeDistance-regular {
  font-family: 'Suunto', 'OpenSans-Regular', Arial;
}
.font--icon,
.basic-icon,
[class^="icon-"],
.ui-datepicker.mini [class*="header"] a.ui-datepicker-prev:after,
.ui-datepicker.ui-widget [class*="header"] a.ui-datepicker-prev:after,
.ui-datepicker.mini [class*="header"] a.ui-datepicker-next:after,
.ui-datepicker.ui-widget [class*="header"] a.ui-datepicker-next:after,
#tppPage .barWrapper .ui-resizable-e:before,
.feeling-IE .period-avg-label,
#performanceGraph #smoothCurveIcon,
#performanceGraph #sharpCurveIcon,
.training-totals-IE .activityIcon {
  font-family: 'SuuntoIcons';
}
.basic-font,
a.icon-link,
a.icon-home,
a.icon-shout,
a.icon-app,
body,
.body-tag,
input,
textarea,
.input,
select,
.label-smaller .h4,
.disablable .h4 {
  font-family: 'OpenSans-Regular', Arial;
  font-size: 13px;
  text-transform: none;
  color: #ccc;
}
.basic-icon,
[class^="icon-"],
#tppPage .barWrapper .ui-resizable-e:before {
  font-style: normal;
  text-decoration: inherit;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  color: inherit;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* Grid flex - Basics
// Grid flex - Basics
//
// This section describes Grid flex basics
//
// .row-flex--basic - a
//
// markup:
// ul
//  li(class="row-flex {$modifiers}")
//    div
//      div.colors-dark_5
//        div.padding {$modifiers}
//    div
//      div.colors-dark_6
//        div.padding {$modifiers}
//    div
//      div.colors-dark_5
//        div.padding {$modifiers}
//  li(class="row-flex {$modifiers} margin-top")
//    div.fl4.fs4
//      div.colors-dark_5
//        div.padding {$modifiers}
//    div.fl3.fs3
//      div.colors-dark_6
//        div.padding {$modifiers}
//    div.fl5.fs5
//      div.colors-dark_5
//        div.padding {$modifiers}
//
// Styleguide 5.6
*/
/* Grid flex - Columns
// Grid flex - Columns
//
// This section describes grid columns
//
// .fl6 - fl0 to 12, used in large sizes, defaults to full width in mobile
// .fl0 - auto size
// .flall - auto size, works also with not wrapped text, does not clear on mobile, so have to add fs...
// .fm6 - fm0 to 12, used in medium sizes like mobile
// .fs6 - fs0 to 12, used in small mobile sizes
// .fxs6 - fxs0 to 12, used in smaller mobile sizes
// .fxxs6 - fxxs0 to 12, used in very small mobile sizes
//
// markup:
// ul
//  li(class="row-flex")
//    div(class="{$modifiers}")
//      div.colors-dark_5
//        div.padding {$modifiers}
//    div(class="{$modifiers}")
//      div.colors-dark_6
//        div.padding {$modifiers}
//
// Styleguide 5.6.1
*/
/* Grid flex - Modifiers
// Grid flex - Modifiers
//
// This section describes grid modifiers
//
// .row-flex--middle - a
// .row-flex--right - a
// .row-flex--center - a
// .row-flex--column - a
// .row-flex--even - a
// .row-flex--full - a
// .row-flex--between - a
// .row-flex--no-margins - a
// .row-flex--reverse - a
// .row-flex--mobile-reverse - a
//
// markup:
// ul
//  li(class="row-flex {$modifiers}")
//    div
//      div.colors-dark_5
//        div.padding {$modifiers}
//    div
//      div.colors-dark_6
//        div.padding-small {$modifiers}
//    div
//      div.colors-dark_5
//        div.padding {$modifiers}
//    div
//      div.colors-dark_6
//        div.padding-big {$modifiers}
//
// Styleguide 5.6.2
*/
/* Grid flex - Column Modifiers
// Grid flex - Column Modifiers
//
// This section describes column modifiers
//
// .row-flex--start.row-flex--column - a
// .row-flex--end.row-flex--column - a
// .row-flex--nowrap - a
//
// markup:
// ul
//  li(class="row-flex {$modifiers}")
//    div
//      div.colors-dark_5
//        div.padding-small {$modifiers}
//    div
//      div.colors-dark_6
//        div.padding-small {$modifiers}
//
// Styleguide 5.6.3
*/
/* Grid flex - Item Align
// Grid flex - Item Align
//
// This section describes item aligns
//
// .align--middle - aligns item to middle
// .align--left - aligns item to middle
// .align--right - aligns item to right
//
// markup:
// ul
//  li(class="row-flex")
//    div(class="{$modifiers}")
//      div.colors-dark_5
//        div.padding {$modifiers}
//
// Styleguide 5.6.4
*/
.spanFlexClr {
  margin-bottom: 6px;
  width: 100%;
}
.row-flex,
.tooltipper-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.row-flex:not(.row-flex--no-margins),
.tooltipper-wrapper:not(.tooltipper-wrapper--no-margins) {
  margin-left: -6px;
  margin-right: -6px;
}
.row-flex:not(.row-flex--no-margins) >div,
.tooltipper-wrapper:not(.tooltipper-wrapper--no-margins) >div {
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 768px) {
  .row-flex:not(.row-flex--no-margins).row-flex--layout,
  .tooltipper-wrapper:not(.tooltipper-wrapper--no-margins).row-flex--layout {
    margin-left: -12px;
    margin-right: -12px;
  }
  .row-flex:not(.row-flex--no-margins).row-flex--layout >div,
  .tooltipper-wrapper:not(.tooltipper-wrapper--no-margins).row-flex--layout >div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.row-flex:not(.row-flex--no-margins).row-flex--mini,
.tooltipper-wrapper:not(.tooltipper-wrapper--no-margins).row-flex--mini {
  margin-left: -1px;
  margin-right: -1px;
}
.row-flex:not(.row-flex--no-margins).row-flex--mini >div,
.tooltipper-wrapper:not(.tooltipper-wrapper--no-margins).row-flex--mini >div {
  padding-left: 1px;
  padding-right: 1px;
}
@media (max-width: 767px) {
  .row-flex:not(.row-flex--no-margins).row-flex--mini >div,
  .tooltipper-wrapper:not(.tooltipper-wrapper--no-margins).row-flex--mini >div {
    margin-bottom: 2px;
  }
}
.row-flex >div,
.tooltipper-wrapper >div {
  box-sizing: border-box;
  flex: 0 1 auto;
}
.row-flex >div.align--right,
.tooltipper-wrapper >div.align--right {
  margin-left: auto;
}
.row-flex >div.align--middle,
.tooltipper-wrapper >div.align--middle {
  -ms-grid-row-align: center;
      align-self: center;
}
.row-flex >div.align--top,
.tooltipper-wrapper >div.align--top {
  align-self: baseline;
}
.row-flex >div.align--bottom,
.tooltipper-wrapper >div.align--bottom {
  align-self: flex-end;
}
.row-flex >div.align--left,
.tooltipper-wrapper >div.align--left {
  margin-right: auto;
}
.row-flex--basic >div,
.tooltipper-wrapper--basic >div,
.row-flex--scroller >div,
.tooltipper-wrapper--scroller >div {
  flex: 0 0 auto;
}
.row-flex--middle,
.tooltipper-wrapper--middle,
.row-flex--inputs,
.tooltipper-wrapper--inputs,
.table-grid .row-flex,
.tooltipper-wrapper {
  align-items: center;
}
.row-flex--middle-content,
.tooltipper-wrapper--middle-content,
.row-flex--inputs-content,
.tooltipper-wrapper--inputs-content,
.table-grid .row-flex-content,
.tooltipper-wrapper-content {
  align-content: center;
  align-items: center;
}
.row-flex--middle-all >div *,
.tooltipper-wrapper--middle-all >div *,
.row-flex--inputs-all >div *,
.tooltipper-wrapper--inputs-all >div *,
.table-grid .row-flex-all >div *,
.tooltipper-wrapper-all >div * {
  vertical-align: middle;
}
.row-flex--start,
.tooltipper-wrapper--start {
  align-items: flex-start;
}
.row-flex--end,
.tooltipper-wrapper--end {
  align-items: flex-end;
}
.row-flex--center,
.tooltipper-wrapper--center {
  justify-content: center;
}
.row-flex--right,
.tooltipper-wrapper--right {
  justify-content: flex-end;
}
.row-flex--full,
.tooltipper-wrapper--full {
  justify-content: space-around;
}
@media (max-width: 767px) {
  .row-flex--full-mobile,
  .tooltipper-wrapper--full-mobile {
    justify-content: space-around;
  }
}
.row-flex--between,
.tooltipper-wrapper--between {
  justify-content: space-between;
}
.row-flex--nowrap,
.tooltipper-wrapper--nowrap,
.row-flex--basic,
.tooltipper-wrapper--basic,
.row-flex--scroller,
.tooltipper-wrapper--scroller,
.row-flex--inputs,
.tooltipper-wrapper--inputs,
.row-flex--media,
.tooltipper-wrapper--media,
.tooltipper-wrapper {
  flex-wrap: nowrap;
}
.row-flex--column,
.tooltipper-wrapper--column {
  flex-flow: column;
}
.row-flex--column.row-flex--center,
.tooltipper-wrapper--column.row-flex--center {
  align-items: center;
}
.row-flex--even >div,
.tooltipper-wrapper--even >div {
  flex: 1;
}
.row-flex--reverse,
.tooltipper-wrapper--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .row-flex--reverse,
  .tooltipper-wrapper--reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .row-flex--reverse-mobile,
  .tooltipper-wrapper--reverse-mobile {
    flex-direction: column-reverse;
  }
}
.row-flex .flall,
.tooltipper-wrapper .flall {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.row-flex >.fl0,
.tooltipper-wrapper >.fl0 {
  flex: 1 1 auto;
  width: auto;
}
.row-flex >.fl1,
.tooltipper-wrapper >.fl1 {
  width: 8.333333333333332%;
}
@media (max-width: 767px) {
  .row-flex >.fl1,
  .tooltipper-wrapper >.fl1 {
    width: 100%;
  }
}
.row-flex >.fl2,
.tooltipper-wrapper >.fl2 {
  width: 16.666666666666664%;
}
@media (max-width: 767px) {
  .row-flex >.fl2,
  .tooltipper-wrapper >.fl2 {
    width: 100%;
  }
}
.row-flex >.fl3,
.tooltipper-wrapper >.fl3 {
  width: 25%;
}
@media (max-width: 767px) {
  .row-flex >.fl3,
  .tooltipper-wrapper >.fl3 {
    width: 100%;
  }
}
.row-flex >.fl4,
.tooltipper-wrapper >.fl4 {
  width: 33.33333333333333%;
}
@media (max-width: 767px) {
  .row-flex >.fl4,
  .tooltipper-wrapper >.fl4 {
    width: 100%;
  }
}
.row-flex >.fl5,
.tooltipper-wrapper >.fl5 {
  width: 41.66666666666667%;
}
@media (max-width: 767px) {
  .row-flex >.fl5,
  .tooltipper-wrapper >.fl5 {
    width: 100%;
  }
}
.row-flex >.fl6,
.tooltipper-wrapper >.fl6 {
  width: 50%;
}
@media (max-width: 767px) {
  .row-flex >.fl6,
  .tooltipper-wrapper >.fl6 {
    width: 100%;
  }
}
.row-flex >.fl7,
.tooltipper-wrapper >.fl7 {
  width: 58.333333333333336%;
}
@media (max-width: 767px) {
  .row-flex >.fl7,
  .tooltipper-wrapper >.fl7 {
    width: 100%;
  }
}
.row-flex >.fl8,
.tooltipper-wrapper >.fl8 {
  width: 66.66666666666666%;
}
@media (max-width: 767px) {
  .row-flex >.fl8,
  .tooltipper-wrapper >.fl8 {
    width: 100%;
  }
}
.row-flex >.fl9,
.tooltipper-wrapper >.fl9 {
  width: 75%;
}
@media (max-width: 767px) {
  .row-flex >.fl9,
  .tooltipper-wrapper >.fl9 {
    width: 100%;
  }
}
.row-flex >.fl10,
.tooltipper-wrapper >.fl10 {
  width: 83.33333333333334%;
}
@media (max-width: 767px) {
  .row-flex >.fl10,
  .tooltipper-wrapper >.fl10 {
    width: 100%;
  }
}
.row-flex >.fl11,
.tooltipper-wrapper >.fl11 {
  width: 91.66666666666666%;
}
@media (max-width: 767px) {
  .row-flex >.fl11,
  .tooltipper-wrapper >.fl11 {
    width: 100%;
  }
}
.row-flex >.fl12,
.tooltipper-wrapper >.fl12 {
  width: 100%;
}
@media (max-width: 767px) {
  .row-flex >.fl12,
  .tooltipper-wrapper >.fl12 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm0,
  .tooltipper-wrapper >.fm0 {
    flex: 1 1 auto;
    width: auto;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs0,
  .tooltipper-wrapper >.fs0 {
    flex: 0 1 auto;
    flex: 1 1 auto;
    width: auto;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs0,
  .tooltipper-wrapper >.fxs0 {
    flex: 1 1 auto;
    width: auto;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs0,
  .tooltipper-wrapper >.fxxs0 {
    flex: 1 1 auto;
    width: auto;
  }
}
.row-flex >.offset0,
.tooltipper-wrapper >.offset0 {
  margin-left: 0%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm1,
  .tooltipper-wrapper >.fm1 {
    width: 8.333333333333332%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs1,
  .tooltipper-wrapper >.fs1 {
    flex: 0 1 auto;
    width: 8.333333333333332%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs1,
  .tooltipper-wrapper >.fxs1 {
    width: 8.333333333333332%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs1,
  .tooltipper-wrapper >.fxxs1 {
    width: 8.333333333333332%;
  }
}
.row-flex >.offset1,
.tooltipper-wrapper >.offset1 {
  margin-left: 8.333333333333332%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm2,
  .tooltipper-wrapper >.fm2 {
    width: 16.666666666666664%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs2,
  .tooltipper-wrapper >.fs2 {
    flex: 0 1 auto;
    width: 16.666666666666664%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs2,
  .tooltipper-wrapper >.fxs2 {
    width: 16.666666666666664%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs2,
  .tooltipper-wrapper >.fxxs2 {
    width: 16.666666666666664%;
  }
}
.row-flex >.offset2,
.tooltipper-wrapper >.offset2 {
  margin-left: 16.666666666666664%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm3,
  .tooltipper-wrapper >.fm3 {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs3,
  .tooltipper-wrapper >.fs3 {
    flex: 0 1 auto;
    width: 25%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs3,
  .tooltipper-wrapper >.fxs3 {
    width: 25%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs3,
  .tooltipper-wrapper >.fxxs3 {
    width: 25%;
  }
}
.row-flex >.offset3,
.tooltipper-wrapper >.offset3 {
  margin-left: 25%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm4,
  .tooltipper-wrapper >.fm4 {
    width: 33.33333333333333%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs4,
  .tooltipper-wrapper >.fs4 {
    flex: 0 1 auto;
    width: 33.33333333333333%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs4,
  .tooltipper-wrapper >.fxs4 {
    width: 33.33333333333333%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs4,
  .tooltipper-wrapper >.fxxs4 {
    width: 33.33333333333333%;
  }
}
.row-flex >.offset4,
.tooltipper-wrapper >.offset4 {
  margin-left: 33.33333333333333%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm5,
  .tooltipper-wrapper >.fm5 {
    width: 41.66666666666667%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs5,
  .tooltipper-wrapper >.fs5 {
    flex: 0 1 auto;
    width: 41.66666666666667%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs5,
  .tooltipper-wrapper >.fxs5 {
    width: 41.66666666666667%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs5,
  .tooltipper-wrapper >.fxxs5 {
    width: 41.66666666666667%;
  }
}
.row-flex >.offset5,
.tooltipper-wrapper >.offset5 {
  margin-left: 41.66666666666667%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm6,
  .tooltipper-wrapper >.fm6 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs6,
  .tooltipper-wrapper >.fs6 {
    flex: 0 1 auto;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs6,
  .tooltipper-wrapper >.fxs6 {
    width: 50%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs6,
  .tooltipper-wrapper >.fxxs6 {
    width: 50%;
  }
}
.row-flex >.offset6,
.tooltipper-wrapper >.offset6 {
  margin-left: 50%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm7,
  .tooltipper-wrapper >.fm7 {
    width: 58.333333333333336%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs7,
  .tooltipper-wrapper >.fs7 {
    flex: 0 1 auto;
    width: 58.333333333333336%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs7,
  .tooltipper-wrapper >.fxs7 {
    width: 58.333333333333336%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs7,
  .tooltipper-wrapper >.fxxs7 {
    width: 58.333333333333336%;
  }
}
.row-flex >.offset7,
.tooltipper-wrapper >.offset7 {
  margin-left: 58.333333333333336%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm8,
  .tooltipper-wrapper >.fm8 {
    width: 66.66666666666666%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs8,
  .tooltipper-wrapper >.fs8 {
    flex: 0 1 auto;
    width: 66.66666666666666%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs8,
  .tooltipper-wrapper >.fxs8 {
    width: 66.66666666666666%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs8,
  .tooltipper-wrapper >.fxxs8 {
    width: 66.66666666666666%;
  }
}
.row-flex >.offset8,
.tooltipper-wrapper >.offset8 {
  margin-left: 66.66666666666666%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm9,
  .tooltipper-wrapper >.fm9 {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs9,
  .tooltipper-wrapper >.fs9 {
    flex: 0 1 auto;
    width: 75%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs9,
  .tooltipper-wrapper >.fxs9 {
    width: 75%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs9,
  .tooltipper-wrapper >.fxxs9 {
    width: 75%;
  }
}
.row-flex >.offset9,
.tooltipper-wrapper >.offset9 {
  margin-left: 75%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm10,
  .tooltipper-wrapper >.fm10 {
    width: 83.33333333333334%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs10,
  .tooltipper-wrapper >.fs10 {
    flex: 0 1 auto;
    width: 83.33333333333334%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs10,
  .tooltipper-wrapper >.fxs10 {
    width: 83.33333333333334%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs10,
  .tooltipper-wrapper >.fxxs10 {
    width: 83.33333333333334%;
  }
}
.row-flex >.offset10,
.tooltipper-wrapper >.offset10 {
  margin-left: 83.33333333333334%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm11,
  .tooltipper-wrapper >.fm11 {
    width: 91.66666666666666%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs11,
  .tooltipper-wrapper >.fs11 {
    flex: 0 1 auto;
    width: 91.66666666666666%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs11,
  .tooltipper-wrapper >.fxs11 {
    width: 91.66666666666666%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs11,
  .tooltipper-wrapper >.fxxs11 {
    width: 91.66666666666666%;
  }
}
.row-flex >.offset11,
.tooltipper-wrapper >.offset11 {
  margin-left: 91.66666666666666%;
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-flex >.fm12,
  .tooltipper-wrapper >.fm12 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .row-flex >.fs12,
  .tooltipper-wrapper >.fs12 {
    flex: 0 1 auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .row-flex >.fxs12,
  .tooltipper-wrapper >.fxs12 {
    width: 100%;
  }
}
@media (max-width: 340px) {
  .row-flex >.fxxs12,
  .tooltipper-wrapper >.fxxs12 {
    width: 100%;
  }
}
.row-flex >.offset12,
.tooltipper-wrapper >.offset12 {
  margin-left: 100%;
}
.ie9 .row-flex {
  display: block;
  width: 100%;
}
.ie9 .row-flex >div {
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
  float: left;
  vertical-align: top;
  min-height: 1px;
}
.ie9 .row-flex--middle >div {
  vertical-align: middle;
}
.ie9 .row-flex--right {
  text-align: right;
}
.ie9 .row-flex--right >div {
  float: none;
}
.ie9 .row-flex--no-margins >div {
  float: none;
  padding: 0;
}
.table-grid .row-flex {
  min-height: 36px;
}
.table-grid .row-flex >div {
  padding-left: 6px;
  padding-right: 6px;
  width: 20%;
  white-space: nowrap;
}
.table-grid .row-flex >div.fl12 {
  width: 100%;
}
@media (max-width: 767px) {
  .table-grid .row-flex >div {
    padding-left: 6px;
    padding-right: 6px;
    width: 25%;
  }
  .table-grid .row-flex >div:last-child:not(:only-child) {
    display: none;
  }
}
/* Grid flex - Mobile margin grid
// Grid flex - Mobile margin grid
//
// This section describes mobile margin grid types, .grid--normal
//
// .row-flex - normal bottom margin
// .row-flex.row-flex--layout - bigger bottom margin
//
// markup:
// ul.grid--normal
//  li(class="{$modifiers}")
//    div.fl6
//      div.colors-dark_5
//        div.padding {$modifiers}
//    div.fl6
//      div.colors-dark_4
//        div.padding {$modifiers}
//
// Styleguide 5.6.5
*/
@media (max-width: 767px) {
  .grid--normal >.row-flex:not(.row-flex--layout) > * {
    margin-bottom: 9px;
  }
  .grid--normal >.row-flex--layout > * {
    margin-bottom: 24px;
  }
}
/*
  Grid types
  ==========

  No #id selectors allowed here.

  TODO re-organize / clean up

*/
/* Components
// Components
//
// This section describes Components
//
// Styleguide 6.0
*/
/* Fades
// Fades
//
// This section describes Fades
//
// .fade-black - a
// .fade--top - a
// .fade--bottom - a
//
// markup:
// section(class='sg-section-partial-inside', style='height:300px')
//  div(class='{$modifiers} pos-abs')
//  p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.
//
// Styleguide 6.1
*/
/* Fade boxes
// Fade boxes
//
// This section describes Fade boxes
//
// .fade-box - a
//
// markup:
// section(style='height:200px')
//  div(class='{$modifiers}')
//    p.fade-box-height Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.
//
// Styleguide 6.1.1
*/
.fade-black {
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}
.fade-black.lower {
  z-index: 97;
}
.fade-black--no-bg {
  background-color: transparent;
}
.over .fade,
.fade-over {
  position: relative;
  z-index: 101;
}
.fade-box,
.grid-images--full .grid-images-fade,
.grid-images--compact .grid-images-text,
.scroller-caption,
.cover--widget .cover-fade {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  padding: 9px;
}
.fade-box-height,
.grid-images--full .grid-images-fade-height,
.grid-images--compact .grid-images-text-height,
.scroller-caption-height,
.cover--widget .cover-fade-height,
.grid-images-height {
  height: auto;
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.fade-box-padding-elem,
.grid-images--full .grid-images-fade-padding-elem,
.grid-images--compact .grid-images-text-padding-elem,
.scroller-caption-padding-elem,
.cover--widget .cover-fade-padding-elem,
.grid-images-headers {
  padding-bottom: 3px;
}
.fade-box--with-bg-color,
.grid-images--full .grid-images-fade--with-bg-color,
.grid-images--compact .grid-images-text--with-bg-color,
.scroller-caption--with-bg-color,
.cover--widget .cover-fade--with-bg-color,
.grid-images--compact .grid-images-content:hover .grid-images-text,
.grid-images--compact .grid-images-content:focus .grid-images-text,
.scroller--small .scroller-image:hover .scroller-caption {
  background-color: rgba(0,0,0,0.5);
}
.fade-box--with-bg-color-alt,
.grid-images--full .grid-images-fade--with-bg-color-alt,
.grid-images--compact .grid-images-text--with-bg-color-alt,
.scroller-caption--with-bg-color-alt,
.cover--widget .cover-fade--with-bg-color-alt,
.grid-images--compact .grid-images-content:hover .grid-images-text-alt,
.grid-images--compact .grid-images-content:focus .grid-images-text-alt,
.scroller--small .scroller-image:hover .scroller-caption-alt {
  background-color: rgba(0,0,0,0.3);
}
.fade-box--with-bg-color-anim,
.grid-images--full .grid-images-fade--with-bg-color-anim,
.grid-images--compact .grid-images-text--with-bg-color-anim,
.scroller-caption--with-bg-color-anim,
.cover--widget .cover-fade--with-bg-color-anim,
.grid-images--compact .grid-images-content:hover .grid-images-text-anim,
.grid-images--compact .grid-images-content:focus .grid-images-text-anim,
.scroller--small .scroller-image:hover .scroller-caption-anim {
  transition: background-color 0.5s;
}
.fade--top,
.fade--bottom,
.grid-images--compact .grid-images-fade {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: repeat-x;
}
.fade--top {
  top: 0;
  background-image: url("../img/image_topFade.png");
  background-position: top left;
}
.fade--bottom,
.grid-images--compact .grid-images-fade {
  bottom: 0;
  background-image: url("../img/image_bottomFade.png");
  background-position: bottom left;
}
/* Typography
// Typography
//
// This section describes typography
//
// Styleguide 2.0
*/
/* Headings
// Headings
//
// markup:
// div.sg-section-partial-inside
//  h1 Heading 1
//  h2 Heading 2
//  h3 Heading 3
//  h4 Heading 4
//  h5 Heading 5
//  h6 Heading 6
//  div.margin-top.row-flex.row-flex--middle
//    div.h1 Heading 1
//    div.h2  Heading 2
//    div.h3  Heading 3
//    div.h4  Heading 4
//    div.h5  Heading 5
//    div.h6  Heading 6
//    div.h7  Heading 7, used in small details like with big number and then smaller uppercase text. Like in IE activity bottom.
//
// Styleguide 2.1
*/
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.grid-images--full .grid-images-headers h5,
.grid-images--full .grid-images-top,
.inputField-input--h1,
.inputField-actualValue--h1,
.inputField-separator--h1,
.inputField-input--h2,
.inputField-actualValue--h2,
.inputField-separator--h2,
.inputField-input--h3,
.inputField-actualValue--h3,
.inputField-separator--h3,
.inputField-input--h4,
.inputField-actualValue--h4,
.inputField-separator--h4,
.list-text--with-strongs strong,
#followedUsers h6,
#summary-period {
  text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.grid-images--full .grid-images-headers h5,
.grid-images--full .grid-images-top,
.inputField-input--h1,
.inputField-actualValue--h1,
.inputField-separator--h1,
.inputField-input--h2,
.inputField-actualValue--h2,
.inputField-separator--h2,
.inputField-input--h3,
.inputField-actualValue--h3,
.inputField-separator--h3,
.inputField-input--h4,
.inputField-actualValue--h4,
.inputField-separator--h4,
.list-text--with-strongs strong,
#followedUsers h6,
#summary-period {
  color: #ebebeb;
}
h1 {
  margin-bottom: 6px;
}
h2,
h3 {
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  h2,
  h3 {
    margin-bottom: 9px;
  }
}
h4,
.h4,
.inputField-input--h4,
.inputField-actualValue--h4,
.inputField-separator--h4,
#followedUsers h6,
#summary-period {
  font-size: 16px;
}
h3,
.h3,
.inputField-input--h3,
.inputField-actualValue--h3,
.inputField-separator--h3 {
  font-size: 24px;
}
@media (max-width: 767px) {
  h3,
  .h3,
  .inputField-input--h3,
  .inputField-actualValue--h3,
  .inputField-separator--h3 {
    font-size: 20px;
  }
}
h2,
.h2,
.h2-size,
.grid-images--full .grid-images-headers h5,
.grid-images--full .grid-images-top,
.grid-images--full .grid-images i,
.inputField-input--h2,
.inputField-actualValue--h2,
.inputField-separator--h2 {
  font-size: 28px;
}
@media (max-width: 767px) {
  h2,
  .h2,
  .h2-size,
  .grid-images--full .grid-images-headers h5,
  .grid-images--full .grid-images-top,
  .grid-images--full .grid-images i,
  .inputField-input--h2,
  .inputField-actualValue--h2,
  .inputField-separator--h2 {
    font-size: 24px;
  }
}
h1,
.h1,
.inputField-input--h1,
.inputField-actualValue--h1,
.inputField-separator--h1 {
  font-size: 32px;
}
@media (max-width: 767px) {
  h1,
  .h1,
  .inputField-input--h1,
  .inputField-actualValue--h1,
  .inputField-separator--h1 {
    font-size: 28px;
  }
}
h1.h1--big,
.h1.h1--big,
.inputField-input--h1.h1--big,
.inputField-actualValue--h1.h1--big,
.inputField-separator--h1.h1--big {
  font-size: 84px;
}
h5,
.h5,
.bigger,
h6,
.h6,
.list-text--with-strongs strong,
#followedUsers h4 {
  font-size: 14px;
}
h6,
.h6,
#followedUsers h4 {
  line-height: 140%;
}
.h7 {
  font-size: 12px;
  line-height: 110%;
}
.grid-hori:not(.single-item) >li:not(.border--none) {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .grid-hori:not(.single-item) >li:not(.border--none) {
    border-bottom: 1px solid #363636;
    padding-bottom: 12px;
  }
}
.grid--with-margins >.row-flex >div {
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .grid--with-margins >.row-flex >div:last-child {
    margin-bottom: 0;
  }
}
.grid--with-margins >.row-margin {
  margin-bottom: 6px;
}
.grid--with-base-margins >.row-flex >div {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .grid--with-base-margins >.row-flex >div:last-child {
    margin-bottom: 0;
  }
}
.grid--with-base-margins >.row-margin {
  margin-bottom: 12px;
}
.grid--with-bigger-margins >.row-flex >div {
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .grid--with-bigger-margins >.row-flex >div:last-child {
    margin-bottom: 0;
  }
}
.grid--with-bigger-margins >.row-margin {
  margin-bottom: 18px;
}
.grid--with-bigger-margins >.row-margin >div {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .grid--with-divs >div {
    margin-bottom: 9px;
  }
}
.grid-images {
  position: relative;
}
.grid-images-top {
  position: absolute;
}
.grid-images-headers h5,
.grid-images-headers p {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-height: 1.4em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.grid-images-headers h5 a {
  color: #e6e6e6;
}
.grid-images-text,
.grid-images-content {
  position: relative;
}
.grid-images-link {
  z-index: 2;
}
.grid-images-text {
  pointer-events: none;
}
.grid-images-text a {
  pointer-events: auto;
}
.grid-images-height {
  height: auto;
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.grid-images:not(.clickable) .clickable-link {
  display: none;
}
@media (max-width: 767px) {
  .grid-images {
    font-size: 12px;
  }
  .grid-images h5 {
    font-size: 13px;
  }
  .grid-images p,
  .grid-images .button {
    font-size: 12px;
  }
}
.grid-images--full {
  color: #e6e6e6;
}
.grid-images--full .grid-images-fade {
  background-color: rgba(0,0,0,0.5);
  height: 100%;
}
.grid-images--full .grid-images-container {
  margin: 0 auto;
  padding: 36px;
  position: relative;
}
.grid-images--full .grid-images-container-row {
  height: 480px;
}
.grid-images--full .grid-images-top {
  right: 36px;
}
.grid-images--compact {
  margin-bottom: 24px;
}
.grid-images--compact .grid-images-top {
  right: 9px;
  top: 9px;
}
.grid-images--compact .grid-images-content:hover .grid-images-headers h5,
.grid-images--compact .grid-images-content:focus .grid-images-headers h5,
.grid-images--compact .grid-images-content:hover .grid-images-headers p,
.grid-images--compact .grid-images-content:focus .grid-images-headers p {
  text-overflow: initial;
  display: block;
  overflow: initial;
  max-height: initial;
}
.grid-images--compact .grid-images-text {
  height: 100%;
  transition: all 0.5s;
  transform: translate3d(0, 0, 0);
  max-height: 52px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .grid-images--compact .grid-images-text {
    max-height: 65px;
  }
}
.grid-images--compact .grid-images-content:hover .grid-images-text,
.grid-images--compact .grid-images-content:focus .grid-images-text {
  max-height: 100%;
  padding-top: 30%;
}
.grid-images--compact.grid-images--no-image .grid-images-fade {
  background: rgba(33,33,33,0.7);
}
.grid-images--compact.grid-images--no-image .grid-images-fade-alt {
  display: none;
}
.grid-images--compact.grid-images--no-image .grid-images-text {
  background-color: #363636 !important;
}
.grid-images--compact.grid-images--text-bigger .grid-images-text {
  max-height: 70px;
}
@media (max-width: 767px) {
  .grid-images--compact.grid-images--text-bigger .grid-images-text {
    max-height: 80px;
  }
}
.grid-images--medium {
  margin-bottom: 12px;
}
.grid-images--medium .grid-images-content {
  box-shadow: 0px 30px 30px -20px rgba(0,0,0,0.3);
  background-color: #212121;
  text-align: center;
}
.grid-images--medium .grid-images-img {
  padding: 18px;
  height: 222px;
}
.grid-images--medium .grid-images-img .img-bg-item {
  background-size: contain;
}
.grid-images--medium .grid-images-text {
  min-height: 66px;
  background-color: #2b2b2b;
  padding: 24px;
}
.grid-images--medium .grid-images-number {
  left: calc(50% - 12px);
  position: absolute;
  top: -12px;
  width: 24px;
  color: #e6e6e6;
  height: 24px;
  text-shadow: none;
}
.grid-images--medium .grid-images-number span {
  vertical-align: middle;
}
.grid-datatable {
  margin-bottom: 9px;
}
.grid-datatable .row-flex.odd,
.grid-datatable .row-flex:nth-child(odd) {
  background-color: #262626;
}
.grid-datatable .row-flex >div {
  padding-top: 6px;
  padding-bottom: 6px;
}
/* Base colored icons
// Base colored icons
//
// Base colored icons
//
// markup:
// div.padding-small.colored-icons
//  i(class="icon-101 box icon--preview")
//  i(class="icon-102 box icon--preview")
//  i(class="icon-103 box icon--preview")
//  i(class="icon-104 box icon--preview")
//
// Styleguide 2.4.1
*/
/* Icons
// Icons
//
// This section describes Text Icons
//
// .size-12 - a
// .size-14 - a
// .size-18 - a
// .size-20 - a
// .size-24 - a
// .size-36 - this is actually 32px
// .size-36--real - a real 36px
// .size-42 - a
// .size-60 - a
// .size-128 - a
// .size-222 - a
// .no-value - a
// .link - a
// .reset-color - a
// .planned-move - a
// .selected - a
// .not-selected - a
// .not-active - a
// .red - a
// .green - a
// .icon-text - a
// .icon-empty - a
// .icon--light - a
// .icon--lightest - a
// .icon--dark - a
// .icon--gray - a
// .icon--invert - Currently used in display arrows
// .icon--invert-action - Currently used in add menu page header
// .icon--transparent - a
// .icon-round - should only use as a temp before adding the icon to the font
// .icon--preview - for icon list
// .icon--preview-bigger - for icon list
//
// markup:
// div.sg-section-partial-inside
//  div.row-flex
//    div
//      i(class="icon-83 box {$modifiers}")
//    div
//      i(class="icon-123 size-36 {$modifiers}")
//
// Styleguide 2.4
*/
.colored-icons [class^="icon-"] {
  color: #ffe41a !important;
}
[class^="icon-"].box {
  width: auto;
  color: #b3b3b3;
  position: relative;
  font-size: 32px;
  vertical-align: top;
}
[class^="icon-"].box.icon-round {
  font-size: 13px;
  width: 32px;
  line-height: 32px;
  height: 32px;
}
[class^="icon-"].box:not(.size-222):before {
  position: absolute;
  left: 0;
  z-index: 1;
}
[class^="icon-"].box:not(.size-222):after {
  content: '\e299';
  color: #1c1c1c;
}
[class^="icon-"].box:not(.size-222).icon--light:after {
  color: #e6e6e6;
}
[class^="icon-"].box:not(.size-222).icon--dark {
  color: #1c1c1c;
}
[class^="icon-"].box:not(.size-222).icon--dark:after {
  color: #e6e6e6;
}
[class^="icon-"].box:not(.size-222).icon--transparent:after {
  color: transparent;
}
[class^="icon-"].box:not(.size-222).icon--invert {
  color: #2b2b2b;
}
[class^="icon-"].box:not(.size-222).icon--invert:after {
  color: #ccc;
}
[class^="icon-"].box:not(.size-222).icon--invert:hover {
  color: #808080;
}
[class^="icon-"].box:not(.size-222).icon--invert:hover:after {
  color: #fff;
}
[class^="icon-"].box:not(.size-222).icon--invert-action {
  color: #29abe2;
}
[class^="icon-"].box:not(.size-222).icon--invert-action:after {
  color: #e6e6e6;
}
[class^="icon-"].box:not(.size-222).icon.icon--gray:before {
  color: #969696;
}
[class^="icon-"].box:not(.size-222).icon.icon--gray:after {
  color: transparent;
}
[class^="icon-"].box.size-222 {
  font-size: 60px;
  padding: 81px;
  background-color: #212121;
}
[class^="icon-"].box.size-222.icon-round {
  font-size: 27px;
  width: 60px;
  line-height: 60px;
  height: 60px;
}
[class^="icon-"].no-value {
  color: #808080 !important;
}
[class^="icon-"].icon-round {
  border-radius: 50%;
  text-align: center;
  color: #ccc !important;
}
[class^="icon-"].icon-round:after {
  color: #fff !important;
}
[class^="icon-"].icon-round.icon-round {
  box-shadow: 0 0 0 2px #ccc inset;
}
[class^="icon-"].red {
  color: #f00 !important;
}
[class^="icon-"].red:after {
  color: #fff !important;
}
[class^="icon-"].red.icon-round {
  box-shadow: 0 0 0 2px #f00 inset;
}
[class^="icon-"].green {
  color: #349101 !important;
}
[class^="icon-"].green:after {
  color: #fff !important;
}
[class^="icon-"].green.icon-round {
  box-shadow: 0 0 0 2px #349101 inset;
}
[class^="icon-"].size-36 {
  font-size: 32px;
}
[class^="icon-"].size-36.icon-round {
  font-size: 13px;
  width: 32px;
  line-height: 32px;
  height: 32px;
}
[class^="icon-"].size-36--real {
  font-size: 36px;
}
[class^="icon-"].size-36--real.icon-round {
  font-size: 15px;
  width: 36px;
  line-height: 36px;
  height: 36px;
}
[class^="icon-"].size-12 {
  font-size: 12px;
}
[class^="icon-"].size-12.icon-round {
  font-size: 3px;
  width: 12px;
  line-height: 12px;
  height: 12px;
}
[class^="icon-"].size-14,
[class^="icon-"].small {
  font-size: 14px;
  vertical-align: middle;
}
[class^="icon-"].size-14.icon-round,
[class^="icon-"].small.icon-round {
  font-size: 4px;
  width: 14px;
  line-height: 14px;
  height: 14px;
}
[class^="icon-"].size-18,
[class^="icon-"].midsle {
  font-size: 16px;
}
[class^="icon-"].size-18.icon-round,
[class^="icon-"].midsle.icon-round {
  font-size: 5px;
  width: 16px;
  line-height: 16px;
  height: 16px;
}
[class^="icon-"].size-20 {
  font-size: 20px;
}
[class^="icon-"].size-20.icon-round {
  font-size: 7px;
  width: 20px;
  line-height: 20px;
  height: 20px;
}
[class^="icon-"].size-24,
[class^="icon-"].middle,
[class^="icon-"].icon-big {
  font-size: 24px;
}
[class^="icon-"].size-24.icon-round,
[class^="icon-"].middle.icon-round,
[class^="icon-"].icon-big.icon-round {
  font-size: 9px;
  width: 24px;
  line-height: 24px;
  height: 24px;
}
[class^="icon-"].size-42,
[class^="icon-"].huge {
  font-size: 42px;
}
[class^="icon-"].size-42.icon-round,
[class^="icon-"].huge.icon-round {
  font-size: 18px;
  width: 42px;
  line-height: 42px;
  height: 42px;
}
[class^="icon-"].size-60,
[class^="icon-"].giant {
  font-size: 60px;
}
[class^="icon-"].size-60.icon-round,
[class^="icon-"].giant.icon-round {
  font-size: 27px;
  width: 60px;
  line-height: 60px;
  height: 60px;
}
[class^="icon-"].size-128 {
  font-size: 128px;
}
[class^="icon-"].size-128.icon-round {
  font-size: 61px;
  width: 128px;
  line-height: 128px;
  height: 128px;
}
[class^="icon-"].size-222 {
  font-size: 222px;
}
[class^="icon-"].size-222.icon-round {
  font-size: 108px;
  width: 222px;
  line-height: 222px;
  height: 222px;
}
[class^="icon-"].link {
  color: #ccc;
}
[class^="icon-"].link:hover:not([disabled]) {
  color: #fff;
}
[class^="icon-"].selected,
[class^="icon-"].box.selected {
  color: #ebebeb;
}
[class^="icon-"].selected:hover,
[class^="icon-"].box.selected:hover {
  color: #ebebeb !important;
}
[class^="icon-"].reset-color {
  color: #ccc !important;
}
[class^="icon-"].planned-move {
  color: #424242 !important;
}
[class^="icon-"].planned-move:hover {
  color: #969696 !important;
}
[class^="icon-"].icon--light {
  color: #e6e6e6;
}
[class^="icon-"].icon--lightest {
  color: #fff;
}
[class^="icon-"].icon--gray {
  color: #969696;
}
[class^="icon-"].icon-text {
  margin-right: 6px;
}
[class^="icon-"].icon--preview {
  margin-bottom: 9px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  [class^="icon-"].icon--preview {
    margin-right: 7px;
  }
}
[class^="icon-"].icon--preview-bigger {
  margin-bottom: 18px;
  margin-right: 18px;
}
[class^="icon-"].icon-empty {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
[class^="icon-"].icon-empty:before {
  content: '\00a0';
}
[class^="icon-"].not-selected,
[class^="icon-"].box.not-selected {
  color: #424242;
}
[class^="icon-"].not-selected.not-selectable,
[class^="icon-"].box.not-selected.not-selectable {
  cursor: default;
}
[class^="icon-"].not-active,
[class^="icon-"].box.not-active {
  color: #2b2b2b;
}
/* Other icons
// Other icons
//
// Other icons are from 100-267 E... range are round, F... range normal ones
//
// markup:||forLoop|100,267|i.icon-%s.icon--preview-bigger||
//
// Styleguide 2.4.4
*/
.icon-100:before {
  content: '\f100';
}
.icon-100.box:before {
  content: '\e100';
}
a.icon-100:hover {
  color: #e6e6e6;
}
.icon-101:before {
  content: '\f101';
}
.icon-101.box:before {
  content: '\e101';
}
a.icon-101:hover {
  color: #e6e6e6;
}
.icon-102:before {
  content: '\f102';
}
.icon-102.box:before {
  content: '\e102';
}
a.icon-102:hover {
  color: #e6e6e6;
}
.icon-103:before {
  content: '\f103';
}
.icon-103.box:before {
  content: '\e103';
}
a.icon-103:hover {
  color: #e6e6e6;
}
.icon-104:before {
  content: '\f104';
}
.icon-104.box:before {
  content: '\e104';
}
a.icon-104:hover {
  color: #e6e6e6;
}
.icon-105:before {
  content: '\f105';
}
.icon-105.box:before {
  content: '\e105';
}
a.icon-105:hover {
  color: #e6e6e6;
}
.icon-106:before {
  content: '\f106';
}
.icon-106.box:before {
  content: '\e106';
}
a.icon-106:hover {
  color: #e6e6e6;
}
.icon-107:before {
  content: '\f107';
}
.icon-107.box:before {
  content: '\e107';
}
a.icon-107:hover {
  color: #e6e6e6;
}
.icon-108:before {
  content: '\f108';
}
.icon-108.box:before {
  content: '\e108';
}
a.icon-108:hover {
  color: #e6e6e6;
}
.icon-109:before {
  content: '\f109';
}
.icon-109.box:before {
  content: '\e109';
}
a.icon-109:hover {
  color: #e6e6e6;
}
.icon-110:before {
  content: '\f110';
}
.icon-110.box:before {
  content: '\e110';
}
a.icon-110:hover {
  color: #e6e6e6;
}
.icon-111:before {
  content: '\f111';
}
.icon-111.box:before {
  content: '\e111';
}
a.icon-111:hover {
  color: #e6e6e6;
}
.icon-112:before {
  content: '\f112';
}
.icon-112.box:before {
  content: '\e112';
}
a.icon-112:hover {
  color: #e6e6e6;
}
.icon-113:before {
  content: '\f113';
}
.icon-113.box:before {
  content: '\e113';
}
a.icon-113:hover {
  color: #e6e6e6;
}
.icon-114:before {
  content: '\f114';
}
.icon-114.box:before {
  content: '\e114';
}
a.icon-114:hover {
  color: #e6e6e6;
}
.icon-115:before {
  content: '\f115';
}
.icon-115.box:before {
  content: '\e115';
}
a.icon-115:hover {
  color: #e6e6e6;
}
.icon-116:before {
  content: '\f116';
}
.icon-116.box:before {
  content: '\e116';
}
a.icon-116:hover {
  color: #e6e6e6;
}
.icon-117:before {
  content: '\f117';
}
.icon-117.box:before {
  content: '\e117';
}
a.icon-117:hover {
  color: #e6e6e6;
}
.icon-118:before {
  content: '\f118';
}
.icon-118.box:before {
  content: '\e118';
}
a.icon-118:hover {
  color: #e6e6e6;
}
.icon-119:before {
  content: '\f119';
}
.icon-119.box:before {
  content: '\e119';
}
a.icon-119:hover {
  color: #e6e6e6;
}
.icon-120:before {
  content: '\f120';
}
.icon-120.box:before {
  content: '\e120';
}
a.icon-120:hover {
  color: #e6e6e6;
}
.icon-121:before {
  content: '\f121';
}
.icon-121.box:before {
  content: '\e121';
}
a.icon-121:hover {
  color: #e6e6e6;
}
.icon-122:before {
  content: '\f122';
}
.icon-122.box:before {
  content: '\e122';
}
a.icon-122:hover {
  color: #e6e6e6;
}
.icon-123:before {
  content: '\f123';
}
.icon-123.box:before {
  content: '\e123';
}
a.icon-123:hover {
  color: #e6e6e6;
}
.icon-124:before {
  content: '\f124';
}
.icon-124.box:before {
  content: '\e124';
}
a.icon-124:hover {
  color: #e6e6e6;
}
.icon-125:before {
  content: '\f125';
}
.icon-125.box:before {
  content: '\e125';
}
a.icon-125:hover {
  color: #e6e6e6;
}
.icon-126:before {
  content: '\f126';
}
.icon-126.box:before {
  content: '\e126';
}
a.icon-126:hover {
  color: #e6e6e6;
}
.icon-127:before {
  content: '\f127';
}
.icon-127.box:before {
  content: '\e127';
}
a.icon-127:hover {
  color: #e6e6e6;
}
.icon-128:before {
  content: '\f128';
}
.icon-128.box:before {
  content: '\e128';
}
a.icon-128:hover {
  color: #e6e6e6;
}
.icon-129:before {
  content: '\f129';
}
.icon-129.box:before {
  content: '\e129';
}
a.icon-129:hover {
  color: #e6e6e6;
}
.icon-130:before {
  content: '\f130';
}
.icon-130.box:before {
  content: '\e130';
}
a.icon-130:hover {
  color: #e6e6e6;
}
.icon-131:before {
  content: '\f131';
}
.icon-131.box:before {
  content: '\e131';
}
a.icon-131:hover {
  color: #e6e6e6;
}
.icon-132:before {
  content: '\f132';
}
.icon-132.box:before {
  content: '\e132';
}
a.icon-132:hover {
  color: #e6e6e6;
}
.icon-133:before {
  content: '\f133';
}
.icon-133.box:before {
  content: '\e133';
}
a.icon-133:hover {
  color: #e6e6e6;
}
.icon-134:before {
  content: '\f134';
}
.icon-134.box:before {
  content: '\e134';
}
a.icon-134:hover {
  color: #e6e6e6;
}
.icon-135:before {
  content: '\f135';
}
.icon-135.box:before {
  content: '\e135';
}
a.icon-135:hover {
  color: #e6e6e6;
}
.icon-136:before {
  content: '\f136';
}
.icon-136.box:before {
  content: '\e136';
}
a.icon-136:hover {
  color: #e6e6e6;
}
.icon-137:before {
  content: '\f137';
}
.icon-137.box:before {
  content: '\e137';
}
a.icon-137:hover {
  color: #e6e6e6;
}
.icon-138:before {
  content: '\f138';
}
.icon-138.box:before {
  content: '\e138';
}
a.icon-138:hover {
  color: #e6e6e6;
}
.icon-139:before {
  content: '\f139';
}
.icon-139.box:before {
  content: '\e139';
}
a.icon-139:hover {
  color: #e6e6e6;
}
.icon-140:before {
  content: '\f140';
}
.icon-140.box:before {
  content: '\e140';
}
a.icon-140:hover {
  color: #e6e6e6;
}
.icon-141:before {
  content: '\f141';
}
.icon-141.box:before {
  content: '\e141';
}
a.icon-141:hover {
  color: #e6e6e6;
}
.icon-142:before {
  content: '\f142';
}
.icon-142.box:before {
  content: '\e142';
}
a.icon-142:hover {
  color: #e6e6e6;
}
.icon-143:before {
  content: '\f143';
}
.icon-143.box:before {
  content: '\e143';
}
a.icon-143:hover {
  color: #e6e6e6;
}
.icon-144:before {
  content: '\f144';
}
.icon-144.box:before {
  content: '\e144';
}
a.icon-144:hover {
  color: #e6e6e6;
}
.icon-145:before {
  content: '\f145';
}
.icon-145.box:before {
  content: '\e145';
}
a.icon-145:hover {
  color: #e6e6e6;
}
.icon-146:before {
  content: '\f146';
}
.icon-146.box:before {
  content: '\e146';
}
a.icon-146:hover {
  color: #e6e6e6;
}
.icon-147:before {
  content: '\f147';
}
.icon-147.box:before {
  content: '\e147';
}
a.icon-147:hover {
  color: #e6e6e6;
}
.icon-148:before {
  content: '\f148';
}
.icon-148.box:before {
  content: '\e148';
}
a.icon-148:hover {
  color: #e6e6e6;
}
.icon-149:before {
  content: '\f149';
}
.icon-149.box:before {
  content: '\e149';
}
a.icon-149:hover {
  color: #e6e6e6;
}
.icon-150:before {
  content: '\f150';
}
.icon-150.box:before {
  content: '\e150';
}
a.icon-150:hover {
  color: #e6e6e6;
}
.icon-151:before {
  content: '\f151';
}
.icon-151.box:before {
  content: '\e151';
}
a.icon-151:hover {
  color: #e6e6e6;
}
.icon-152:before {
  content: '\f152';
}
.icon-152.box:before {
  content: '\e152';
}
a.icon-152:hover {
  color: #e6e6e6;
}
.icon-153:before {
  content: '\f153';
}
.icon-153.box:before {
  content: '\e153';
}
a.icon-153:hover {
  color: #e6e6e6;
}
.icon-154:before {
  content: '\f154';
}
.icon-154.box:before {
  content: '\e154';
}
a.icon-154:hover {
  color: #e6e6e6;
}
.icon-155:before {
  content: '\f155';
}
.icon-155.box:before {
  content: '\e155';
}
a.icon-155:hover {
  color: #e6e6e6;
}
.icon-156:before {
  content: '\f156';
}
.icon-156.box:before {
  content: '\e156';
}
a.icon-156:hover {
  color: #e6e6e6;
}
.icon-157:before {
  content: '\f157';
}
.icon-157.box:before {
  content: '\e157';
}
a.icon-157:hover {
  color: #e6e6e6;
}
.icon-158:before {
  content: '\f158';
}
.icon-158.box:before {
  content: '\e158';
}
a.icon-158:hover {
  color: #e6e6e6;
}
.icon-159:before {
  content: '\f159';
}
.icon-159.box:before {
  content: '\e159';
}
a.icon-159:hover {
  color: #e6e6e6;
}
.icon-160:before {
  content: '\f160';
}
.icon-160.box:before {
  content: '\e160';
}
a.icon-160:hover {
  color: #e6e6e6;
}
.icon-161:before {
  content: '\f161';
}
.icon-161.box:before {
  content: '\e161';
}
a.icon-161:hover {
  color: #e6e6e6;
}
.icon-162:before {
  content: '\f162';
}
.icon-162.box:before {
  content: '\e162';
}
a.icon-162:hover {
  color: #e6e6e6;
}
.icon-163:before {
  content: '\f163';
}
.icon-163.box:before {
  content: '\e163';
}
a.icon-163:hover {
  color: #e6e6e6;
}
.icon-164:before {
  content: '\f164';
}
.icon-164.box:before {
  content: '\e164';
}
a.icon-164:hover {
  color: #e6e6e6;
}
.icon-165:before {
  content: '\f165';
}
.icon-165.box:before {
  content: '\e165';
}
a.icon-165:hover {
  color: #e6e6e6;
}
.icon-166:before {
  content: '\f166';
}
.icon-166.box:before {
  content: '\e166';
}
a.icon-166:hover {
  color: #e6e6e6;
}
.icon-167:before {
  content: '\f167';
}
.icon-167.box:before {
  content: '\e167';
}
a.icon-167:hover {
  color: #e6e6e6;
}
.icon-168:before {
  content: '\f168';
}
.icon-168.box:before {
  content: '\e168';
}
a.icon-168:hover {
  color: #e6e6e6;
}
.icon-169:before {
  content: '\f169';
}
.icon-169.box:before {
  content: '\e169';
}
a.icon-169:hover {
  color: #e6e6e6;
}
.icon-170:before {
  content: '\f170';
}
.icon-170.box:before {
  content: '\e170';
}
a.icon-170:hover {
  color: #e6e6e6;
}
.icon-171:before {
  content: '\f171';
}
.icon-171.box:before {
  content: '\e171';
}
a.icon-171:hover {
  color: #e6e6e6;
}
.icon-172:before {
  content: '\f172';
}
.icon-172.box:before {
  content: '\e172';
}
a.icon-172:hover {
  color: #e6e6e6;
}
.icon-173:before {
  content: '\f173';
}
.icon-173.box:before {
  content: '\e173';
}
a.icon-173:hover {
  color: #e6e6e6;
}
.icon-174:before {
  content: '\f174';
}
.icon-174.box:before {
  content: '\e174';
}
a.icon-174:hover {
  color: #e6e6e6;
}
.icon-175:before {
  content: '\f175';
}
.icon-175.box:before {
  content: '\e175';
}
a.icon-175:hover {
  color: #e6e6e6;
}
.icon-176:before {
  content: '\f176';
}
.icon-176.box:before {
  content: '\e176';
}
a.icon-176:hover {
  color: #e6e6e6;
}
.icon-177:before {
  content: '\f177';
}
.icon-177.box:before {
  content: '\e177';
}
a.icon-177:hover {
  color: #e6e6e6;
}
.icon-178:before {
  content: '\f178';
}
.icon-178.box:before {
  content: '\e178';
}
a.icon-178:hover {
  color: #e6e6e6;
}
.icon-179:before {
  content: '\f179';
}
.icon-179.box:before {
  content: '\e179';
}
a.icon-179:hover {
  color: #e6e6e6;
}
.icon-180:before {
  content: '\f180';
}
.icon-180.box:before {
  content: '\e180';
}
a.icon-180:hover {
  color: #e6e6e6;
}
.icon-181:before {
  content: '\f181';
}
.icon-181.box:before {
  content: '\e181';
}
a.icon-181:hover {
  color: #e6e6e6;
}
.icon-182:before {
  content: '\f182';
}
.icon-182.box:before {
  content: '\e182';
}
a.icon-182:hover {
  color: #e6e6e6;
}
.icon-183:before {
  content: '\f183';
}
.icon-183.box:before {
  content: '\e183';
}
a.icon-183:hover {
  color: #e6e6e6;
}
.icon-184:before {
  content: '\f184';
}
.icon-184.box:before {
  content: '\e184';
}
a.icon-184:hover {
  color: #e6e6e6;
}
.icon-185:before {
  content: '\f185';
}
.icon-185.box:before {
  content: '\e185';
}
a.icon-185:hover {
  color: #e6e6e6;
}
.icon-186:before {
  content: '\f186';
}
.icon-186.box:before {
  content: '\e186';
}
a.icon-186:hover {
  color: #e6e6e6;
}
.icon-187:before {
  content: '\f187';
}
.icon-187.box:before {
  content: '\e187';
}
a.icon-187:hover {
  color: #e6e6e6;
}
.icon-188:before {
  content: '\f188';
}
.icon-188.box:before {
  content: '\e188';
}
a.icon-188:hover {
  color: #e6e6e6;
}
.icon-189:before {
  content: '\f189';
}
.icon-189.box:before {
  content: '\e189';
}
a.icon-189:hover {
  color: #e6e6e6;
}
.icon-190:before {
  content: '\f190';
}
.icon-190.box:before {
  content: '\e190';
}
a.icon-190:hover {
  color: #e6e6e6;
}
.icon-191:before {
  content: '\f191';
}
.icon-191.box:before {
  content: '\e191';
}
a.icon-191:hover {
  color: #e6e6e6;
}
.icon-192:before {
  content: '\f192';
}
.icon-192.box:before {
  content: '\e192';
}
a.icon-192:hover {
  color: #e6e6e6;
}
.icon-193:before {
  content: '\f193';
}
.icon-193.box:before {
  content: '\e193';
}
a.icon-193:hover {
  color: #e6e6e6;
}
.icon-194:before {
  content: '\f194';
}
.icon-194.box:before {
  content: '\e194';
}
a.icon-194:hover {
  color: #e6e6e6;
}
.icon-195:before {
  content: '\f195';
}
.icon-195.box:before {
  content: '\e195';
}
a.icon-195:hover {
  color: #e6e6e6;
}
.icon-196:before {
  content: '\f196';
}
.icon-196.box:before {
  content: '\e196';
}
a.icon-196:hover {
  color: #e6e6e6;
}
.icon-197:before {
  content: '\f197';
}
.icon-197.box:before {
  content: '\e197';
}
a.icon-197:hover {
  color: #e6e6e6;
}
.icon-198:before {
  content: '\f198';
}
.icon-198.box:before {
  content: '\e198';
}
a.icon-198:hover {
  color: #e6e6e6;
}
.icon-199:before {
  content: '\f199';
}
.icon-199.box:before {
  content: '\e199';
}
a.icon-199:hover {
  color: #e6e6e6;
}
.icon-200:before {
  content: '\f200';
}
.icon-200.box:before {
  content: '\e200';
}
a.icon-200:hover {
  color: #e6e6e6;
}
.icon-201:before {
  content: '\f201';
}
.icon-201.box:before {
  content: '\e201';
}
a.icon-201:hover {
  color: #e6e6e6;
}
.icon-202:before {
  content: '\f202';
}
.icon-202.box:before {
  content: '\e202';
}
a.icon-202:hover {
  color: #e6e6e6;
}
.icon-203:before {
  content: '\f203';
}
.icon-203.box:before {
  content: '\e203';
}
a.icon-203:hover {
  color: #e6e6e6;
}
.icon-204:before {
  content: '\f204';
}
.icon-204.box:before {
  content: '\e204';
}
a.icon-204:hover {
  color: #e6e6e6;
}
.icon-205:before {
  content: '\f205';
}
.icon-205.box:before {
  content: '\e205';
}
a.icon-205:hover {
  color: #e6e6e6;
}
.icon-206:before {
  content: '\f206';
}
.icon-206.box:before {
  content: '\e206';
}
a.icon-206:hover {
  color: #e6e6e6;
}
.icon-207:before {
  content: '\f207';
}
.icon-207.box:before {
  content: '\e207';
}
a.icon-207:hover {
  color: #e6e6e6;
}
.icon-208:before {
  content: '\f208';
}
.icon-208.box:before {
  content: '\e208';
}
a.icon-208:hover {
  color: #e6e6e6;
}
.icon-209:before {
  content: '\f209';
}
.icon-209.box:before {
  content: '\e209';
}
a.icon-209:hover {
  color: #e6e6e6;
}
.icon-210:before {
  content: '\f210';
}
.icon-210.box:before {
  content: '\e210';
}
a.icon-210:hover {
  color: #e6e6e6;
}
.icon-211:before {
  content: '\f211';
}
.icon-211.box:before {
  content: '\e211';
}
a.icon-211:hover {
  color: #e6e6e6;
}
.icon-212:before {
  content: '\f212';
}
.icon-212.box:before {
  content: '\e212';
}
a.icon-212:hover {
  color: #e6e6e6;
}
.icon-213:before {
  content: '\f213';
}
.icon-213.box:before {
  content: '\e213';
}
a.icon-213:hover {
  color: #e6e6e6;
}
.icon-214:before {
  content: '\f214';
}
.icon-214.box:before {
  content: '\e214';
}
a.icon-214:hover {
  color: #e6e6e6;
}
.icon-215:before {
  content: '\f215';
}
.icon-215.box:before {
  content: '\e215';
}
a.icon-215:hover {
  color: #e6e6e6;
}
.icon-216:before {
  content: '\f216';
}
.icon-216.box:before {
  content: '\e216';
}
a.icon-216:hover {
  color: #e6e6e6;
}
.icon-217:before {
  content: '\f217';
}
.icon-217.box:before {
  content: '\e217';
}
a.icon-217:hover {
  color: #e6e6e6;
}
.icon-218:before {
  content: '\f218';
}
.icon-218.box:before {
  content: '\e218';
}
a.icon-218:hover {
  color: #e6e6e6;
}
.icon-219:before {
  content: '\f219';
}
.icon-219.box:before {
  content: '\e219';
}
a.icon-219:hover {
  color: #e6e6e6;
}
.icon-220:before {
  content: '\f220';
}
.icon-220.box:before {
  content: '\e220';
}
a.icon-220:hover {
  color: #e6e6e6;
}
.icon-221:before {
  content: '\f221';
}
.icon-221.box:before {
  content: '\e221';
}
a.icon-221:hover {
  color: #e6e6e6;
}
.icon-222:before {
  content: '\f222';
}
.icon-222.box:before {
  content: '\e222';
}
a.icon-222:hover {
  color: #e6e6e6;
}
.icon-223:before {
  content: '\f223';
}
.icon-223.box:before {
  content: '\e223';
}
a.icon-223:hover {
  color: #e6e6e6;
}
.icon-224:before {
  content: '\f224';
}
.icon-224.box:before {
  content: '\e224';
}
a.icon-224:hover {
  color: #e6e6e6;
}
.icon-225:before {
  content: '\f225';
}
.icon-225.box:before {
  content: '\e225';
}
a.icon-225:hover {
  color: #e6e6e6;
}
.icon-226:before {
  content: '\f226';
}
.icon-226.box:before {
  content: '\e226';
}
a.icon-226:hover {
  color: #e6e6e6;
}
.icon-227:before {
  content: '\f227';
}
.icon-227.box:before {
  content: '\e227';
}
a.icon-227:hover {
  color: #e6e6e6;
}
.icon-228:before {
  content: '\f228';
}
.icon-228.box:before {
  content: '\e228';
}
a.icon-228:hover {
  color: #e6e6e6;
}
.icon-229:before {
  content: '\f229';
}
.icon-229.box:before {
  content: '\e229';
}
a.icon-229:hover {
  color: #e6e6e6;
}
.icon-230:before {
  content: '\f230';
}
.icon-230.box:before {
  content: '\e230';
}
a.icon-230:hover {
  color: #e6e6e6;
}
.icon-231:before {
  content: '\f231';
}
.icon-231.box:before {
  content: '\e231';
}
a.icon-231:hover {
  color: #e6e6e6;
}
.icon-232:before {
  content: '\f232';
}
.icon-232.box:before {
  content: '\e232';
}
a.icon-232:hover {
  color: #e6e6e6;
}
.icon-233:before {
  content: '\f233';
}
.icon-233.box:before {
  content: '\e233';
}
a.icon-233:hover {
  color: #e6e6e6;
}
.icon-234:before {
  content: '\f234';
}
.icon-234.box:before {
  content: '\e234';
}
a.icon-234:hover {
  color: #e6e6e6;
}
.icon-235:before {
  content: '\f235';
}
.icon-235.box:before {
  content: '\e235';
}
a.icon-235:hover {
  color: #e6e6e6;
}
.icon-236:before {
  content: '\f236';
}
.icon-236.box:before {
  content: '\e236';
}
a.icon-236:hover {
  color: #e6e6e6;
}
.icon-237:before {
  content: '\f237';
}
.icon-237.box:before {
  content: '\e237';
}
a.icon-237:hover {
  color: #e6e6e6;
}
.icon-238:before {
  content: '\f238';
}
.icon-238.box:before {
  content: '\e238';
}
a.icon-238:hover {
  color: #e6e6e6;
}
.icon-239:before {
  content: '\f239';
}
.icon-239.box:before {
  content: '\e239';
}
a.icon-239:hover {
  color: #e6e6e6;
}
.icon-240:before {
  content: '\f240';
}
.icon-240.box:before {
  content: '\e240';
}
a.icon-240:hover {
  color: #e6e6e6;
}
.icon-241:before {
  content: '\f241';
}
.icon-241.box:before {
  content: '\e241';
}
a.icon-241:hover {
  color: #e6e6e6;
}
.icon-242:before {
  content: '\f242';
}
.icon-242.box:before {
  content: '\e242';
}
a.icon-242:hover {
  color: #e6e6e6;
}
.icon-243:before {
  content: '\f243';
}
.icon-243.box:before {
  content: '\e243';
}
a.icon-243:hover {
  color: #e6e6e6;
}
.icon-244:before {
  content: '\f244';
}
.icon-244.box:before {
  content: '\e244';
}
a.icon-244:hover {
  color: #e6e6e6;
}
.icon-245:before {
  content: '\f245';
}
.icon-245.box:before {
  content: '\e245';
}
a.icon-245:hover {
  color: #e6e6e6;
}
.icon-246:before {
  content: '\f246';
}
.icon-246.box:before {
  content: '\e246';
}
a.icon-246:hover {
  color: #e6e6e6;
}
.icon-247:before {
  content: '\f247';
}
.icon-247.box:before {
  content: '\e247';
}
a.icon-247:hover {
  color: #e6e6e6;
}
.icon-248:before {
  content: '\f248';
}
.icon-248.box:before {
  content: '\e248';
}
a.icon-248:hover {
  color: #e6e6e6;
}
.icon-249:before {
  content: '\f249';
}
.icon-249.box:before {
  content: '\e249';
}
a.icon-249:hover {
  color: #e6e6e6;
}
.icon-250:before {
  content: '\f250';
}
.icon-250.box:before {
  content: '\e250';
}
a.icon-250:hover {
  color: #e6e6e6;
}
.icon-251:before {
  content: '\f251';
}
.icon-251.box:before {
  content: '\e251';
}
a.icon-251:hover {
  color: #e6e6e6;
}
.icon-252:before {
  content: '\f252';
}
.icon-252.box:before {
  content: '\e252';
}
a.icon-252:hover {
  color: #e6e6e6;
}
.icon-253:before {
  content: '\f253';
}
.icon-253.box:before {
  content: '\e253';
}
a.icon-253:hover {
  color: #e6e6e6;
}
.icon-254:before {
  content: '\f254';
}
.icon-254.box:before {
  content: '\e254';
}
a.icon-254:hover {
  color: #e6e6e6;
}
.icon-255:before {
  content: '\f255';
}
.icon-255.box:before {
  content: '\e255';
}
a.icon-255:hover {
  color: #e6e6e6;
}
.icon-256:before {
  content: '\f256';
}
.icon-256.box:before {
  content: '\e256';
}
a.icon-256:hover {
  color: #e6e6e6;
}
.icon-257:before {
  content: '\f257';
}
.icon-257.box:before {
  content: '\e257';
}
a.icon-257:hover {
  color: #e6e6e6;
}
.icon-258:before {
  content: '\f258';
}
.icon-258.box:before {
  content: '\e258';
}
a.icon-258:hover {
  color: #e6e6e6;
}
.icon-259:before {
  content: '\f259';
}
.icon-259.box:before {
  content: '\e259';
}
a.icon-259:hover {
  color: #e6e6e6;
}
.icon-260:before {
  content: '\f260';
}
.icon-260.box:before {
  content: '\e260';
}
a.icon-260:hover {
  color: #e6e6e6;
}
.icon-261:before {
  content: '\f261';
}
.icon-261.box:before {
  content: '\e261';
}
a.icon-261:hover {
  color: #e6e6e6;
}
.icon-262:before {
  content: '\f262';
}
.icon-262.box:before {
  content: '\e262';
}
a.icon-262:hover {
  color: #e6e6e6;
}
.icon-263:before {
  content: '\f263';
}
.icon-263.box:before {
  content: '\e263';
}
a.icon-263:hover {
  color: #e6e6e6;
}
.icon-264:before {
  content: '\f264';
}
.icon-264.box:before {
  content: '\e264';
}
a.icon-264:hover {
  color: #e6e6e6;
}
.icon-265:before {
  content: '\f265';
}
.icon-265.box:before {
  content: '\e265';
}
a.icon-265:hover {
  color: #e6e6e6;
}
.icon-266:before {
  content: '\f266';
}
.icon-266.box:before {
  content: '\e266';
}
a.icon-266:hover {
  color: #e6e6e6;
}
.icon-267:before {
  content: '\f267';
}
.icon-267.box:before {
  content: '\e267';
}
a.icon-267:hover {
  color: #e6e6e6;
}
/* POI Icons
// POI Icons
//
// POI icons are from 300-333, E... range are round, F... range normal ones
//
// markup:||forLoop|300,333|i.icon-%s.icon--preview-bigger||
//
// Styleguide 2.4.5
*/
.icon-300:before {
  content: '\f300';
}
.icon-300.box:before {
  content: '\e300';
}
.icon-301:before {
  content: '\f301';
}
.icon-301.box:before {
  content: '\e301';
}
.icon-302:before {
  content: '\f302';
}
.icon-302.box:before {
  content: '\e302';
}
.icon-303:before {
  content: '\f303';
}
.icon-303.box:before {
  content: '\e303';
}
.icon-304:before {
  content: '\f304';
}
.icon-304.box:before {
  content: '\e304';
}
.icon-305:before {
  content: '\f305';
}
.icon-305.box:before {
  content: '\e305';
}
.icon-306:before {
  content: '\f306';
}
.icon-306.box:before {
  content: '\e306';
}
.icon-307:before {
  content: '\f307';
}
.icon-307.box:before {
  content: '\e307';
}
.icon-308:before {
  content: '\f308';
}
.icon-308.box:before {
  content: '\e308';
}
.icon-309:before {
  content: '\f309';
}
.icon-309.box:before {
  content: '\e309';
}
.icon-310:before {
  content: '\f310';
}
.icon-310.box:before {
  content: '\e310';
}
.icon-311:before {
  content: '\f311';
}
.icon-311.box:before {
  content: '\e311';
}
.icon-312:before {
  content: '\f312';
}
.icon-312.box:before {
  content: '\e312';
}
.icon-313:before {
  content: '\f313';
}
.icon-313.box:before {
  content: '\e313';
}
.icon-314:before {
  content: '\f314';
}
.icon-314.box:before {
  content: '\e314';
}
.icon-315:before {
  content: '\f315';
}
.icon-315.box:before {
  content: '\e315';
}
.icon-316:before {
  content: '\f316';
}
.icon-316.box:before {
  content: '\e316';
}
.icon-317:before {
  content: '\f317';
}
.icon-317.box:before {
  content: '\e317';
}
.icon-318:before {
  content: '\f318';
}
.icon-318.box:before {
  content: '\e318';
}
.icon-319:before {
  content: '\f319';
}
.icon-319.box:before {
  content: '\e319';
}
.icon-320:before {
  content: '\f320';
}
.icon-320.box:before {
  content: '\e320';
}
.icon-321:before {
  content: '\f321';
}
.icon-321.box:before {
  content: '\e321';
}
.icon-322:before {
  content: '\f322';
}
.icon-322.box:before {
  content: '\e322';
}
.icon-323:before {
  content: '\f323';
}
.icon-323.box:before {
  content: '\e323';
}
.icon-324:before {
  content: '\f324';
}
.icon-324.box:before {
  content: '\e324';
}
.icon-325:before {
  content: '\f325';
}
.icon-325.box:before {
  content: '\e325';
}
.icon-326:before {
  content: '\f326';
}
.icon-326.box:before {
  content: '\e326';
}
.icon-327:before {
  content: '\f327';
}
.icon-327.box:before {
  content: '\e327';
}
.icon-328:before {
  content: '\f328';
}
.icon-328.box:before {
  content: '\e328';
}
.icon-329:before {
  content: '\f329';
}
.icon-329.box:before {
  content: '\e329';
}
.icon-330:before {
  content: '\f330';
}
.icon-330.box:before {
  content: '\e330';
}
.icon-331:before {
  content: '\f331';
}
.icon-331.box:before {
  content: '\e331';
}
.icon-332:before {
  content: '\f332';
}
.icon-332.box:before {
  content: '\e332';
}
.icon-333:before {
  content: '\f333';
}
.icon-333.box:before {
  content: '\e333';
}
/* Activity Icons
// Activity Icons
//
// All activity icons are from 1-99, E... range are round, F... range normal ones
//
// markup:||forLoop|1,99|i.icon-%s.icon--preview-bigger||
//
// Styleguide 2.4.2
*/
.link--not-active:hover .icon-3,
.link--not-active:hover .icon-running {
  color: #f3cd06 !important;
}
.icon-3,
.icon-running {
  color: #f3cd06;
}
.icon-3.not-active,
.icon-running.not-active {
  color: #a58112;
}
.icon-3.box,
.icon-running.box {
  color: #f3cd06;
}
.icon-3.box:hover,
.icon-running.box:hover {
  color: #f3cd06 !important;
}
.icon-3.box.not-active,
.icon-running.box.not-active {
  color: #a58112;
}
.icon-3.box.not-active.icon-empty,
.icon-running.box.not-active.icon-empty {
  background-color: #a58112;
}
.icon-3.box.not-active.icon-empty:hover,
.icon-running.box.not-active.icon-empty:hover {
  background-color: #f3cd06;
}
.icon-3.box.not-active.icon-empty:after,
.icon-running.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-3.box.not-active:hover,
.icon-running.box.not-active:hover {
  color: #f3cd06;
}
.icon-3.box.icon-empty,
.icon-running.box.icon-empty {
  background-color: #f3cd06;
}
.icon-3.box.icon-empty:after,
.icon-running.box.icon-empty:after {
  color: transparent;
}
.icon-3.box.not-from-selected-activity,
.icon-running.box.not-from-selected-activity {
  color: #f3cd06;
}
.icon-3.box:before,
.icon-running.box:before {
  content: '\e003';
}
.icon-3:before,
.icon-running:before {
  content: '\f003';
}
.activity-3 .box,
[data-current-activity="3"] .box,
.activity-3 .current,
[data-current-activity="3"] .current {
  color: #f3cd06;
}
.activity-3 .box.not-active,
[data-current-activity="3"] .box.not-active {
  color: #a58112 !important;
}
.activity-3 .box.not-active:hover,
[data-current-activity="3"] .box.not-active:hover {
  color: inherit !important;
}
.activity-3 a.box:hover,
[data-current-activity="3"] a.box:hover {
  color: #f3cd06;
}
.activity-3 button.current,
[data-current-activity="3"] button.current,
.activity-3 .current-bg,
[data-current-activity="3"] .current-bg {
  background-color: #f3cd06 !important;
  color: #212121;
}
.activity-3 button.current.not-active,
[data-current-activity="3"] button.current.not-active,
.activity-3 .current-bg.not-active,
[data-current-activity="3"] .current-bg.not-active {
  background-color: #a58112 !important;
}
.activity-3 .icon-empty,
[data-current-activity="3"] .icon-empty {
  background-color: #f3cd06;
}
.activity-3 .darken,
[data-current-activity="3"] .darken {
  color: #a58112;
}
.activity-3 .border,
[data-current-activity="3"] .border {
  border-color: #f3cd06;
  border-width: 2px;
}
.activity-3 .avg-arrow,
[data-current-activity="3"] .avg-arrow {
  background-color: #f3cd06;
}
.activity-3 .avg-arrow:before,
[data-current-activity="3"] .avg-arrow:before {
  border-left-color: #f3cd06;
}
.link--not-active:hover .icon-82,
.link--not-active:hover .icon-trailrunning {
  color: #f3cd06 !important;
}
.icon-82,
.icon-trailrunning {
  color: #f3cd06;
}
.icon-82.not-active,
.icon-trailrunning.not-active {
  color: #a58112;
}
.icon-82.box,
.icon-trailrunning.box {
  color: #f3cd06;
}
.icon-82.box:hover,
.icon-trailrunning.box:hover {
  color: #f3cd06 !important;
}
.icon-82.box.not-active,
.icon-trailrunning.box.not-active {
  color: #a58112;
}
.icon-82.box.not-active.icon-empty,
.icon-trailrunning.box.not-active.icon-empty {
  background-color: #a58112;
}
.icon-82.box.not-active.icon-empty:hover,
.icon-trailrunning.box.not-active.icon-empty:hover {
  background-color: #f3cd06;
}
.icon-82.box.not-active.icon-empty:after,
.icon-trailrunning.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-82.box.not-active:hover,
.icon-trailrunning.box.not-active:hover {
  color: #f3cd06;
}
.icon-82.box.icon-empty,
.icon-trailrunning.box.icon-empty {
  background-color: #f3cd06;
}
.icon-82.box.icon-empty:after,
.icon-trailrunning.box.icon-empty:after {
  color: transparent;
}
.icon-82.box.not-from-selected-activity,
.icon-trailrunning.box.not-from-selected-activity {
  color: #f3cd06;
}
.icon-82.box:before,
.icon-trailrunning.box:before {
  content: '\e082';
}
.icon-82:before,
.icon-trailrunning:before {
  content: '\f082';
}
.activity-82 .box,
[data-current-activity="82"] .box,
.activity-82 .current,
[data-current-activity="82"] .current {
  color: #f3cd06;
}
.activity-82 .box.not-active,
[data-current-activity="82"] .box.not-active {
  color: #a58112 !important;
}
.activity-82 .box.not-active:hover,
[data-current-activity="82"] .box.not-active:hover {
  color: inherit !important;
}
.activity-82 a.box:hover,
[data-current-activity="82"] a.box:hover {
  color: #f3cd06;
}
.activity-82 button.current,
[data-current-activity="82"] button.current,
.activity-82 .current-bg,
[data-current-activity="82"] .current-bg {
  background-color: #f3cd06 !important;
  color: #212121;
}
.activity-82 button.current.not-active,
[data-current-activity="82"] button.current.not-active,
.activity-82 .current-bg.not-active,
[data-current-activity="82"] .current-bg.not-active {
  background-color: #a58112 !important;
}
.activity-82 .icon-empty,
[data-current-activity="82"] .icon-empty {
  background-color: #f3cd06;
}
.activity-82 .darken,
[data-current-activity="82"] .darken {
  color: #a58112;
}
.activity-82 .border,
[data-current-activity="82"] .border {
  border-color: #f3cd06;
  border-width: 2px;
}
.activity-82 .avg-arrow,
[data-current-activity="82"] .avg-arrow {
  background-color: #f3cd06;
}
.activity-82 .avg-arrow:before,
[data-current-activity="82"] .avg-arrow:before {
  border-left-color: #f3cd06;
}
.link--not-active:hover .icon-93,
.link--not-active:hover .icon-treadmill {
  color: #f3cd06 !important;
}
.icon-93,
.icon-treadmill {
  color: #f3cd06;
}
.icon-93.not-active,
.icon-treadmill.not-active {
  color: #a58112;
}
.icon-93.box,
.icon-treadmill.box {
  color: #f3cd06;
}
.icon-93.box:hover,
.icon-treadmill.box:hover {
  color: #f3cd06 !important;
}
.icon-93.box.not-active,
.icon-treadmill.box.not-active {
  color: #a58112;
}
.icon-93.box.not-active.icon-empty,
.icon-treadmill.box.not-active.icon-empty {
  background-color: #a58112;
}
.icon-93.box.not-active.icon-empty:hover,
.icon-treadmill.box.not-active.icon-empty:hover {
  background-color: #f3cd06;
}
.icon-93.box.not-active.icon-empty:after,
.icon-treadmill.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-93.box.not-active:hover,
.icon-treadmill.box.not-active:hover {
  color: #f3cd06;
}
.icon-93.box.icon-empty,
.icon-treadmill.box.icon-empty {
  background-color: #f3cd06;
}
.icon-93.box.icon-empty:after,
.icon-treadmill.box.icon-empty:after {
  color: transparent;
}
.icon-93.box.not-from-selected-activity,
.icon-treadmill.box.not-from-selected-activity {
  color: #f3cd06;
}
.icon-93.box:before,
.icon-treadmill.box:before {
  content: '\e093';
}
.icon-93:before,
.icon-treadmill:before {
  content: '\f093';
}
.activity-93 .box,
[data-current-activity="93"] .box,
.activity-93 .current,
[data-current-activity="93"] .current {
  color: #f3cd06;
}
.activity-93 .box.not-active,
[data-current-activity="93"] .box.not-active {
  color: #a58112 !important;
}
.activity-93 .box.not-active:hover,
[data-current-activity="93"] .box.not-active:hover {
  color: inherit !important;
}
.activity-93 a.box:hover,
[data-current-activity="93"] a.box:hover {
  color: #f3cd06;
}
.activity-93 button.current,
[data-current-activity="93"] button.current,
.activity-93 .current-bg,
[data-current-activity="93"] .current-bg {
  background-color: #f3cd06 !important;
  color: #212121;
}
.activity-93 button.current.not-active,
[data-current-activity="93"] button.current.not-active,
.activity-93 .current-bg.not-active,
[data-current-activity="93"] .current-bg.not-active {
  background-color: #a58112 !important;
}
.activity-93 .icon-empty,
[data-current-activity="93"] .icon-empty {
  background-color: #f3cd06;
}
.activity-93 .darken,
[data-current-activity="93"] .darken {
  color: #a58112;
}
.activity-93 .border,
[data-current-activity="93"] .border {
  border-color: #f3cd06;
  border-width: 2px;
}
.activity-93 .avg-arrow,
[data-current-activity="93"] .avg-arrow {
  background-color: #f3cd06;
}
.activity-93 .avg-arrow:before,
[data-current-activity="93"] .avg-arrow:before {
  border-left-color: #f3cd06;
}
.link--not-active:hover .icon-4,
.link--not-active:hover .icon-cycling {
  color: #f47830 !important;
}
.icon-4,
.icon-cycling {
  color: #f47830;
}
.icon-4.not-active,
.icon-cycling.not-active {
  color: #8f471a;
}
.icon-4.box,
.icon-cycling.box {
  color: #f47830;
}
.icon-4.box:hover,
.icon-cycling.box:hover {
  color: #f47830 !important;
}
.icon-4.box.not-active,
.icon-cycling.box.not-active {
  color: #8f471a;
}
.icon-4.box.not-active.icon-empty,
.icon-cycling.box.not-active.icon-empty {
  background-color: #8f471a;
}
.icon-4.box.not-active.icon-empty:hover,
.icon-cycling.box.not-active.icon-empty:hover {
  background-color: #f47830;
}
.icon-4.box.not-active.icon-empty:after,
.icon-cycling.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-4.box.not-active:hover,
.icon-cycling.box.not-active:hover {
  color: #f47830;
}
.icon-4.box.icon-empty,
.icon-cycling.box.icon-empty {
  background-color: #f47830;
}
.icon-4.box.icon-empty:after,
.icon-cycling.box.icon-empty:after {
  color: transparent;
}
.icon-4.box.not-from-selected-activity,
.icon-cycling.box.not-from-selected-activity {
  color: #f47830;
}
.icon-4.box:before,
.icon-cycling.box:before {
  content: '\e004';
}
.icon-4:before,
.icon-cycling:before {
  content: '\f004';
}
.activity-4 .box,
[data-current-activity="4"] .box,
.activity-4 .current,
[data-current-activity="4"] .current {
  color: #f47830;
}
.activity-4 .box.not-active,
[data-current-activity="4"] .box.not-active {
  color: #8f471a !important;
}
.activity-4 .box.not-active:hover,
[data-current-activity="4"] .box.not-active:hover {
  color: inherit !important;
}
.activity-4 a.box:hover,
[data-current-activity="4"] a.box:hover {
  color: #f47830;
}
.activity-4 button.current,
[data-current-activity="4"] button.current,
.activity-4 .current-bg,
[data-current-activity="4"] .current-bg {
  background-color: #f47830 !important;
  color: #212121;
}
.activity-4 button.current.not-active,
[data-current-activity="4"] button.current.not-active,
.activity-4 .current-bg.not-active,
[data-current-activity="4"] .current-bg.not-active {
  background-color: #8f471a !important;
}
.activity-4 .icon-empty,
[data-current-activity="4"] .icon-empty {
  background-color: #f47830;
}
.activity-4 .darken,
[data-current-activity="4"] .darken {
  color: #8f471a;
}
.activity-4 .border,
[data-current-activity="4"] .border {
  border-color: #f47830;
  border-width: 2px;
}
.activity-4 .avg-arrow,
[data-current-activity="4"] .avg-arrow {
  background-color: #f47830;
}
.activity-4 .avg-arrow:before,
[data-current-activity="4"] .avg-arrow:before {
  border-left-color: #f47830;
}
.link--not-active:hover .icon-5,
.link--not-active:hover .icon-mountainbiking {
  color: #f47830 !important;
}
.icon-5,
.icon-mountainbiking {
  color: #f47830;
}
.icon-5.not-active,
.icon-mountainbiking.not-active {
  color: #8f471a;
}
.icon-5.box,
.icon-mountainbiking.box {
  color: #f47830;
}
.icon-5.box:hover,
.icon-mountainbiking.box:hover {
  color: #f47830 !important;
}
.icon-5.box.not-active,
.icon-mountainbiking.box.not-active {
  color: #8f471a;
}
.icon-5.box.not-active.icon-empty,
.icon-mountainbiking.box.not-active.icon-empty {
  background-color: #8f471a;
}
.icon-5.box.not-active.icon-empty:hover,
.icon-mountainbiking.box.not-active.icon-empty:hover {
  background-color: #f47830;
}
.icon-5.box.not-active.icon-empty:after,
.icon-mountainbiking.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-5.box.not-active:hover,
.icon-mountainbiking.box.not-active:hover {
  color: #f47830;
}
.icon-5.box.icon-empty,
.icon-mountainbiking.box.icon-empty {
  background-color: #f47830;
}
.icon-5.box.icon-empty:after,
.icon-mountainbiking.box.icon-empty:after {
  color: transparent;
}
.icon-5.box.not-from-selected-activity,
.icon-mountainbiking.box.not-from-selected-activity {
  color: #f47830;
}
.icon-5.box:before,
.icon-mountainbiking.box:before {
  content: '\e005';
}
.icon-5:before,
.icon-mountainbiking:before {
  content: '\f005';
}
.activity-5 .box,
[data-current-activity="5"] .box,
.activity-5 .current,
[data-current-activity="5"] .current {
  color: #f47830;
}
.activity-5 .box.not-active,
[data-current-activity="5"] .box.not-active {
  color: #8f471a !important;
}
.activity-5 .box.not-active:hover,
[data-current-activity="5"] .box.not-active:hover {
  color: inherit !important;
}
.activity-5 a.box:hover,
[data-current-activity="5"] a.box:hover {
  color: #f47830;
}
.activity-5 button.current,
[data-current-activity="5"] button.current,
.activity-5 .current-bg,
[data-current-activity="5"] .current-bg {
  background-color: #f47830 !important;
  color: #212121;
}
.activity-5 button.current.not-active,
[data-current-activity="5"] button.current.not-active,
.activity-5 .current-bg.not-active,
[data-current-activity="5"] .current-bg.not-active {
  background-color: #8f471a !important;
}
.activity-5 .icon-empty,
[data-current-activity="5"] .icon-empty {
  background-color: #f47830;
}
.activity-5 .darken,
[data-current-activity="5"] .darken {
  color: #8f471a;
}
.activity-5 .border,
[data-current-activity="5"] .border {
  border-color: #f47830;
  border-width: 2px;
}
.activity-5 .avg-arrow,
[data-current-activity="5"] .avg-arrow {
  background-color: #f47830;
}
.activity-5 .avg-arrow:before,
[data-current-activity="5"] .avg-arrow:before {
  border-left-color: #f47830;
}
.link--not-active:hover .icon-17,
.link--not-active:hover .icon-indoorcycling {
  color: #f47830 !important;
}
.icon-17,
.icon-indoorcycling {
  color: #f47830;
}
.icon-17.not-active,
.icon-indoorcycling.not-active {
  color: #8f471a;
}
.icon-17.box,
.icon-indoorcycling.box {
  color: #f47830;
}
.icon-17.box:hover,
.icon-indoorcycling.box:hover {
  color: #f47830 !important;
}
.icon-17.box.not-active,
.icon-indoorcycling.box.not-active {
  color: #8f471a;
}
.icon-17.box.not-active.icon-empty,
.icon-indoorcycling.box.not-active.icon-empty {
  background-color: #8f471a;
}
.icon-17.box.not-active.icon-empty:hover,
.icon-indoorcycling.box.not-active.icon-empty:hover {
  background-color: #f47830;
}
.icon-17.box.not-active.icon-empty:after,
.icon-indoorcycling.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-17.box.not-active:hover,
.icon-indoorcycling.box.not-active:hover {
  color: #f47830;
}
.icon-17.box.icon-empty,
.icon-indoorcycling.box.icon-empty {
  background-color: #f47830;
}
.icon-17.box.icon-empty:after,
.icon-indoorcycling.box.icon-empty:after {
  color: transparent;
}
.icon-17.box.not-from-selected-activity,
.icon-indoorcycling.box.not-from-selected-activity {
  color: #f47830;
}
.icon-17.box:before,
.icon-indoorcycling.box:before {
  content: '\e017';
}
.icon-17:before,
.icon-indoorcycling:before {
  content: '\f017';
}
.activity-17 .box,
[data-current-activity="17"] .box,
.activity-17 .current,
[data-current-activity="17"] .current {
  color: #f47830;
}
.activity-17 .box.not-active,
[data-current-activity="17"] .box.not-active {
  color: #8f471a !important;
}
.activity-17 .box.not-active:hover,
[data-current-activity="17"] .box.not-active:hover {
  color: inherit !important;
}
.activity-17 a.box:hover,
[data-current-activity="17"] a.box:hover {
  color: #f47830;
}
.activity-17 button.current,
[data-current-activity="17"] button.current,
.activity-17 .current-bg,
[data-current-activity="17"] .current-bg {
  background-color: #f47830 !important;
  color: #212121;
}
.activity-17 button.current.not-active,
[data-current-activity="17"] button.current.not-active,
.activity-17 .current-bg.not-active,
[data-current-activity="17"] .current-bg.not-active {
  background-color: #8f471a !important;
}
.activity-17 .icon-empty,
[data-current-activity="17"] .icon-empty {
  background-color: #f47830;
}
.activity-17 .darken,
[data-current-activity="17"] .darken {
  color: #8f471a;
}
.activity-17 .border,
[data-current-activity="17"] .border {
  border-color: #f47830;
  border-width: 2px;
}
.activity-17 .avg-arrow,
[data-current-activity="17"] .avg-arrow {
  background-color: #f47830;
}
.activity-17 .avg-arrow:before,
[data-current-activity="17"] .avg-arrow:before {
  border-left-color: #f47830;
}
.link--not-active:hover .icon-75,
.link--not-active:hover .icon-orienteering {
  color: #ade539 !important;
}
.icon-75,
.icon-orienteering {
  color: #ade539;
}
.icon-75.not-active,
.icon-orienteering.not-active {
  color: #677e24;
}
.icon-75.box,
.icon-orienteering.box {
  color: #ade539;
}
.icon-75.box:hover,
.icon-orienteering.box:hover {
  color: #ade539 !important;
}
.icon-75.box.not-active,
.icon-orienteering.box.not-active {
  color: #677e24;
}
.icon-75.box.not-active.icon-empty,
.icon-orienteering.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-75.box.not-active.icon-empty:hover,
.icon-orienteering.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-75.box.not-active.icon-empty:after,
.icon-orienteering.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-75.box.not-active:hover,
.icon-orienteering.box.not-active:hover {
  color: #ade539;
}
.icon-75.box.icon-empty,
.icon-orienteering.box.icon-empty {
  background-color: #ade539;
}
.icon-75.box.icon-empty:after,
.icon-orienteering.box.icon-empty:after {
  color: transparent;
}
.icon-75.box.not-from-selected-activity,
.icon-orienteering.box.not-from-selected-activity {
  color: #ade539;
}
.icon-75.box:before,
.icon-orienteering.box:before {
  content: '\e075';
}
.icon-75:before,
.icon-orienteering:before {
  content: '\f075';
}
.activity-75 .box,
[data-current-activity="75"] .box,
.activity-75 .current,
[data-current-activity="75"] .current {
  color: #ade539;
}
.activity-75 .box.not-active,
[data-current-activity="75"] .box.not-active {
  color: #677e24 !important;
}
.activity-75 .box.not-active:hover,
[data-current-activity="75"] .box.not-active:hover {
  color: inherit !important;
}
.activity-75 a.box:hover,
[data-current-activity="75"] a.box:hover {
  color: #ade539;
}
.activity-75 button.current,
[data-current-activity="75"] button.current,
.activity-75 .current-bg,
[data-current-activity="75"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-75 button.current.not-active,
[data-current-activity="75"] button.current.not-active,
.activity-75 .current-bg.not-active,
[data-current-activity="75"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-75 .icon-empty,
[data-current-activity="75"] .icon-empty {
  background-color: #ade539;
}
.activity-75 .darken,
[data-current-activity="75"] .darken {
  color: #677e24;
}
.activity-75 .border,
[data-current-activity="75"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-75 .avg-arrow,
[data-current-activity="75"] .avg-arrow {
  background-color: #ade539;
}
.activity-75 .avg-arrow:before,
[data-current-activity="75"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-19,
.link--not-active:hover .icon-triathlon {
  color: #ade539 !important;
}
.icon-19,
.icon-triathlon {
  color: #ade539;
}
.icon-19.not-active,
.icon-triathlon.not-active {
  color: #677e24;
}
.icon-19.box,
.icon-triathlon.box {
  color: #ade539;
}
.icon-19.box:hover,
.icon-triathlon.box:hover {
  color: #ade539 !important;
}
.icon-19.box.not-active,
.icon-triathlon.box.not-active {
  color: #677e24;
}
.icon-19.box.not-active.icon-empty,
.icon-triathlon.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-19.box.not-active.icon-empty:hover,
.icon-triathlon.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-19.box.not-active.icon-empty:after,
.icon-triathlon.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-19.box.not-active:hover,
.icon-triathlon.box.not-active:hover {
  color: #ade539;
}
.icon-19.box.icon-empty,
.icon-triathlon.box.icon-empty {
  background-color: #ade539;
}
.icon-19.box.icon-empty:after,
.icon-triathlon.box.icon-empty:after {
  color: transparent;
}
.icon-19.box.not-from-selected-activity,
.icon-triathlon.box.not-from-selected-activity {
  color: #ade539;
}
.icon-19.box:before,
.icon-triathlon.box:before {
  content: '\e019';
}
.icon-19:before,
.icon-triathlon:before {
  content: '\f019';
}
.activity-19 .box,
[data-current-activity="19"] .box,
.activity-19 .current,
[data-current-activity="19"] .current {
  color: #ade539;
}
.activity-19 .box.not-active,
[data-current-activity="19"] .box.not-active {
  color: #677e24 !important;
}
.activity-19 .box.not-active:hover,
[data-current-activity="19"] .box.not-active:hover {
  color: inherit !important;
}
.activity-19 a.box:hover,
[data-current-activity="19"] a.box:hover {
  color: #ade539;
}
.activity-19 button.current,
[data-current-activity="19"] button.current,
.activity-19 .current-bg,
[data-current-activity="19"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-19 button.current.not-active,
[data-current-activity="19"] button.current.not-active,
.activity-19 .current-bg.not-active,
[data-current-activity="19"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-19 .icon-empty,
[data-current-activity="19"] .icon-empty {
  background-color: #ade539;
}
.activity-19 .darken,
[data-current-activity="19"] .darken {
  color: #677e24;
}
.activity-19 .border,
[data-current-activity="19"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-19 .avg-arrow,
[data-current-activity="19"] .avg-arrow {
  background-color: #ade539;
}
.activity-19 .avg-arrow:before,
[data-current-activity="19"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-2,
.link--not-active:hover .icon-multisport {
  color: #ade539 !important;
}
.icon-2,
.icon-multisport {
  color: #ade539;
}
.icon-2.not-active,
.icon-multisport.not-active {
  color: #677e24;
}
.icon-2.box,
.icon-multisport.box {
  color: #ade539;
}
.icon-2.box:hover,
.icon-multisport.box:hover {
  color: #ade539 !important;
}
.icon-2.box.not-active,
.icon-multisport.box.not-active {
  color: #677e24;
}
.icon-2.box.not-active.icon-empty,
.icon-multisport.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-2.box.not-active.icon-empty:hover,
.icon-multisport.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-2.box.not-active.icon-empty:after,
.icon-multisport.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-2.box.not-active:hover,
.icon-multisport.box.not-active:hover {
  color: #ade539;
}
.icon-2.box.icon-empty,
.icon-multisport.box.icon-empty {
  background-color: #ade539;
}
.icon-2.box.icon-empty:after,
.icon-multisport.box.icon-empty:after {
  color: transparent;
}
.icon-2.box.not-from-selected-activity,
.icon-multisport.box.not-from-selected-activity {
  color: #ade539;
}
.icon-2.box:before,
.icon-multisport.box:before {
  content: '\e002';
}
.icon-2:before,
.icon-multisport:before {
  content: '\f002';
}
.activity-2 .box,
[data-current-activity="2"] .box,
.activity-2 .current,
[data-current-activity="2"] .current {
  color: #ade539;
}
.activity-2 .box.not-active,
[data-current-activity="2"] .box.not-active {
  color: #677e24 !important;
}
.activity-2 .box.not-active:hover,
[data-current-activity="2"] .box.not-active:hover {
  color: inherit !important;
}
.activity-2 a.box:hover,
[data-current-activity="2"] a.box:hover {
  color: #ade539;
}
.activity-2 button.current,
[data-current-activity="2"] button.current,
.activity-2 .current-bg,
[data-current-activity="2"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-2 button.current.not-active,
[data-current-activity="2"] button.current.not-active,
.activity-2 .current-bg.not-active,
[data-current-activity="2"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-2 .icon-empty,
[data-current-activity="2"] .icon-empty {
  background-color: #ade539;
}
.activity-2 .darken,
[data-current-activity="2"] .darken {
  color: #677e24;
}
.activity-2 .border,
[data-current-activity="2"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-2 .avg-arrow,
[data-current-activity="2"] .avg-arrow {
  background-color: #ade539;
}
.activity-2 .avg-arrow:before,
[data-current-activity="2"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-8,
.link--not-active:hover .icon-rollerskating {
  color: #ade539 !important;
}
.icon-8,
.icon-rollerskating {
  color: #ade539;
}
.icon-8.not-active,
.icon-rollerskating.not-active {
  color: #677e24;
}
.icon-8.box,
.icon-rollerskating.box {
  color: #ade539;
}
.icon-8.box:hover,
.icon-rollerskating.box:hover {
  color: #ade539 !important;
}
.icon-8.box.not-active,
.icon-rollerskating.box.not-active {
  color: #677e24;
}
.icon-8.box.not-active.icon-empty,
.icon-rollerskating.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-8.box.not-active.icon-empty:hover,
.icon-rollerskating.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-8.box.not-active.icon-empty:after,
.icon-rollerskating.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-8.box.not-active:hover,
.icon-rollerskating.box.not-active:hover {
  color: #ade539;
}
.icon-8.box.icon-empty,
.icon-rollerskating.box.icon-empty {
  background-color: #ade539;
}
.icon-8.box.icon-empty:after,
.icon-rollerskating.box.icon-empty:after {
  color: transparent;
}
.icon-8.box.not-from-selected-activity,
.icon-rollerskating.box.not-from-selected-activity {
  color: #ade539;
}
.icon-8.box:before,
.icon-rollerskating.box:before {
  content: '\e008';
}
.icon-8:before,
.icon-rollerskating:before {
  content: '\f008';
}
.activity-8 .box,
[data-current-activity="8"] .box,
.activity-8 .current,
[data-current-activity="8"] .current {
  color: #ade539;
}
.activity-8 .box.not-active,
[data-current-activity="8"] .box.not-active {
  color: #677e24 !important;
}
.activity-8 .box.not-active:hover,
[data-current-activity="8"] .box.not-active:hover {
  color: inherit !important;
}
.activity-8 a.box:hover,
[data-current-activity="8"] a.box:hover {
  color: #ade539;
}
.activity-8 button.current,
[data-current-activity="8"] button.current,
.activity-8 .current-bg,
[data-current-activity="8"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-8 button.current.not-active,
[data-current-activity="8"] button.current.not-active,
.activity-8 .current-bg.not-active,
[data-current-activity="8"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-8 .icon-empty,
[data-current-activity="8"] .icon-empty {
  background-color: #ade539;
}
.activity-8 .darken,
[data-current-activity="8"] .darken {
  color: #677e24;
}
.activity-8 .border,
[data-current-activity="8"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-8 .avg-arrow,
[data-current-activity="8"] .avg-arrow {
  background-color: #ade539;
}
.activity-8 .avg-arrow:before,
[data-current-activity="8"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-73,
.link--not-active:hover .icon-motorsports {
  color: #ade539 !important;
}
.icon-73,
.icon-motorsports {
  color: #ade539;
}
.icon-73.not-active,
.icon-motorsports.not-active {
  color: #677e24;
}
.icon-73.box,
.icon-motorsports.box {
  color: #ade539;
}
.icon-73.box:hover,
.icon-motorsports.box:hover {
  color: #ade539 !important;
}
.icon-73.box.not-active,
.icon-motorsports.box.not-active {
  color: #677e24;
}
.icon-73.box.not-active.icon-empty,
.icon-motorsports.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-73.box.not-active.icon-empty:hover,
.icon-motorsports.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-73.box.not-active.icon-empty:after,
.icon-motorsports.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-73.box.not-active:hover,
.icon-motorsports.box.not-active:hover {
  color: #ade539;
}
.icon-73.box.icon-empty,
.icon-motorsports.box.icon-empty {
  background-color: #ade539;
}
.icon-73.box.icon-empty:after,
.icon-motorsports.box.icon-empty:after {
  color: transparent;
}
.icon-73.box.not-from-selected-activity,
.icon-motorsports.box.not-from-selected-activity {
  color: #ade539;
}
.icon-73.box:before,
.icon-motorsports.box:before {
  content: '\e073';
}
.icon-73:before,
.icon-motorsports:before {
  content: '\f073';
}
.activity-73 .box,
[data-current-activity="73"] .box,
.activity-73 .current,
[data-current-activity="73"] .current {
  color: #ade539;
}
.activity-73 .box.not-active,
[data-current-activity="73"] .box.not-active {
  color: #677e24 !important;
}
.activity-73 .box.not-active:hover,
[data-current-activity="73"] .box.not-active:hover {
  color: inherit !important;
}
.activity-73 a.box:hover,
[data-current-activity="73"] a.box:hover {
  color: #ade539;
}
.activity-73 button.current,
[data-current-activity="73"] button.current,
.activity-73 .current-bg,
[data-current-activity="73"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-73 button.current.not-active,
[data-current-activity="73"] button.current.not-active,
.activity-73 .current-bg.not-active,
[data-current-activity="73"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-73 .icon-empty,
[data-current-activity="73"] .icon-empty {
  background-color: #ade539;
}
.activity-73 .darken,
[data-current-activity="73"] .darken {
  color: #677e24;
}
.activity-73 .border,
[data-current-activity="73"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-73 .avg-arrow,
[data-current-activity="73"] .avg-arrow {
  background-color: #ade539;
}
.activity-73 .avg-arrow:before,
[data-current-activity="73"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-88,
.link--not-active:hover .icon-rollerskiing {
  color: #ade539 !important;
}
.icon-88,
.icon-rollerskiing {
  color: #ade539;
}
.icon-88.not-active,
.icon-rollerskiing.not-active {
  color: #677e24;
}
.icon-88.box,
.icon-rollerskiing.box {
  color: #ade539;
}
.icon-88.box:hover,
.icon-rollerskiing.box:hover {
  color: #ade539 !important;
}
.icon-88.box.not-active,
.icon-rollerskiing.box.not-active {
  color: #677e24;
}
.icon-88.box.not-active.icon-empty,
.icon-rollerskiing.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-88.box.not-active.icon-empty:hover,
.icon-rollerskiing.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-88.box.not-active.icon-empty:after,
.icon-rollerskiing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-88.box.not-active:hover,
.icon-rollerskiing.box.not-active:hover {
  color: #ade539;
}
.icon-88.box.icon-empty,
.icon-rollerskiing.box.icon-empty {
  background-color: #ade539;
}
.icon-88.box.icon-empty:after,
.icon-rollerskiing.box.icon-empty:after {
  color: transparent;
}
.icon-88.box.not-from-selected-activity,
.icon-rollerskiing.box.not-from-selected-activity {
  color: #ade539;
}
.icon-88.box:before,
.icon-rollerskiing.box:before {
  content: '\e088';
}
.icon-88:before,
.icon-rollerskiing:before {
  content: '\f088';
}
.activity-88 .box,
[data-current-activity="88"] .box,
.activity-88 .current,
[data-current-activity="88"] .current {
  color: #ade539;
}
.activity-88 .box.not-active,
[data-current-activity="88"] .box.not-active {
  color: #677e24 !important;
}
.activity-88 .box.not-active:hover,
[data-current-activity="88"] .box.not-active:hover {
  color: inherit !important;
}
.activity-88 a.box:hover,
[data-current-activity="88"] a.box:hover {
  color: #ade539;
}
.activity-88 button.current,
[data-current-activity="88"] button.current,
.activity-88 .current-bg,
[data-current-activity="88"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-88 button.current.not-active,
[data-current-activity="88"] button.current.not-active,
.activity-88 .current-bg.not-active,
[data-current-activity="88"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-88 .icon-empty,
[data-current-activity="88"] .icon-empty {
  background-color: #ade539;
}
.activity-88 .darken,
[data-current-activity="88"] .darken {
  color: #677e24;
}
.activity-88 .border,
[data-current-activity="88"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-88 .avg-arrow,
[data-current-activity="88"] .avg-arrow {
  background-color: #ade539;
}
.activity-88 .avg-arrow:before,
[data-current-activity="88"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-90,
.link--not-active:hover .icon-crossfit {
  color: #ade539 !important;
}
.icon-90,
.icon-crossfit {
  color: #ade539;
}
.icon-90.not-active,
.icon-crossfit.not-active {
  color: #677e24;
}
.icon-90.box,
.icon-crossfit.box {
  color: #ade539;
}
.icon-90.box:hover,
.icon-crossfit.box:hover {
  color: #ade539 !important;
}
.icon-90.box.not-active,
.icon-crossfit.box.not-active {
  color: #677e24;
}
.icon-90.box.not-active.icon-empty,
.icon-crossfit.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-90.box.not-active.icon-empty:hover,
.icon-crossfit.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-90.box.not-active.icon-empty:after,
.icon-crossfit.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-90.box.not-active:hover,
.icon-crossfit.box.not-active:hover {
  color: #ade539;
}
.icon-90.box.icon-empty,
.icon-crossfit.box.icon-empty {
  background-color: #ade539;
}
.icon-90.box.icon-empty:after,
.icon-crossfit.box.icon-empty:after {
  color: transparent;
}
.icon-90.box.not-from-selected-activity,
.icon-crossfit.box.not-from-selected-activity {
  color: #ade539;
}
.icon-90.box:before,
.icon-crossfit.box:before {
  content: '\e090';
}
.icon-90:before,
.icon-crossfit:before {
  content: '\f090';
}
.activity-90 .box,
[data-current-activity="90"] .box,
.activity-90 .current,
[data-current-activity="90"] .current {
  color: #ade539;
}
.activity-90 .box.not-active,
[data-current-activity="90"] .box.not-active {
  color: #677e24 !important;
}
.activity-90 .box.not-active:hover,
[data-current-activity="90"] .box.not-active:hover {
  color: inherit !important;
}
.activity-90 a.box:hover,
[data-current-activity="90"] a.box:hover {
  color: #ade539;
}
.activity-90 button.current,
[data-current-activity="90"] button.current,
.activity-90 .current-bg,
[data-current-activity="90"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-90 button.current.not-active,
[data-current-activity="90"] button.current.not-active,
.activity-90 .current-bg.not-active,
[data-current-activity="90"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-90 .icon-empty,
[data-current-activity="90"] .icon-empty {
  background-color: #ade539;
}
.activity-90 .darken,
[data-current-activity="90"] .darken {
  color: #677e24;
}
.activity-90 .border,
[data-current-activity="90"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-90 .avg-arrow,
[data-current-activity="90"] .avg-arrow {
  background-color: #ade539;
}
.activity-90 .avg-arrow:before,
[data-current-activity="90"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-81,
.link--not-active:hover .icon-trackandfield {
  color: #ade539 !important;
}
.icon-81,
.icon-trackandfield {
  color: #ade539;
}
.icon-81.not-active,
.icon-trackandfield.not-active {
  color: #677e24;
}
.icon-81.box,
.icon-trackandfield.box {
  color: #ade539;
}
.icon-81.box:hover,
.icon-trackandfield.box:hover {
  color: #ade539 !important;
}
.icon-81.box.not-active,
.icon-trackandfield.box.not-active {
  color: #677e24;
}
.icon-81.box.not-active.icon-empty,
.icon-trackandfield.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-81.box.not-active.icon-empty:hover,
.icon-trackandfield.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-81.box.not-active.icon-empty:after,
.icon-trackandfield.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-81.box.not-active:hover,
.icon-trackandfield.box.not-active:hover {
  color: #ade539;
}
.icon-81.box.icon-empty,
.icon-trackandfield.box.icon-empty {
  background-color: #ade539;
}
.icon-81.box.icon-empty:after,
.icon-trackandfield.box.icon-empty:after {
  color: transparent;
}
.icon-81.box.not-from-selected-activity,
.icon-trackandfield.box.not-from-selected-activity {
  color: #ade539;
}
.icon-81.box:before,
.icon-trackandfield.box:before {
  content: '\e081';
}
.icon-81:before,
.icon-trackandfield:before {
  content: '\f081';
}
.activity-81 .box,
[data-current-activity="81"] .box,
.activity-81 .current,
[data-current-activity="81"] .current {
  color: #ade539;
}
.activity-81 .box.not-active,
[data-current-activity="81"] .box.not-active {
  color: #677e24 !important;
}
.activity-81 .box.not-active:hover,
[data-current-activity="81"] .box.not-active:hover {
  color: inherit !important;
}
.activity-81 a.box:hover,
[data-current-activity="81"] a.box:hover {
  color: #ade539;
}
.activity-81 button.current,
[data-current-activity="81"] button.current,
.activity-81 .current-bg,
[data-current-activity="81"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-81 button.current.not-active,
[data-current-activity="81"] button.current.not-active,
.activity-81 .current-bg.not-active,
[data-current-activity="81"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-81 .icon-empty,
[data-current-activity="81"] .icon-empty {
  background-color: #ade539;
}
.activity-81 .darken,
[data-current-activity="81"] .darken {
  color: #677e24;
}
.activity-81 .border,
[data-current-activity="81"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-81 .avg-arrow,
[data-current-activity="81"] .avg-arrow {
  background-color: #ade539;
}
.activity-81 .avg-arrow:before,
[data-current-activity="81"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-55,
.link--not-active:hover .icon-swimrun {
  color: #ade539 !important;
}
.icon-55,
.icon-swimrun {
  color: #ade539;
}
.icon-55.not-active,
.icon-swimrun.not-active {
  color: #677e24;
}
.icon-55.box,
.icon-swimrun.box {
  color: #ade539;
}
.icon-55.box:hover,
.icon-swimrun.box:hover {
  color: #ade539 !important;
}
.icon-55.box.not-active,
.icon-swimrun.box.not-active {
  color: #677e24;
}
.icon-55.box.not-active.icon-empty,
.icon-swimrun.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-55.box.not-active.icon-empty:hover,
.icon-swimrun.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-55.box.not-active.icon-empty:after,
.icon-swimrun.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-55.box.not-active:hover,
.icon-swimrun.box.not-active:hover {
  color: #ade539;
}
.icon-55.box.icon-empty,
.icon-swimrun.box.icon-empty {
  background-color: #ade539;
}
.icon-55.box.icon-empty:after,
.icon-swimrun.box.icon-empty:after {
  color: transparent;
}
.icon-55.box.not-from-selected-activity,
.icon-swimrun.box.not-from-selected-activity {
  color: #ade539;
}
.icon-55.box:before,
.icon-swimrun.box:before {
  content: '\e055';
}
.icon-55:before,
.icon-swimrun:before {
  content: '\f055';
}
.activity-55 .box,
[data-current-activity="55"] .box,
.activity-55 .current,
[data-current-activity="55"] .current {
  color: #ade539;
}
.activity-55 .box.not-active,
[data-current-activity="55"] .box.not-active {
  color: #677e24 !important;
}
.activity-55 .box.not-active:hover,
[data-current-activity="55"] .box.not-active:hover {
  color: inherit !important;
}
.activity-55 a.box:hover,
[data-current-activity="55"] a.box:hover {
  color: #ade539;
}
.activity-55 button.current,
[data-current-activity="55"] button.current,
.activity-55 .current-bg,
[data-current-activity="55"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-55 button.current.not-active,
[data-current-activity="55"] button.current.not-active,
.activity-55 .current-bg.not-active,
[data-current-activity="55"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-55 .icon-empty,
[data-current-activity="55"] .icon-empty {
  background-color: #ade539;
}
.activity-55 .darken,
[data-current-activity="55"] .darken {
  color: #677e24;
}
.activity-55 .border,
[data-current-activity="55"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-55 .avg-arrow,
[data-current-activity="55"] .avg-arrow {
  background-color: #ade539;
}
.activity-55 .avg-arrow:before,
[data-current-activity="55"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-56,
.link--not-active:hover .icon-duathlon {
  color: #ade539 !important;
}
.icon-56,
.icon-duathlon {
  color: #ade539;
}
.icon-56.not-active,
.icon-duathlon.not-active {
  color: #677e24;
}
.icon-56.box,
.icon-duathlon.box {
  color: #ade539;
}
.icon-56.box:hover,
.icon-duathlon.box:hover {
  color: #ade539 !important;
}
.icon-56.box.not-active,
.icon-duathlon.box.not-active {
  color: #677e24;
}
.icon-56.box.not-active.icon-empty,
.icon-duathlon.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-56.box.not-active.icon-empty:hover,
.icon-duathlon.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-56.box.not-active.icon-empty:after,
.icon-duathlon.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-56.box.not-active:hover,
.icon-duathlon.box.not-active:hover {
  color: #ade539;
}
.icon-56.box.icon-empty,
.icon-duathlon.box.icon-empty {
  background-color: #ade539;
}
.icon-56.box.icon-empty:after,
.icon-duathlon.box.icon-empty:after {
  color: transparent;
}
.icon-56.box.not-from-selected-activity,
.icon-duathlon.box.not-from-selected-activity {
  color: #ade539;
}
.icon-56.box:before,
.icon-duathlon.box:before {
  content: '\e056';
}
.icon-56:before,
.icon-duathlon:before {
  content: '\f056';
}
.activity-56 .box,
[data-current-activity="56"] .box,
.activity-56 .current,
[data-current-activity="56"] .current {
  color: #ade539;
}
.activity-56 .box.not-active,
[data-current-activity="56"] .box.not-active {
  color: #677e24 !important;
}
.activity-56 .box.not-active:hover,
[data-current-activity="56"] .box.not-active:hover {
  color: inherit !important;
}
.activity-56 a.box:hover,
[data-current-activity="56"] a.box:hover {
  color: #ade539;
}
.activity-56 button.current,
[data-current-activity="56"] button.current,
.activity-56 .current-bg,
[data-current-activity="56"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-56 button.current.not-active,
[data-current-activity="56"] button.current.not-active,
.activity-56 .current-bg.not-active,
[data-current-activity="56"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-56 .icon-empty,
[data-current-activity="56"] .icon-empty {
  background-color: #ade539;
}
.activity-56 .darken,
[data-current-activity="56"] .darken {
  color: #677e24;
}
.activity-56 .border,
[data-current-activity="56"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-56 .avg-arrow,
[data-current-activity="56"] .avg-arrow {
  background-color: #ade539;
}
.activity-56 .avg-arrow:before,
[data-current-activity="56"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-57,
.link--not-active:hover .icon-aquathlon {
  color: #ade539 !important;
}
.icon-57,
.icon-aquathlon {
  color: #ade539;
}
.icon-57.not-active,
.icon-aquathlon.not-active {
  color: #677e24;
}
.icon-57.box,
.icon-aquathlon.box {
  color: #ade539;
}
.icon-57.box:hover,
.icon-aquathlon.box:hover {
  color: #ade539 !important;
}
.icon-57.box.not-active,
.icon-aquathlon.box.not-active {
  color: #677e24;
}
.icon-57.box.not-active.icon-empty,
.icon-aquathlon.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-57.box.not-active.icon-empty:hover,
.icon-aquathlon.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-57.box.not-active.icon-empty:after,
.icon-aquathlon.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-57.box.not-active:hover,
.icon-aquathlon.box.not-active:hover {
  color: #ade539;
}
.icon-57.box.icon-empty,
.icon-aquathlon.box.icon-empty {
  background-color: #ade539;
}
.icon-57.box.icon-empty:after,
.icon-aquathlon.box.icon-empty:after {
  color: transparent;
}
.icon-57.box.not-from-selected-activity,
.icon-aquathlon.box.not-from-selected-activity {
  color: #ade539;
}
.icon-57.box:before,
.icon-aquathlon.box:before {
  content: '\e057';
}
.icon-57:before,
.icon-aquathlon:before {
  content: '\f057';
}
.activity-57 .box,
[data-current-activity="57"] .box,
.activity-57 .current,
[data-current-activity="57"] .current {
  color: #ade539;
}
.activity-57 .box.not-active,
[data-current-activity="57"] .box.not-active {
  color: #677e24 !important;
}
.activity-57 .box.not-active:hover,
[data-current-activity="57"] .box.not-active:hover {
  color: inherit !important;
}
.activity-57 a.box:hover,
[data-current-activity="57"] a.box:hover {
  color: #ade539;
}
.activity-57 button.current,
[data-current-activity="57"] button.current,
.activity-57 .current-bg,
[data-current-activity="57"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-57 button.current.not-active,
[data-current-activity="57"] button.current.not-active,
.activity-57 .current-bg.not-active,
[data-current-activity="57"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-57 .icon-empty,
[data-current-activity="57"] .icon-empty {
  background-color: #ade539;
}
.activity-57 .darken,
[data-current-activity="57"] .darken {
  color: #677e24;
}
.activity-57 .border,
[data-current-activity="57"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-57 .avg-arrow,
[data-current-activity="57"] .avg-arrow {
  background-color: #ade539;
}
.activity-57 .avg-arrow:before,
[data-current-activity="57"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-61,
.link--not-active:hover .icon-adventureracing {
  color: #ade539 !important;
}
.icon-61,
.icon-adventureracing {
  color: #ade539;
}
.icon-61.not-active,
.icon-adventureracing.not-active {
  color: #677e24;
}
.icon-61.box,
.icon-adventureracing.box {
  color: #ade539;
}
.icon-61.box:hover,
.icon-adventureracing.box:hover {
  color: #ade539 !important;
}
.icon-61.box.not-active,
.icon-adventureracing.box.not-active {
  color: #677e24;
}
.icon-61.box.not-active.icon-empty,
.icon-adventureracing.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-61.box.not-active.icon-empty:hover,
.icon-adventureracing.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-61.box.not-active.icon-empty:after,
.icon-adventureracing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-61.box.not-active:hover,
.icon-adventureracing.box.not-active:hover {
  color: #ade539;
}
.icon-61.box.icon-empty,
.icon-adventureracing.box.icon-empty {
  background-color: #ade539;
}
.icon-61.box.icon-empty:after,
.icon-adventureracing.box.icon-empty:after {
  color: transparent;
}
.icon-61.box.not-from-selected-activity,
.icon-adventureracing.box.not-from-selected-activity {
  color: #ade539;
}
.icon-61.box:before,
.icon-adventureracing.box:before {
  content: '\e061';
}
.icon-61:before,
.icon-adventureracing:before {
  content: '\f061';
}
.activity-61 .box,
[data-current-activity="61"] .box,
.activity-61 .current,
[data-current-activity="61"] .current {
  color: #ade539;
}
.activity-61 .box.not-active,
[data-current-activity="61"] .box.not-active {
  color: #677e24 !important;
}
.activity-61 .box.not-active:hover,
[data-current-activity="61"] .box.not-active:hover {
  color: inherit !important;
}
.activity-61 a.box:hover,
[data-current-activity="61"] a.box:hover {
  color: #ade539;
}
.activity-61 button.current,
[data-current-activity="61"] button.current,
.activity-61 .current-bg,
[data-current-activity="61"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-61 button.current.not-active,
[data-current-activity="61"] button.current.not-active,
.activity-61 .current-bg.not-active,
[data-current-activity="61"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-61 .icon-empty,
[data-current-activity="61"] .icon-empty {
  background-color: #ade539;
}
.activity-61 .darken,
[data-current-activity="61"] .darken {
  color: #677e24;
}
.activity-61 .border,
[data-current-activity="61"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-61 .avg-arrow,
[data-current-activity="61"] .avg-arrow {
  background-color: #ade539;
}
.activity-61 .avg-arrow:before,
[data-current-activity="61"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-58,
.link--not-active:hover .icon-obstacleracing {
  color: #ade539 !important;
}
.icon-58,
.icon-obstacleracing {
  color: #ade539;
}
.icon-58.not-active,
.icon-obstacleracing.not-active {
  color: #677e24;
}
.icon-58.box,
.icon-obstacleracing.box {
  color: #ade539;
}
.icon-58.box:hover,
.icon-obstacleracing.box:hover {
  color: #ade539 !important;
}
.icon-58.box.not-active,
.icon-obstacleracing.box.not-active {
  color: #677e24;
}
.icon-58.box.not-active.icon-empty,
.icon-obstacleracing.box.not-active.icon-empty {
  background-color: #677e24;
}
.icon-58.box.not-active.icon-empty:hover,
.icon-obstacleracing.box.not-active.icon-empty:hover {
  background-color: #ade539;
}
.icon-58.box.not-active.icon-empty:after,
.icon-obstacleracing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-58.box.not-active:hover,
.icon-obstacleracing.box.not-active:hover {
  color: #ade539;
}
.icon-58.box.icon-empty,
.icon-obstacleracing.box.icon-empty {
  background-color: #ade539;
}
.icon-58.box.icon-empty:after,
.icon-obstacleracing.box.icon-empty:after {
  color: transparent;
}
.icon-58.box.not-from-selected-activity,
.icon-obstacleracing.box.not-from-selected-activity {
  color: #ade539;
}
.icon-58.box:before,
.icon-obstacleracing.box:before {
  content: '\e058';
}
.icon-58:before,
.icon-obstacleracing:before {
  content: '\f058';
}
.activity-58 .box,
[data-current-activity="58"] .box,
.activity-58 .current,
[data-current-activity="58"] .current {
  color: #ade539;
}
.activity-58 .box.not-active,
[data-current-activity="58"] .box.not-active {
  color: #677e24 !important;
}
.activity-58 .box.not-active:hover,
[data-current-activity="58"] .box.not-active:hover {
  color: inherit !important;
}
.activity-58 a.box:hover,
[data-current-activity="58"] a.box:hover {
  color: #ade539;
}
.activity-58 button.current,
[data-current-activity="58"] button.current,
.activity-58 .current-bg,
[data-current-activity="58"] .current-bg {
  background-color: #ade539 !important;
  color: #212121;
}
.activity-58 button.current.not-active,
[data-current-activity="58"] button.current.not-active,
.activity-58 .current-bg.not-active,
[data-current-activity="58"] .current-bg.not-active {
  background-color: #677e24 !important;
}
.activity-58 .icon-empty,
[data-current-activity="58"] .icon-empty {
  background-color: #ade539;
}
.activity-58 .darken,
[data-current-activity="58"] .darken {
  color: #677e24;
}
.activity-58 .border,
[data-current-activity="58"] .border {
  border-color: #ade539;
  border-width: 2px;
}
.activity-58 .avg-arrow,
[data-current-activity="58"] .avg-arrow {
  background-color: #ade539;
}
.activity-58 .avg-arrow:before,
[data-current-activity="58"] .avg-arrow:before {
  border-left-color: #ade539;
}
.link--not-active:hover .icon-67,
.link--not-active:hover .icon-gymnastics {
  color: #fa1b4f !important;
}
.icon-67,
.icon-gymnastics {
  color: #fa1b4f;
}
.icon-67.not-active,
.icon-gymnastics.not-active {
  color: #8e112e;
}
.icon-67.box,
.icon-gymnastics.box {
  color: #fa1b4f;
}
.icon-67.box:hover,
.icon-gymnastics.box:hover {
  color: #fa1b4f !important;
}
.icon-67.box.not-active,
.icon-gymnastics.box.not-active {
  color: #8e112e;
}
.icon-67.box.not-active.icon-empty,
.icon-gymnastics.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-67.box.not-active.icon-empty:hover,
.icon-gymnastics.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-67.box.not-active.icon-empty:after,
.icon-gymnastics.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-67.box.not-active:hover,
.icon-gymnastics.box.not-active:hover {
  color: #fa1b4f;
}
.icon-67.box.icon-empty,
.icon-gymnastics.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-67.box.icon-empty:after,
.icon-gymnastics.box.icon-empty:after {
  color: transparent;
}
.icon-67.box.not-from-selected-activity,
.icon-gymnastics.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-67.box:before,
.icon-gymnastics.box:before {
  content: '\e067';
}
.icon-67:before,
.icon-gymnastics:before {
  content: '\f067';
}
.activity-67 .box,
[data-current-activity="67"] .box,
.activity-67 .current,
[data-current-activity="67"] .current {
  color: #fa1b4f;
}
.activity-67 .box.not-active,
[data-current-activity="67"] .box.not-active {
  color: #8e112e !important;
}
.activity-67 .box.not-active:hover,
[data-current-activity="67"] .box.not-active:hover {
  color: inherit !important;
}
.activity-67 a.box:hover,
[data-current-activity="67"] a.box:hover {
  color: #fa1b4f;
}
.activity-67 button.current,
[data-current-activity="67"] button.current,
.activity-67 .current-bg,
[data-current-activity="67"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-67 button.current.not-active,
[data-current-activity="67"] button.current.not-active,
.activity-67 .current-bg.not-active,
[data-current-activity="67"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-67 .icon-empty,
[data-current-activity="67"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-67 .darken,
[data-current-activity="67"] .darken {
  color: #8e112e;
}
.activity-67 .border,
[data-current-activity="67"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-67 .avg-arrow,
[data-current-activity="67"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-67 .avg-arrow:before,
[data-current-activity="67"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-64,
.link--not-active:hover .icon-crosstrainer {
  color: #fa1b4f !important;
}
.icon-64,
.icon-crosstrainer {
  color: #fa1b4f;
}
.icon-64.not-active,
.icon-crosstrainer.not-active {
  color: #8e112e;
}
.icon-64.box,
.icon-crosstrainer.box {
  color: #fa1b4f;
}
.icon-64.box:hover,
.icon-crosstrainer.box:hover {
  color: #fa1b4f !important;
}
.icon-64.box.not-active,
.icon-crosstrainer.box.not-active {
  color: #8e112e;
}
.icon-64.box.not-active.icon-empty,
.icon-crosstrainer.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-64.box.not-active.icon-empty:hover,
.icon-crosstrainer.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-64.box.not-active.icon-empty:after,
.icon-crosstrainer.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-64.box.not-active:hover,
.icon-crosstrainer.box.not-active:hover {
  color: #fa1b4f;
}
.icon-64.box.icon-empty,
.icon-crosstrainer.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-64.box.icon-empty:after,
.icon-crosstrainer.box.icon-empty:after {
  color: transparent;
}
.icon-64.box.not-from-selected-activity,
.icon-crosstrainer.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-64.box:before,
.icon-crosstrainer.box:before {
  content: '\e064';
}
.icon-64:before,
.icon-crosstrainer:before {
  content: '\f064';
}
.activity-64 .box,
[data-current-activity="64"] .box,
.activity-64 .current,
[data-current-activity="64"] .current {
  color: #fa1b4f;
}
.activity-64 .box.not-active,
[data-current-activity="64"] .box.not-active {
  color: #8e112e !important;
}
.activity-64 .box.not-active:hover,
[data-current-activity="64"] .box.not-active:hover {
  color: inherit !important;
}
.activity-64 a.box:hover,
[data-current-activity="64"] a.box:hover {
  color: #fa1b4f;
}
.activity-64 button.current,
[data-current-activity="64"] button.current,
.activity-64 .current-bg,
[data-current-activity="64"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-64 button.current.not-active,
[data-current-activity="64"] button.current.not-active,
.activity-64 .current-bg.not-active,
[data-current-activity="64"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-64 .icon-empty,
[data-current-activity="64"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-64 .darken,
[data-current-activity="64"] .darken {
  color: #8e112e;
}
.activity-64 .border,
[data-current-activity="64"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-64 .avg-arrow,
[data-current-activity="64"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-64 .avg-arrow:before,
[data-current-activity="64"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-71,
.link--not-active:hover .icon-indoorrowing {
  color: #fa1b4f !important;
}
.icon-71,
.icon-indoorrowing {
  color: #fa1b4f;
}
.icon-71.not-active,
.icon-indoorrowing.not-active {
  color: #8e112e;
}
.icon-71.box,
.icon-indoorrowing.box {
  color: #fa1b4f;
}
.icon-71.box:hover,
.icon-indoorrowing.box:hover {
  color: #fa1b4f !important;
}
.icon-71.box.not-active,
.icon-indoorrowing.box.not-active {
  color: #8e112e;
}
.icon-71.box.not-active.icon-empty,
.icon-indoorrowing.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-71.box.not-active.icon-empty:hover,
.icon-indoorrowing.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-71.box.not-active.icon-empty:after,
.icon-indoorrowing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-71.box.not-active:hover,
.icon-indoorrowing.box.not-active:hover {
  color: #fa1b4f;
}
.icon-71.box.icon-empty,
.icon-indoorrowing.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-71.box.icon-empty:after,
.icon-indoorrowing.box.icon-empty:after {
  color: transparent;
}
.icon-71.box.not-from-selected-activity,
.icon-indoorrowing.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-71.box:before,
.icon-indoorrowing.box:before {
  content: '\e071';
}
.icon-71:before,
.icon-indoorrowing:before {
  content: '\f071';
}
.activity-71 .box,
[data-current-activity="71"] .box,
.activity-71 .current,
[data-current-activity="71"] .current {
  color: #fa1b4f;
}
.activity-71 .box.not-active,
[data-current-activity="71"] .box.not-active {
  color: #8e112e !important;
}
.activity-71 .box.not-active:hover,
[data-current-activity="71"] .box.not-active:hover {
  color: inherit !important;
}
.activity-71 a.box:hover,
[data-current-activity="71"] a.box:hover {
  color: #fa1b4f;
}
.activity-71 button.current,
[data-current-activity="71"] button.current,
.activity-71 .current-bg,
[data-current-activity="71"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-71 button.current.not-active,
[data-current-activity="71"] button.current.not-active,
.activity-71 .current-bg.not-active,
[data-current-activity="71"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-71 .icon-empty,
[data-current-activity="71"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-71 .darken,
[data-current-activity="71"] .darken {
  color: #8e112e;
}
.activity-71 .border,
[data-current-activity="71"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-71 .avg-arrow,
[data-current-activity="71"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-71 .avg-arrow:before,
[data-current-activity="71"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-23,
.link--not-active:hover .icon-weighttraining {
  color: #fa1b4f !important;
}
.icon-23,
.icon-weighttraining {
  color: #fa1b4f;
}
.icon-23.not-active,
.icon-weighttraining.not-active {
  color: #8e112e;
}
.icon-23.box,
.icon-weighttraining.box {
  color: #fa1b4f;
}
.icon-23.box:hover,
.icon-weighttraining.box:hover {
  color: #fa1b4f !important;
}
.icon-23.box.not-active,
.icon-weighttraining.box.not-active {
  color: #8e112e;
}
.icon-23.box.not-active.icon-empty,
.icon-weighttraining.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-23.box.not-active.icon-empty:hover,
.icon-weighttraining.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-23.box.not-active.icon-empty:after,
.icon-weighttraining.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-23.box.not-active:hover,
.icon-weighttraining.box.not-active:hover {
  color: #fa1b4f;
}
.icon-23.box.icon-empty,
.icon-weighttraining.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-23.box.icon-empty:after,
.icon-weighttraining.box.icon-empty:after {
  color: transparent;
}
.icon-23.box.not-from-selected-activity,
.icon-weighttraining.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-23.box:before,
.icon-weighttraining.box:before {
  content: '\e023';
}
.icon-23:before,
.icon-weighttraining:before {
  content: '\f023';
}
.activity-23 .box,
[data-current-activity="23"] .box,
.activity-23 .current,
[data-current-activity="23"] .current {
  color: #fa1b4f;
}
.activity-23 .box.not-active,
[data-current-activity="23"] .box.not-active {
  color: #8e112e !important;
}
.activity-23 .box.not-active:hover,
[data-current-activity="23"] .box.not-active:hover {
  color: inherit !important;
}
.activity-23 a.box:hover,
[data-current-activity="23"] a.box:hover {
  color: #fa1b4f;
}
.activity-23 button.current,
[data-current-activity="23"] button.current,
.activity-23 .current-bg,
[data-current-activity="23"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-23 button.current.not-active,
[data-current-activity="23"] button.current.not-active,
.activity-23 .current-bg.not-active,
[data-current-activity="23"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-23 .icon-empty,
[data-current-activity="23"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-23 .darken,
[data-current-activity="23"] .darken {
  color: #8e112e;
}
.activity-23 .border,
[data-current-activity="23"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-23 .avg-arrow,
[data-current-activity="23"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-23 .avg-arrow:before,
[data-current-activity="23"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-9,
.link--not-active:hover .icon-aerobics {
  color: #fa1b4f !important;
}
.icon-9,
.icon-aerobics {
  color: #fa1b4f;
}
.icon-9.not-active,
.icon-aerobics.not-active {
  color: #8e112e;
}
.icon-9.box,
.icon-aerobics.box {
  color: #fa1b4f;
}
.icon-9.box:hover,
.icon-aerobics.box:hover {
  color: #fa1b4f !important;
}
.icon-9.box.not-active,
.icon-aerobics.box.not-active {
  color: #8e112e;
}
.icon-9.box.not-active.icon-empty,
.icon-aerobics.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-9.box.not-active.icon-empty:hover,
.icon-aerobics.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-9.box.not-active.icon-empty:after,
.icon-aerobics.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-9.box.not-active:hover,
.icon-aerobics.box.not-active:hover {
  color: #fa1b4f;
}
.icon-9.box.icon-empty,
.icon-aerobics.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-9.box.icon-empty:after,
.icon-aerobics.box.icon-empty:after {
  color: transparent;
}
.icon-9.box.not-from-selected-activity,
.icon-aerobics.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-9.box:before,
.icon-aerobics.box:before {
  content: '\e009';
}
.icon-9:before,
.icon-aerobics:before {
  content: '\f009';
}
.activity-9 .box,
[data-current-activity="9"] .box,
.activity-9 .current,
[data-current-activity="9"] .current {
  color: #fa1b4f;
}
.activity-9 .box.not-active,
[data-current-activity="9"] .box.not-active {
  color: #8e112e !important;
}
.activity-9 .box.not-active:hover,
[data-current-activity="9"] .box.not-active:hover {
  color: inherit !important;
}
.activity-9 a.box:hover,
[data-current-activity="9"] a.box:hover {
  color: #fa1b4f;
}
.activity-9 button.current,
[data-current-activity="9"] button.current,
.activity-9 .current-bg,
[data-current-activity="9"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-9 button.current.not-active,
[data-current-activity="9"] button.current.not-active,
.activity-9 .current-bg.not-active,
[data-current-activity="9"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-9 .icon-empty,
[data-current-activity="9"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-9 .darken,
[data-current-activity="9"] .darken {
  color: #8e112e;
}
.activity-9 .border,
[data-current-activity="9"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-9 .avg-arrow,
[data-current-activity="9"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-9 .avg-arrow:before,
[data-current-activity="9"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-65,
.link--not-active:hover .icon-dancing {
  color: #fa1b4f !important;
}
.icon-65,
.icon-dancing {
  color: #fa1b4f;
}
.icon-65.not-active,
.icon-dancing.not-active {
  color: #8e112e;
}
.icon-65.box,
.icon-dancing.box {
  color: #fa1b4f;
}
.icon-65.box:hover,
.icon-dancing.box:hover {
  color: #fa1b4f !important;
}
.icon-65.box.not-active,
.icon-dancing.box.not-active {
  color: #8e112e;
}
.icon-65.box.not-active.icon-empty,
.icon-dancing.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-65.box.not-active.icon-empty:hover,
.icon-dancing.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-65.box.not-active.icon-empty:after,
.icon-dancing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-65.box.not-active:hover,
.icon-dancing.box.not-active:hover {
  color: #fa1b4f;
}
.icon-65.box.icon-empty,
.icon-dancing.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-65.box.icon-empty:after,
.icon-dancing.box.icon-empty:after {
  color: transparent;
}
.icon-65.box.not-from-selected-activity,
.icon-dancing.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-65.box:before,
.icon-dancing.box:before {
  content: '\e065';
}
.icon-65:before,
.icon-dancing:before {
  content: '\f065';
}
.activity-65 .box,
[data-current-activity="65"] .box,
.activity-65 .current,
[data-current-activity="65"] .current {
  color: #fa1b4f;
}
.activity-65 .box.not-active,
[data-current-activity="65"] .box.not-active {
  color: #8e112e !important;
}
.activity-65 .box.not-active:hover,
[data-current-activity="65"] .box.not-active:hover {
  color: inherit !important;
}
.activity-65 a.box:hover,
[data-current-activity="65"] a.box:hover {
  color: #fa1b4f;
}
.activity-65 button.current,
[data-current-activity="65"] button.current,
.activity-65 .current-bg,
[data-current-activity="65"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-65 button.current.not-active,
[data-current-activity="65"] button.current.not-active,
.activity-65 .current-bg.not-active,
[data-current-activity="65"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-65 .icon-empty,
[data-current-activity="65"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-65 .darken,
[data-current-activity="65"] .darken {
  color: #8e112e;
}
.activity-65 .border,
[data-current-activity="65"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-65 .avg-arrow,
[data-current-activity="65"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-65 .avg-arrow:before,
[data-current-activity="65"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-18,
.link--not-active:hover .icon-circuittraining {
  color: #fa1b4f !important;
}
.icon-18,
.icon-circuittraining {
  color: #fa1b4f;
}
.icon-18.not-active,
.icon-circuittraining.not-active {
  color: #8e112e;
}
.icon-18.box,
.icon-circuittraining.box {
  color: #fa1b4f;
}
.icon-18.box:hover,
.icon-circuittraining.box:hover {
  color: #fa1b4f !important;
}
.icon-18.box.not-active,
.icon-circuittraining.box.not-active {
  color: #8e112e;
}
.icon-18.box.not-active.icon-empty,
.icon-circuittraining.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-18.box.not-active.icon-empty:hover,
.icon-circuittraining.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-18.box.not-active.icon-empty:after,
.icon-circuittraining.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-18.box.not-active:hover,
.icon-circuittraining.box.not-active:hover {
  color: #fa1b4f;
}
.icon-18.box.icon-empty,
.icon-circuittraining.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-18.box.icon-empty:after,
.icon-circuittraining.box.icon-empty:after {
  color: transparent;
}
.icon-18.box.not-from-selected-activity,
.icon-circuittraining.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-18.box:before,
.icon-circuittraining.box:before {
  content: '\e018';
}
.icon-18:before,
.icon-circuittraining:before {
  content: '\f018';
}
.activity-18 .box,
[data-current-activity="18"] .box,
.activity-18 .current,
[data-current-activity="18"] .current {
  color: #fa1b4f;
}
.activity-18 .box.not-active,
[data-current-activity="18"] .box.not-active {
  color: #8e112e !important;
}
.activity-18 .box.not-active:hover,
[data-current-activity="18"] .box.not-active:hover {
  color: inherit !important;
}
.activity-18 a.box:hover,
[data-current-activity="18"] a.box:hover {
  color: #fa1b4f;
}
.activity-18 button.current,
[data-current-activity="18"] button.current,
.activity-18 .current-bg,
[data-current-activity="18"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-18 button.current.not-active,
[data-current-activity="18"] button.current.not-active,
.activity-18 .current-bg.not-active,
[data-current-activity="18"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-18 .icon-empty,
[data-current-activity="18"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-18 .darken,
[data-current-activity="18"] .darken {
  color: #8e112e;
}
.activity-18 .border,
[data-current-activity="18"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-18 .avg-arrow,
[data-current-activity="18"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-18 .avg-arrow:before,
[data-current-activity="18"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-10,
.link--not-active:hover .icon-yogapilates {
  color: #fa1b4f !important;
}
.icon-10,
.icon-yogapilates {
  color: #fa1b4f;
}
.icon-10.not-active,
.icon-yogapilates.not-active {
  color: #8e112e;
}
.icon-10.box,
.icon-yogapilates.box {
  color: #fa1b4f;
}
.icon-10.box:hover,
.icon-yogapilates.box:hover {
  color: #fa1b4f !important;
}
.icon-10.box.not-active,
.icon-yogapilates.box.not-active {
  color: #8e112e;
}
.icon-10.box.not-active.icon-empty,
.icon-yogapilates.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-10.box.not-active.icon-empty:hover,
.icon-yogapilates.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-10.box.not-active.icon-empty:after,
.icon-yogapilates.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-10.box.not-active:hover,
.icon-yogapilates.box.not-active:hover {
  color: #fa1b4f;
}
.icon-10.box.icon-empty,
.icon-yogapilates.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-10.box.icon-empty:after,
.icon-yogapilates.box.icon-empty:after {
  color: transparent;
}
.icon-10.box.not-from-selected-activity,
.icon-yogapilates.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-10.box:before,
.icon-yogapilates.box:before {
  content: '\e010';
}
.icon-10:before,
.icon-yogapilates:before {
  content: '\f010';
}
.activity-10 .box,
[data-current-activity="10"] .box,
.activity-10 .current,
[data-current-activity="10"] .current {
  color: #fa1b4f;
}
.activity-10 .box.not-active,
[data-current-activity="10"] .box.not-active {
  color: #8e112e !important;
}
.activity-10 .box.not-active:hover,
[data-current-activity="10"] .box.not-active:hover {
  color: inherit !important;
}
.activity-10 a.box:hover,
[data-current-activity="10"] a.box:hover {
  color: #fa1b4f;
}
.activity-10 button.current,
[data-current-activity="10"] button.current,
.activity-10 .current-bg,
[data-current-activity="10"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-10 button.current.not-active,
[data-current-activity="10"] button.current.not-active,
.activity-10 .current-bg.not-active,
[data-current-activity="10"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-10 .icon-empty,
[data-current-activity="10"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-10 .darken,
[data-current-activity="10"] .darken {
  color: #8e112e;
}
.activity-10 .border,
[data-current-activity="10"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-10 .avg-arrow,
[data-current-activity="10"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-10 .avg-arrow:before,
[data-current-activity="10"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-79,
.link--not-active:hover .icon-stretching {
  color: #fa1b4f !important;
}
.icon-79,
.icon-stretching {
  color: #fa1b4f;
}
.icon-79.not-active,
.icon-stretching.not-active {
  color: #8e112e;
}
.icon-79.box,
.icon-stretching.box {
  color: #fa1b4f;
}
.icon-79.box:hover,
.icon-stretching.box:hover {
  color: #fa1b4f !important;
}
.icon-79.box.not-active,
.icon-stretching.box.not-active {
  color: #8e112e;
}
.icon-79.box.not-active.icon-empty,
.icon-stretching.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-79.box.not-active.icon-empty:hover,
.icon-stretching.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-79.box.not-active.icon-empty:after,
.icon-stretching.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-79.box.not-active:hover,
.icon-stretching.box.not-active:hover {
  color: #fa1b4f;
}
.icon-79.box.icon-empty,
.icon-stretching.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-79.box.icon-empty:after,
.icon-stretching.box.icon-empty:after {
  color: transparent;
}
.icon-79.box.not-from-selected-activity,
.icon-stretching.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-79.box:before,
.icon-stretching.box:before {
  content: '\e079';
}
.icon-79:before,
.icon-stretching:before {
  content: '\f079';
}
.activity-79 .box,
[data-current-activity="79"] .box,
.activity-79 .current,
[data-current-activity="79"] .current {
  color: #fa1b4f;
}
.activity-79 .box.not-active,
[data-current-activity="79"] .box.not-active {
  color: #8e112e !important;
}
.activity-79 .box.not-active:hover,
[data-current-activity="79"] .box.not-active:hover {
  color: inherit !important;
}
.activity-79 a.box:hover,
[data-current-activity="79"] a.box:hover {
  color: #fa1b4f;
}
.activity-79 button.current,
[data-current-activity="79"] button.current,
.activity-79 .current-bg,
[data-current-activity="79"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-79 button.current.not-active,
[data-current-activity="79"] button.current.not-active,
.activity-79 .current-bg.not-active,
[data-current-activity="79"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-79 .icon-empty,
[data-current-activity="79"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-79 .darken,
[data-current-activity="79"] .darken {
  color: #8e112e;
}
.activity-79 .border,
[data-current-activity="79"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-79 .avg-arrow,
[data-current-activity="79"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-79 .avg-arrow:before,
[data-current-activity="79"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-87,
.link--not-active:hover .icon-kettlebell {
  color: #fa1b4f !important;
}
.icon-87,
.icon-kettlebell {
  color: #fa1b4f;
}
.icon-87.not-active,
.icon-kettlebell.not-active {
  color: #8e112e;
}
.icon-87.box,
.icon-kettlebell.box {
  color: #fa1b4f;
}
.icon-87.box:hover,
.icon-kettlebell.box:hover {
  color: #fa1b4f !important;
}
.icon-87.box.not-active,
.icon-kettlebell.box.not-active {
  color: #8e112e;
}
.icon-87.box.not-active.icon-empty,
.icon-kettlebell.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-87.box.not-active.icon-empty:hover,
.icon-kettlebell.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-87.box.not-active.icon-empty:after,
.icon-kettlebell.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-87.box.not-active:hover,
.icon-kettlebell.box.not-active:hover {
  color: #fa1b4f;
}
.icon-87.box.icon-empty,
.icon-kettlebell.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-87.box.icon-empty:after,
.icon-kettlebell.box.icon-empty:after {
  color: transparent;
}
.icon-87.box.not-from-selected-activity,
.icon-kettlebell.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-87.box:before,
.icon-kettlebell.box:before {
  content: '\e087';
}
.icon-87:before,
.icon-kettlebell:before {
  content: '\f087';
}
.activity-87 .box,
[data-current-activity="87"] .box,
.activity-87 .current,
[data-current-activity="87"] .current {
  color: #fa1b4f;
}
.activity-87 .box.not-active,
[data-current-activity="87"] .box.not-active {
  color: #8e112e !important;
}
.activity-87 .box.not-active:hover,
[data-current-activity="87"] .box.not-active:hover {
  color: inherit !important;
}
.activity-87 a.box:hover,
[data-current-activity="87"] a.box:hover {
  color: #fa1b4f;
}
.activity-87 button.current,
[data-current-activity="87"] button.current,
.activity-87 .current-bg,
[data-current-activity="87"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-87 button.current.not-active,
[data-current-activity="87"] button.current.not-active,
.activity-87 .current-bg.not-active,
[data-current-activity="87"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-87 .icon-empty,
[data-current-activity="87"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-87 .darken,
[data-current-activity="87"] .darken {
  color: #8e112e;
}
.activity-87 .border,
[data-current-activity="87"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-87 .avg-arrow,
[data-current-activity="87"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-87 .avg-arrow:before,
[data-current-activity="87"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-95,
.link--not-active:hover .icon-indoortraining {
  color: #fa1b4f !important;
}
.icon-95,
.icon-indoortraining {
  color: #fa1b4f;
}
.icon-95.not-active,
.icon-indoortraining.not-active {
  color: #8e112e;
}
.icon-95.box,
.icon-indoortraining.box {
  color: #fa1b4f;
}
.icon-95.box:hover,
.icon-indoortraining.box:hover {
  color: #fa1b4f !important;
}
.icon-95.box.not-active,
.icon-indoortraining.box.not-active {
  color: #8e112e;
}
.icon-95.box.not-active.icon-empty,
.icon-indoortraining.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-95.box.not-active.icon-empty:hover,
.icon-indoortraining.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-95.box.not-active.icon-empty:after,
.icon-indoortraining.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-95.box.not-active:hover,
.icon-indoortraining.box.not-active:hover {
  color: #fa1b4f;
}
.icon-95.box.icon-empty,
.icon-indoortraining.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-95.box.icon-empty:after,
.icon-indoortraining.box.icon-empty:after {
  color: transparent;
}
.icon-95.box.not-from-selected-activity,
.icon-indoortraining.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-95.box:before,
.icon-indoortraining.box:before {
  content: '\e095';
}
.icon-95:before,
.icon-indoortraining:before {
  content: '\f095';
}
.activity-95 .box,
[data-current-activity="95"] .box,
.activity-95 .current,
[data-current-activity="95"] .current {
  color: #fa1b4f;
}
.activity-95 .box.not-active,
[data-current-activity="95"] .box.not-active {
  color: #8e112e !important;
}
.activity-95 .box.not-active:hover,
[data-current-activity="95"] .box.not-active:hover {
  color: inherit !important;
}
.activity-95 a.box:hover,
[data-current-activity="95"] a.box:hover {
  color: #fa1b4f;
}
.activity-95 button.current,
[data-current-activity="95"] button.current,
.activity-95 .current-bg,
[data-current-activity="95"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-95 button.current.not-active,
[data-current-activity="95"] button.current.not-active,
.activity-95 .current-bg.not-active,
[data-current-activity="95"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-95 .icon-empty,
[data-current-activity="95"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-95 .darken,
[data-current-activity="95"] .darken {
  color: #8e112e;
}
.activity-95 .border,
[data-current-activity="95"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-95 .avg-arrow,
[data-current-activity="95"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-95 .avg-arrow:before,
[data-current-activity="95"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-39,
.link--not-active:hover .icon-boxing {
  color: #fa1b4f !important;
}
.icon-39,
.icon-boxing {
  color: #fa1b4f;
}
.icon-39.not-active,
.icon-boxing.not-active {
  color: #8e112e;
}
.icon-39.box,
.icon-boxing.box {
  color: #fa1b4f;
}
.icon-39.box:hover,
.icon-boxing.box:hover {
  color: #fa1b4f !important;
}
.icon-39.box.not-active,
.icon-boxing.box.not-active {
  color: #8e112e;
}
.icon-39.box.not-active.icon-empty,
.icon-boxing.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-39.box.not-active.icon-empty:hover,
.icon-boxing.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-39.box.not-active.icon-empty:after,
.icon-boxing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-39.box.not-active:hover,
.icon-boxing.box.not-active:hover {
  color: #fa1b4f;
}
.icon-39.box.icon-empty,
.icon-boxing.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-39.box.icon-empty:after,
.icon-boxing.box.icon-empty:after {
  color: transparent;
}
.icon-39.box.not-from-selected-activity,
.icon-boxing.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-39.box:before,
.icon-boxing.box:before {
  content: '\e039';
}
.icon-39:before,
.icon-boxing:before {
  content: '\f039';
}
.activity-39 .box,
[data-current-activity="39"] .box,
.activity-39 .current,
[data-current-activity="39"] .current {
  color: #fa1b4f;
}
.activity-39 .box.not-active,
[data-current-activity="39"] .box.not-active {
  color: #8e112e !important;
}
.activity-39 .box.not-active:hover,
[data-current-activity="39"] .box.not-active:hover {
  color: inherit !important;
}
.activity-39 a.box:hover,
[data-current-activity="39"] a.box:hover {
  color: #fa1b4f;
}
.activity-39 button.current,
[data-current-activity="39"] button.current,
.activity-39 .current-bg,
[data-current-activity="39"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-39 button.current.not-active,
[data-current-activity="39"] button.current.not-active,
.activity-39 .current-bg.not-active,
[data-current-activity="39"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-39 .icon-empty,
[data-current-activity="39"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-39 .darken,
[data-current-activity="39"] .darken {
  color: #8e112e;
}
.activity-39 .border,
[data-current-activity="39"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-39 .avg-arrow,
[data-current-activity="39"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-39 .avg-arrow:before,
[data-current-activity="39"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-38,
.link--not-active:hover .icon-martialarts {
  color: #fa1b4f !important;
}
.icon-38,
.icon-martialarts {
  color: #fa1b4f;
}
.icon-38.not-active,
.icon-martialarts.not-active {
  color: #8e112e;
}
.icon-38.box,
.icon-martialarts.box {
  color: #fa1b4f;
}
.icon-38.box:hover,
.icon-martialarts.box:hover {
  color: #fa1b4f !important;
}
.icon-38.box.not-active,
.icon-martialarts.box.not-active {
  color: #8e112e;
}
.icon-38.box.not-active.icon-empty,
.icon-martialarts.box.not-active.icon-empty {
  background-color: #8e112e;
}
.icon-38.box.not-active.icon-empty:hover,
.icon-martialarts.box.not-active.icon-empty:hover {
  background-color: #fa1b4f;
}
.icon-38.box.not-active.icon-empty:after,
.icon-martialarts.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-38.box.not-active:hover,
.icon-martialarts.box.not-active:hover {
  color: #fa1b4f;
}
.icon-38.box.icon-empty,
.icon-martialarts.box.icon-empty {
  background-color: #fa1b4f;
}
.icon-38.box.icon-empty:after,
.icon-martialarts.box.icon-empty:after {
  color: transparent;
}
.icon-38.box.not-from-selected-activity,
.icon-martialarts.box.not-from-selected-activity {
  color: #fa1b4f;
}
.icon-38.box:before,
.icon-martialarts.box:before {
  content: '\e038';
}
.icon-38:before,
.icon-martialarts:before {
  content: '\f038';
}
.activity-38 .box,
[data-current-activity="38"] .box,
.activity-38 .current,
[data-current-activity="38"] .current {
  color: #fa1b4f;
}
.activity-38 .box.not-active,
[data-current-activity="38"] .box.not-active {
  color: #8e112e !important;
}
.activity-38 .box.not-active:hover,
[data-current-activity="38"] .box.not-active:hover {
  color: inherit !important;
}
.activity-38 a.box:hover,
[data-current-activity="38"] a.box:hover {
  color: #fa1b4f;
}
.activity-38 button.current,
[data-current-activity="38"] button.current,
.activity-38 .current-bg,
[data-current-activity="38"] .current-bg {
  background-color: #fa1b4f !important;
  color: #212121;
}
.activity-38 button.current.not-active,
[data-current-activity="38"] button.current.not-active,
.activity-38 .current-bg.not-active,
[data-current-activity="38"] .current-bg.not-active {
  background-color: #8e112e !important;
}
.activity-38 .icon-empty,
[data-current-activity="38"] .icon-empty {
  background-color: #fa1b4f;
}
.activity-38 .darken,
[data-current-activity="38"] .darken {
  color: #8e112e;
}
.activity-38 .border,
[data-current-activity="38"] .border {
  border-color: #fa1b4f;
  border-width: 2px;
}
.activity-38 .avg-arrow,
[data-current-activity="38"] .avg-arrow {
  background-color: #fa1b4f;
}
.activity-38 .avg-arrow:before,
[data-current-activity="38"] .avg-arrow:before {
  border-left-color: #fa1b4f;
}
.link--not-active:hover .icon-11,
.link--not-active:hover .icon-trekking {
  color: #19b251 !important;
}
.icon-11,
.icon-trekking {
  color: #19b251;
}
.icon-11.not-active,
.icon-trekking.not-active {
  color: #026c30;
}
.icon-11.box,
.icon-trekking.box {
  color: #19b251;
}
.icon-11.box:hover,
.icon-trekking.box:hover {
  color: #19b251 !important;
}
.icon-11.box.not-active,
.icon-trekking.box.not-active {
  color: #026c30;
}
.icon-11.box.not-active.icon-empty,
.icon-trekking.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-11.box.not-active.icon-empty:hover,
.icon-trekking.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-11.box.not-active.icon-empty:after,
.icon-trekking.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-11.box.not-active:hover,
.icon-trekking.box.not-active:hover {
  color: #19b251;
}
.icon-11.box.icon-empty,
.icon-trekking.box.icon-empty {
  background-color: #19b251;
}
.icon-11.box.icon-empty:after,
.icon-trekking.box.icon-empty:after {
  color: transparent;
}
.icon-11.box.not-from-selected-activity,
.icon-trekking.box.not-from-selected-activity {
  color: #19b251;
}
.icon-11.box:before,
.icon-trekking.box:before {
  content: '\e011';
}
.icon-11:before,
.icon-trekking:before {
  content: '\f011';
}
.activity-11 .box,
[data-current-activity="11"] .box,
.activity-11 .current,
[data-current-activity="11"] .current {
  color: #19b251;
}
.activity-11 .box.not-active,
[data-current-activity="11"] .box.not-active {
  color: #026c30 !important;
}
.activity-11 .box.not-active:hover,
[data-current-activity="11"] .box.not-active:hover {
  color: inherit !important;
}
.activity-11 a.box:hover,
[data-current-activity="11"] a.box:hover {
  color: #19b251;
}
.activity-11 button.current,
[data-current-activity="11"] button.current,
.activity-11 .current-bg,
[data-current-activity="11"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-11 button.current.not-active,
[data-current-activity="11"] button.current.not-active,
.activity-11 .current-bg.not-active,
[data-current-activity="11"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-11 .icon-empty,
[data-current-activity="11"] .icon-empty {
  background-color: #19b251;
}
.activity-11 .darken,
[data-current-activity="11"] .darken {
  color: #026c30;
}
.activity-11 .border,
[data-current-activity="11"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-11 .avg-arrow,
[data-current-activity="11"] .avg-arrow {
  background-color: #19b251;
}
.activity-11 .avg-arrow:before,
[data-current-activity="11"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-96,
.link--not-active:hover .icon-hiking {
  color: #19b251 !important;
}
.icon-96,
.icon-hiking {
  color: #19b251;
}
.icon-96.not-active,
.icon-hiking.not-active {
  color: #026c30;
}
.icon-96.box,
.icon-hiking.box {
  color: #19b251;
}
.icon-96.box:hover,
.icon-hiking.box:hover {
  color: #19b251 !important;
}
.icon-96.box.not-active,
.icon-hiking.box.not-active {
  color: #026c30;
}
.icon-96.box.not-active.icon-empty,
.icon-hiking.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-96.box.not-active.icon-empty:hover,
.icon-hiking.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-96.box.not-active.icon-empty:after,
.icon-hiking.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-96.box.not-active:hover,
.icon-hiking.box.not-active:hover {
  color: #19b251;
}
.icon-96.box.icon-empty,
.icon-hiking.box.icon-empty {
  background-color: #19b251;
}
.icon-96.box.icon-empty:after,
.icon-hiking.box.icon-empty:after {
  color: transparent;
}
.icon-96.box.not-from-selected-activity,
.icon-hiking.box.not-from-selected-activity {
  color: #19b251;
}
.icon-96.box:before,
.icon-hiking.box:before {
  content: '\e096';
}
.icon-96:before,
.icon-hiking:before {
  content: '\f096';
}
.activity-96 .box,
[data-current-activity="96"] .box,
.activity-96 .current,
[data-current-activity="96"] .current {
  color: #19b251;
}
.activity-96 .box.not-active,
[data-current-activity="96"] .box.not-active {
  color: #026c30 !important;
}
.activity-96 .box.not-active:hover,
[data-current-activity="96"] .box.not-active:hover {
  color: inherit !important;
}
.activity-96 a.box:hover,
[data-current-activity="96"] a.box:hover {
  color: #19b251;
}
.activity-96 button.current,
[data-current-activity="96"] button.current,
.activity-96 .current-bg,
[data-current-activity="96"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-96 button.current.not-active,
[data-current-activity="96"] button.current.not-active,
.activity-96 .current-bg.not-active,
[data-current-activity="96"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-96 .icon-empty,
[data-current-activity="96"] .icon-empty {
  background-color: #19b251;
}
.activity-96 .darken,
[data-current-activity="96"] .darken {
  color: #026c30;
}
.activity-96 .border,
[data-current-activity="96"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-96 .avg-arrow,
[data-current-activity="96"] .avg-arrow {
  background-color: #19b251;
}
.activity-96 .avg-arrow:before,
[data-current-activity="96"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-12,
.link--not-active:hover .icon-walking {
  color: #19b251 !important;
}
.icon-12,
.icon-walking {
  color: #19b251;
}
.icon-12.not-active,
.icon-walking.not-active {
  color: #026c30;
}
.icon-12.box,
.icon-walking.box {
  color: #19b251;
}
.icon-12.box:hover,
.icon-walking.box:hover {
  color: #19b251 !important;
}
.icon-12.box.not-active,
.icon-walking.box.not-active {
  color: #026c30;
}
.icon-12.box.not-active.icon-empty,
.icon-walking.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-12.box.not-active.icon-empty:hover,
.icon-walking.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-12.box.not-active.icon-empty:after,
.icon-walking.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-12.box.not-active:hover,
.icon-walking.box.not-active:hover {
  color: #19b251;
}
.icon-12.box.icon-empty,
.icon-walking.box.icon-empty {
  background-color: #19b251;
}
.icon-12.box.icon-empty:after,
.icon-walking.box.icon-empty:after {
  color: transparent;
}
.icon-12.box.not-from-selected-activity,
.icon-walking.box.not-from-selected-activity {
  color: #19b251;
}
.icon-12.box:before,
.icon-walking.box:before {
  content: '\e012';
}
.icon-12:before,
.icon-walking:before {
  content: '\f012';
}
.activity-12 .box,
[data-current-activity="12"] .box,
.activity-12 .current,
[data-current-activity="12"] .current {
  color: #19b251;
}
.activity-12 .box.not-active,
[data-current-activity="12"] .box.not-active {
  color: #026c30 !important;
}
.activity-12 .box.not-active:hover,
[data-current-activity="12"] .box.not-active:hover {
  color: inherit !important;
}
.activity-12 a.box:hover,
[data-current-activity="12"] a.box:hover {
  color: #19b251;
}
.activity-12 button.current,
[data-current-activity="12"] button.current,
.activity-12 .current-bg,
[data-current-activity="12"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-12 button.current.not-active,
[data-current-activity="12"] button.current.not-active,
.activity-12 .current-bg.not-active,
[data-current-activity="12"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-12 .icon-empty,
[data-current-activity="12"] .icon-empty {
  background-color: #19b251;
}
.activity-12 .darken,
[data-current-activity="12"] .darken {
  color: #026c30;
}
.activity-12 .border,
[data-current-activity="12"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-12 .avg-arrow,
[data-current-activity="12"] .avg-arrow {
  background-color: #19b251;
}
.activity-12 .avg-arrow:before,
[data-current-activity="12"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-84,
.link--not-active:hover .icon-nordicwalking {
  color: #19b251 !important;
}
.icon-84,
.icon-nordicwalking {
  color: #19b251;
}
.icon-84.not-active,
.icon-nordicwalking.not-active {
  color: #026c30;
}
.icon-84.box,
.icon-nordicwalking.box {
  color: #19b251;
}
.icon-84.box:hover,
.icon-nordicwalking.box:hover {
  color: #19b251 !important;
}
.icon-84.box.not-active,
.icon-nordicwalking.box.not-active {
  color: #026c30;
}
.icon-84.box.not-active.icon-empty,
.icon-nordicwalking.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-84.box.not-active.icon-empty:hover,
.icon-nordicwalking.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-84.box.not-active.icon-empty:after,
.icon-nordicwalking.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-84.box.not-active:hover,
.icon-nordicwalking.box.not-active:hover {
  color: #19b251;
}
.icon-84.box.icon-empty,
.icon-nordicwalking.box.icon-empty {
  background-color: #19b251;
}
.icon-84.box.icon-empty:after,
.icon-nordicwalking.box.icon-empty:after {
  color: transparent;
}
.icon-84.box.not-from-selected-activity,
.icon-nordicwalking.box.not-from-selected-activity {
  color: #19b251;
}
.icon-84.box:before,
.icon-nordicwalking.box:before {
  content: '\e084';
}
.icon-84:before,
.icon-nordicwalking:before {
  content: '\f084';
}
.activity-84 .box,
[data-current-activity="84"] .box,
.activity-84 .current,
[data-current-activity="84"] .current {
  color: #19b251;
}
.activity-84 .box.not-active,
[data-current-activity="84"] .box.not-active {
  color: #026c30 !important;
}
.activity-84 .box.not-active:hover,
[data-current-activity="84"] .box.not-active:hover {
  color: inherit !important;
}
.activity-84 a.box:hover,
[data-current-activity="84"] a.box:hover {
  color: #19b251;
}
.activity-84 button.current,
[data-current-activity="84"] button.current,
.activity-84 .current-bg,
[data-current-activity="84"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-84 button.current.not-active,
[data-current-activity="84"] button.current.not-active,
.activity-84 .current-bg.not-active,
[data-current-activity="84"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-84 .icon-empty,
[data-current-activity="84"] .icon-empty {
  background-color: #19b251;
}
.activity-84 .darken,
[data-current-activity="84"] .darken {
  color: #026c30;
}
.activity-84 .border,
[data-current-activity="84"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-84 .avg-arrow,
[data-current-activity="84"] .avg-arrow {
  background-color: #19b251;
}
.activity-84 .avg-arrow:before,
[data-current-activity="84"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-69,
.link--not-active:hover .icon-horsebackriding {
  color: #19b251 !important;
}
.icon-69,
.icon-horsebackriding {
  color: #19b251;
}
.icon-69.not-active,
.icon-horsebackriding.not-active {
  color: #026c30;
}
.icon-69.box,
.icon-horsebackriding.box {
  color: #19b251;
}
.icon-69.box:hover,
.icon-horsebackriding.box:hover {
  color: #19b251 !important;
}
.icon-69.box.not-active,
.icon-horsebackriding.box.not-active {
  color: #026c30;
}
.icon-69.box.not-active.icon-empty,
.icon-horsebackriding.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-69.box.not-active.icon-empty:hover,
.icon-horsebackriding.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-69.box.not-active.icon-empty:after,
.icon-horsebackriding.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-69.box.not-active:hover,
.icon-horsebackriding.box.not-active:hover {
  color: #19b251;
}
.icon-69.box.icon-empty,
.icon-horsebackriding.box.icon-empty {
  background-color: #19b251;
}
.icon-69.box.icon-empty:after,
.icon-horsebackriding.box.icon-empty:after {
  color: transparent;
}
.icon-69.box.not-from-selected-activity,
.icon-horsebackriding.box.not-from-selected-activity {
  color: #19b251;
}
.icon-69.box:before,
.icon-horsebackriding.box:before {
  content: '\e069';
}
.icon-69:before,
.icon-horsebackriding:before {
  content: '\f069';
}
.activity-69 .box,
[data-current-activity="69"] .box,
.activity-69 .current,
[data-current-activity="69"] .current {
  color: #19b251;
}
.activity-69 .box.not-active,
[data-current-activity="69"] .box.not-active {
  color: #026c30 !important;
}
.activity-69 .box.not-active:hover,
[data-current-activity="69"] .box.not-active:hover {
  color: inherit !important;
}
.activity-69 a.box:hover,
[data-current-activity="69"] a.box:hover {
  color: #19b251;
}
.activity-69 button.current,
[data-current-activity="69"] button.current,
.activity-69 .current-bg,
[data-current-activity="69"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-69 button.current.not-active,
[data-current-activity="69"] button.current.not-active,
.activity-69 .current-bg.not-active,
[data-current-activity="69"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-69 .icon-empty,
[data-current-activity="69"] .icon-empty {
  background-color: #19b251;
}
.activity-69 .darken,
[data-current-activity="69"] .darken {
  color: #026c30;
}
.activity-69 .border,
[data-current-activity="69"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-69 .avg-arrow,
[data-current-activity="69"] .avg-arrow {
  background-color: #19b251;
}
.activity-69 .avg-arrow:before,
[data-current-activity="69"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-98,
.link--not-active:hover .icon-hunting {
  color: #19b251 !important;
}
.icon-98,
.icon-hunting {
  color: #19b251;
}
.icon-98.not-active,
.icon-hunting.not-active {
  color: #026c30;
}
.icon-98.box,
.icon-hunting.box {
  color: #19b251;
}
.icon-98.box:hover,
.icon-hunting.box:hover {
  color: #19b251 !important;
}
.icon-98.box.not-active,
.icon-hunting.box.not-active {
  color: #026c30;
}
.icon-98.box.not-active.icon-empty,
.icon-hunting.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-98.box.not-active.icon-empty:hover,
.icon-hunting.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-98.box.not-active.icon-empty:after,
.icon-hunting.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-98.box.not-active:hover,
.icon-hunting.box.not-active:hover {
  color: #19b251;
}
.icon-98.box.icon-empty,
.icon-hunting.box.icon-empty {
  background-color: #19b251;
}
.icon-98.box.icon-empty:after,
.icon-hunting.box.icon-empty:after {
  color: transparent;
}
.icon-98.box.not-from-selected-activity,
.icon-hunting.box.not-from-selected-activity {
  color: #19b251;
}
.icon-98.box:before,
.icon-hunting.box:before {
  content: '\e098';
}
.icon-98:before,
.icon-hunting:before {
  content: '\f098';
}
.activity-98 .box,
[data-current-activity="98"] .box,
.activity-98 .current,
[data-current-activity="98"] .current {
  color: #19b251;
}
.activity-98 .box.not-active,
[data-current-activity="98"] .box.not-active {
  color: #026c30 !important;
}
.activity-98 .box.not-active:hover,
[data-current-activity="98"] .box.not-active:hover {
  color: inherit !important;
}
.activity-98 a.box:hover,
[data-current-activity="98"] a.box:hover {
  color: #19b251;
}
.activity-98 button.current,
[data-current-activity="98"] button.current,
.activity-98 .current-bg,
[data-current-activity="98"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-98 button.current.not-active,
[data-current-activity="98"] button.current.not-active,
.activity-98 .current-bg.not-active,
[data-current-activity="98"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-98 .icon-empty,
[data-current-activity="98"] .icon-empty {
  background-color: #19b251;
}
.activity-98 .darken,
[data-current-activity="98"] .darken {
  color: #026c30;
}
.activity-98 .border,
[data-current-activity="98"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-98 .avg-arrow,
[data-current-activity="98"] .avg-arrow {
  background-color: #19b251;
}
.activity-98 .avg-arrow:before,
[data-current-activity="98"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-97,
.link--not-active:hover .icon-fishing {
  color: #19b251 !important;
}
.icon-97,
.icon-fishing {
  color: #19b251;
}
.icon-97.not-active,
.icon-fishing.not-active {
  color: #026c30;
}
.icon-97.box,
.icon-fishing.box {
  color: #19b251;
}
.icon-97.box:hover,
.icon-fishing.box:hover {
  color: #19b251 !important;
}
.icon-97.box.not-active,
.icon-fishing.box.not-active {
  color: #026c30;
}
.icon-97.box.not-active.icon-empty,
.icon-fishing.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-97.box.not-active.icon-empty:hover,
.icon-fishing.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-97.box.not-active.icon-empty:after,
.icon-fishing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-97.box.not-active:hover,
.icon-fishing.box.not-active:hover {
  color: #19b251;
}
.icon-97.box.icon-empty,
.icon-fishing.box.icon-empty {
  background-color: #19b251;
}
.icon-97.box.icon-empty:after,
.icon-fishing.box.icon-empty:after {
  color: transparent;
}
.icon-97.box.not-from-selected-activity,
.icon-fishing.box.not-from-selected-activity {
  color: #19b251;
}
.icon-97.box:before,
.icon-fishing.box:before {
  content: '\e097';
}
.icon-97:before,
.icon-fishing:before {
  content: '\f097';
}
.activity-97 .box,
[data-current-activity="97"] .box,
.activity-97 .current,
[data-current-activity="97"] .current {
  color: #19b251;
}
.activity-97 .box.not-active,
[data-current-activity="97"] .box.not-active {
  color: #026c30 !important;
}
.activity-97 .box.not-active:hover,
[data-current-activity="97"] .box.not-active:hover {
  color: inherit !important;
}
.activity-97 a.box:hover,
[data-current-activity="97"] a.box:hover {
  color: #19b251;
}
.activity-97 button.current,
[data-current-activity="97"] button.current,
.activity-97 .current-bg,
[data-current-activity="97"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-97 button.current.not-active,
[data-current-activity="97"] button.current.not-active,
.activity-97 .current-bg.not-active,
[data-current-activity="97"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-97 .icon-empty,
[data-current-activity="97"] .icon-empty {
  background-color: #19b251;
}
.activity-97 .darken,
[data-current-activity="97"] .darken {
  color: #026c30;
}
.activity-97 .border,
[data-current-activity="97"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-97 .avg-arrow,
[data-current-activity="97"] .avg-arrow {
  background-color: #19b251;
}
.activity-97 .avg-arrow:before,
[data-current-activity="97"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-92,
.link--not-active:hover .icon-paragliding {
  color: #19b251 !important;
}
.icon-92,
.icon-paragliding {
  color: #19b251;
}
.icon-92.not-active,
.icon-paragliding.not-active {
  color: #026c30;
}
.icon-92.box,
.icon-paragliding.box {
  color: #19b251;
}
.icon-92.box:hover,
.icon-paragliding.box:hover {
  color: #19b251 !important;
}
.icon-92.box.not-active,
.icon-paragliding.box.not-active {
  color: #026c30;
}
.icon-92.box.not-active.icon-empty,
.icon-paragliding.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-92.box.not-active.icon-empty:hover,
.icon-paragliding.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-92.box.not-active.icon-empty:after,
.icon-paragliding.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-92.box.not-active:hover,
.icon-paragliding.box.not-active:hover {
  color: #19b251;
}
.icon-92.box.icon-empty,
.icon-paragliding.box.icon-empty {
  background-color: #19b251;
}
.icon-92.box.icon-empty:after,
.icon-paragliding.box.icon-empty:after {
  color: transparent;
}
.icon-92.box.not-from-selected-activity,
.icon-paragliding.box.not-from-selected-activity {
  color: #19b251;
}
.icon-92.box:before,
.icon-paragliding.box:before {
  content: '\e092';
}
.icon-92:before,
.icon-paragliding:before {
  content: '\f092';
}
.activity-92 .box,
[data-current-activity="92"] .box,
.activity-92 .current,
[data-current-activity="92"] .current {
  color: #19b251;
}
.activity-92 .box.not-active,
[data-current-activity="92"] .box.not-active {
  color: #026c30 !important;
}
.activity-92 .box.not-active:hover,
[data-current-activity="92"] .box.not-active:hover {
  color: inherit !important;
}
.activity-92 a.box:hover,
[data-current-activity="92"] a.box:hover {
  color: #19b251;
}
.activity-92 button.current,
[data-current-activity="92"] button.current,
.activity-92 .current-bg,
[data-current-activity="92"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-92 button.current.not-active,
[data-current-activity="92"] button.current.not-active,
.activity-92 .current-bg.not-active,
[data-current-activity="92"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-92 .icon-empty,
[data-current-activity="92"] .icon-empty {
  background-color: #19b251;
}
.activity-92 .darken,
[data-current-activity="92"] .darken {
  color: #026c30;
}
.activity-92 .border,
[data-current-activity="92"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-92 .avg-arrow,
[data-current-activity="92"] .avg-arrow {
  background-color: #19b251;
}
.activity-92 .avg-arrow:before,
[data-current-activity="92"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-16,
.link--not-active:hover .icon-climbing {
  color: #19b251 !important;
}
.icon-16,
.icon-climbing {
  color: #19b251;
}
.icon-16.not-active,
.icon-climbing.not-active {
  color: #026c30;
}
.icon-16.box,
.icon-climbing.box {
  color: #19b251;
}
.icon-16.box:hover,
.icon-climbing.box:hover {
  color: #19b251 !important;
}
.icon-16.box.not-active,
.icon-climbing.box.not-active {
  color: #026c30;
}
.icon-16.box.not-active.icon-empty,
.icon-climbing.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-16.box.not-active.icon-empty:hover,
.icon-climbing.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-16.box.not-active.icon-empty:after,
.icon-climbing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-16.box.not-active:hover,
.icon-climbing.box.not-active:hover {
  color: #19b251;
}
.icon-16.box.icon-empty,
.icon-climbing.box.icon-empty {
  background-color: #19b251;
}
.icon-16.box.icon-empty:after,
.icon-climbing.box.icon-empty:after {
  color: transparent;
}
.icon-16.box.not-from-selected-activity,
.icon-climbing.box.not-from-selected-activity {
  color: #19b251;
}
.icon-16.box:before,
.icon-climbing.box:before {
  content: '\e016';
}
.icon-16:before,
.icon-climbing:before {
  content: '\f016';
}
.activity-16 .box,
[data-current-activity="16"] .box,
.activity-16 .current,
[data-current-activity="16"] .current {
  color: #19b251;
}
.activity-16 .box.not-active,
[data-current-activity="16"] .box.not-active {
  color: #026c30 !important;
}
.activity-16 .box.not-active:hover,
[data-current-activity="16"] .box.not-active:hover {
  color: inherit !important;
}
.activity-16 a.box:hover,
[data-current-activity="16"] a.box:hover {
  color: #19b251;
}
.activity-16 button.current,
[data-current-activity="16"] button.current,
.activity-16 .current-bg,
[data-current-activity="16"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-16 button.current.not-active,
[data-current-activity="16"] button.current.not-active,
.activity-16 .current-bg.not-active,
[data-current-activity="16"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-16 .icon-empty,
[data-current-activity="16"] .icon-empty {
  background-color: #19b251;
}
.activity-16 .darken,
[data-current-activity="16"] .darken {
  color: #026c30;
}
.activity-16 .border,
[data-current-activity="16"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-16 .avg-arrow,
[data-current-activity="16"] .avg-arrow {
  background-color: #19b251;
}
.activity-16 .avg-arrow:before,
[data-current-activity="16"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-74,
.link--not-active:hover .icon-mountaineering {
  color: #19b251 !important;
}
.icon-74,
.icon-mountaineering {
  color: #19b251;
}
.icon-74.not-active,
.icon-mountaineering.not-active {
  color: #026c30;
}
.icon-74.box,
.icon-mountaineering.box {
  color: #19b251;
}
.icon-74.box:hover,
.icon-mountaineering.box:hover {
  color: #19b251 !important;
}
.icon-74.box.not-active,
.icon-mountaineering.box.not-active {
  color: #026c30;
}
.icon-74.box.not-active.icon-empty,
.icon-mountaineering.box.not-active.icon-empty {
  background-color: #026c30;
}
.icon-74.box.not-active.icon-empty:hover,
.icon-mountaineering.box.not-active.icon-empty:hover {
  background-color: #19b251;
}
.icon-74.box.not-active.icon-empty:after,
.icon-mountaineering.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-74.box.not-active:hover,
.icon-mountaineering.box.not-active:hover {
  color: #19b251;
}
.icon-74.box.icon-empty,
.icon-mountaineering.box.icon-empty {
  background-color: #19b251;
}
.icon-74.box.icon-empty:after,
.icon-mountaineering.box.icon-empty:after {
  color: transparent;
}
.icon-74.box.not-from-selected-activity,
.icon-mountaineering.box.not-from-selected-activity {
  color: #19b251;
}
.icon-74.box:before,
.icon-mountaineering.box:before {
  content: '\e074';
}
.icon-74:before,
.icon-mountaineering:before {
  content: '\f074';
}
.activity-74 .box,
[data-current-activity="74"] .box,
.activity-74 .current,
[data-current-activity="74"] .current {
  color: #19b251;
}
.activity-74 .box.not-active,
[data-current-activity="74"] .box.not-active {
  color: #026c30 !important;
}
.activity-74 .box.not-active:hover,
[data-current-activity="74"] .box.not-active:hover {
  color: inherit !important;
}
.activity-74 a.box:hover,
[data-current-activity="74"] a.box:hover {
  color: #19b251;
}
.activity-74 button.current,
[data-current-activity="74"] button.current,
.activity-74 .current-bg,
[data-current-activity="74"] .current-bg {
  background-color: #19b251 !important;
  color: #212121;
}
.activity-74 button.current.not-active,
[data-current-activity="74"] button.current.not-active,
.activity-74 .current-bg.not-active,
[data-current-activity="74"] .current-bg.not-active {
  background-color: #026c30 !important;
}
.activity-74 .icon-empty,
[data-current-activity="74"] .icon-empty {
  background-color: #19b251;
}
.activity-74 .darken,
[data-current-activity="74"] .darken {
  color: #026c30;
}
.activity-74 .border,
[data-current-activity="74"] .border {
  border-color: #19b251;
  border-width: 2px;
}
.activity-74 .avg-arrow,
[data-current-activity="74"] .avg-arrow {
  background-color: #19b251;
}
.activity-74 .avg-arrow:before,
[data-current-activity="74"] .avg-arrow:before {
  border-left-color: #19b251;
}
.link--not-active:hover .icon-22,
.link--not-active:hover .icon-crosscountryskiing {
  color: #2a67e3 !important;
}
.icon-22,
.icon-crosscountryskiing {
  color: #2a67e3;
}
.icon-22.not-active,
.icon-crosscountryskiing.not-active {
  color: #2a3e6b;
}
.icon-22.box,
.icon-crosscountryskiing.box {
  color: #2a67e3;
}
.icon-22.box:hover,
.icon-crosscountryskiing.box:hover {
  color: #2a67e3 !important;
}
.icon-22.box.not-active,
.icon-crosscountryskiing.box.not-active {
  color: #2a3e6b;
}
.icon-22.box.not-active.icon-empty,
.icon-crosscountryskiing.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-22.box.not-active.icon-empty:hover,
.icon-crosscountryskiing.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-22.box.not-active.icon-empty:after,
.icon-crosscountryskiing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-22.box.not-active:hover,
.icon-crosscountryskiing.box.not-active:hover {
  color: #2a67e3;
}
.icon-22.box.icon-empty,
.icon-crosscountryskiing.box.icon-empty {
  background-color: #2a67e3;
}
.icon-22.box.icon-empty:after,
.icon-crosscountryskiing.box.icon-empty:after {
  color: transparent;
}
.icon-22.box.not-from-selected-activity,
.icon-crosscountryskiing.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-22.box:before,
.icon-crosscountryskiing.box:before {
  content: '\e022';
}
.icon-22:before,
.icon-crosscountryskiing:before {
  content: '\f022';
}
.activity-22 .box,
[data-current-activity="22"] .box,
.activity-22 .current,
[data-current-activity="22"] .current {
  color: #2a67e3;
}
.activity-22 .box.not-active,
[data-current-activity="22"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-22 .box.not-active:hover,
[data-current-activity="22"] .box.not-active:hover {
  color: inherit !important;
}
.activity-22 a.box:hover,
[data-current-activity="22"] a.box:hover {
  color: #2a67e3;
}
.activity-22 button.current,
[data-current-activity="22"] button.current,
.activity-22 .current-bg,
[data-current-activity="22"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-22 button.current.not-active,
[data-current-activity="22"] button.current.not-active,
.activity-22 .current-bg.not-active,
[data-current-activity="22"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-22 .icon-empty,
[data-current-activity="22"] .icon-empty {
  background-color: #2a67e3;
}
.activity-22 .darken,
[data-current-activity="22"] .darken {
  color: #2a3e6b;
}
.activity-22 .border,
[data-current-activity="22"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-22 .avg-arrow,
[data-current-activity="22"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-22 .avg-arrow:before,
[data-current-activity="22"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-70,
.link--not-active:hover .icon-iceskating {
  color: #2a67e3 !important;
}
.icon-70,
.icon-iceskating {
  color: #2a67e3;
}
.icon-70.not-active,
.icon-iceskating.not-active {
  color: #2a3e6b;
}
.icon-70.box,
.icon-iceskating.box {
  color: #2a67e3;
}
.icon-70.box:hover,
.icon-iceskating.box:hover {
  color: #2a67e3 !important;
}
.icon-70.box.not-active,
.icon-iceskating.box.not-active {
  color: #2a3e6b;
}
.icon-70.box.not-active.icon-empty,
.icon-iceskating.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-70.box.not-active.icon-empty:hover,
.icon-iceskating.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-70.box.not-active.icon-empty:after,
.icon-iceskating.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-70.box.not-active:hover,
.icon-iceskating.box.not-active:hover {
  color: #2a67e3;
}
.icon-70.box.icon-empty,
.icon-iceskating.box.icon-empty {
  background-color: #2a67e3;
}
.icon-70.box.icon-empty:after,
.icon-iceskating.box.icon-empty:after {
  color: transparent;
}
.icon-70.box.not-from-selected-activity,
.icon-iceskating.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-70.box:before,
.icon-iceskating.box:before {
  content: '\e070';
}
.icon-70:before,
.icon-iceskating:before {
  content: '\f070';
}
.activity-70 .box,
[data-current-activity="70"] .box,
.activity-70 .current,
[data-current-activity="70"] .current {
  color: #2a67e3;
}
.activity-70 .box.not-active,
[data-current-activity="70"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-70 .box.not-active:hover,
[data-current-activity="70"] .box.not-active:hover {
  color: inherit !important;
}
.activity-70 a.box:hover,
[data-current-activity="70"] a.box:hover {
  color: #2a67e3;
}
.activity-70 button.current,
[data-current-activity="70"] button.current,
.activity-70 .current-bg,
[data-current-activity="70"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-70 button.current.not-active,
[data-current-activity="70"] button.current.not-active,
.activity-70 .current-bg.not-active,
[data-current-activity="70"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-70 .icon-empty,
[data-current-activity="70"] .icon-empty {
  background-color: #2a67e3;
}
.activity-70 .darken,
[data-current-activity="70"] .darken {
  color: #2a3e6b;
}
.activity-70 .border,
[data-current-activity="70"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-70 .avg-arrow,
[data-current-activity="70"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-70 .avg-arrow:before,
[data-current-activity="70"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-20,
.link--not-active:hover .icon-alpineskiing {
  color: #2a67e3 !important;
}
.icon-20,
.icon-alpineskiing {
  color: #2a67e3;
}
.icon-20.not-active,
.icon-alpineskiing.not-active {
  color: #2a3e6b;
}
.icon-20.box,
.icon-alpineskiing.box {
  color: #2a67e3;
}
.icon-20.box:hover,
.icon-alpineskiing.box:hover {
  color: #2a67e3 !important;
}
.icon-20.box.not-active,
.icon-alpineskiing.box.not-active {
  color: #2a3e6b;
}
.icon-20.box.not-active.icon-empty,
.icon-alpineskiing.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-20.box.not-active.icon-empty:hover,
.icon-alpineskiing.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-20.box.not-active.icon-empty:after,
.icon-alpineskiing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-20.box.not-active:hover,
.icon-alpineskiing.box.not-active:hover {
  color: #2a67e3;
}
.icon-20.box.icon-empty,
.icon-alpineskiing.box.icon-empty {
  background-color: #2a67e3;
}
.icon-20.box.icon-empty:after,
.icon-alpineskiing.box.icon-empty:after {
  color: transparent;
}
.icon-20.box.not-from-selected-activity,
.icon-alpineskiing.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-20.box:before,
.icon-alpineskiing.box:before {
  content: '\e020';
}
.icon-20:before,
.icon-alpineskiing:before {
  content: '\f020';
}
.activity-20 .box,
[data-current-activity="20"] .box,
.activity-20 .current,
[data-current-activity="20"] .current {
  color: #2a67e3;
}
.activity-20 .box.not-active,
[data-current-activity="20"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-20 .box.not-active:hover,
[data-current-activity="20"] .box.not-active:hover {
  color: inherit !important;
}
.activity-20 a.box:hover,
[data-current-activity="20"] a.box:hover {
  color: #2a67e3;
}
.activity-20 button.current,
[data-current-activity="20"] button.current,
.activity-20 .current-bg,
[data-current-activity="20"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-20 button.current.not-active,
[data-current-activity="20"] button.current.not-active,
.activity-20 .current-bg.not-active,
[data-current-activity="20"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-20 .icon-empty,
[data-current-activity="20"] .icon-empty {
  background-color: #2a67e3;
}
.activity-20 .darken,
[data-current-activity="20"] .darken {
  color: #2a3e6b;
}
.activity-20 .border,
[data-current-activity="20"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-20 .avg-arrow,
[data-current-activity="20"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-20 .avg-arrow:before,
[data-current-activity="20"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-21,
.link--not-active:hover .icon-snowboarding {
  color: #2a67e3 !important;
}
.icon-21,
.icon-snowboarding {
  color: #2a67e3;
}
.icon-21.not-active,
.icon-snowboarding.not-active {
  color: #2a3e6b;
}
.icon-21.box,
.icon-snowboarding.box {
  color: #2a67e3;
}
.icon-21.box:hover,
.icon-snowboarding.box:hover {
  color: #2a67e3 !important;
}
.icon-21.box.not-active,
.icon-snowboarding.box.not-active {
  color: #2a3e6b;
}
.icon-21.box.not-active.icon-empty,
.icon-snowboarding.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-21.box.not-active.icon-empty:hover,
.icon-snowboarding.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-21.box.not-active.icon-empty:after,
.icon-snowboarding.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-21.box.not-active:hover,
.icon-snowboarding.box.not-active:hover {
  color: #2a67e3;
}
.icon-21.box.icon-empty,
.icon-snowboarding.box.icon-empty {
  background-color: #2a67e3;
}
.icon-21.box.icon-empty:after,
.icon-snowboarding.box.icon-empty:after {
  color: transparent;
}
.icon-21.box.not-from-selected-activity,
.icon-snowboarding.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-21.box:before,
.icon-snowboarding.box:before {
  content: '\e021';
}
.icon-21:before,
.icon-snowboarding:before {
  content: '\f021';
}
.activity-21 .box,
[data-current-activity="21"] .box,
.activity-21 .current,
[data-current-activity="21"] .current {
  color: #2a67e3;
}
.activity-21 .box.not-active,
[data-current-activity="21"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-21 .box.not-active:hover,
[data-current-activity="21"] .box.not-active:hover {
  color: inherit !important;
}
.activity-21 a.box:hover,
[data-current-activity="21"] a.box:hover {
  color: #2a67e3;
}
.activity-21 button.current,
[data-current-activity="21"] button.current,
.activity-21 .current-bg,
[data-current-activity="21"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-21 button.current.not-active,
[data-current-activity="21"] button.current.not-active,
.activity-21 .current-bg.not-active,
[data-current-activity="21"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-21 .icon-empty,
[data-current-activity="21"] .icon-empty {
  background-color: #2a67e3;
}
.activity-21 .darken,
[data-current-activity="21"] .darken {
  color: #2a3e6b;
}
.activity-21 .border,
[data-current-activity="21"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-21 .avg-arrow,
[data-current-activity="21"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-21 .avg-arrow:before,
[data-current-activity="21"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-80,
.link--not-active:hover .icon-telemarkskiing {
  color: #2a67e3 !important;
}
.icon-80,
.icon-telemarkskiing {
  color: #2a67e3;
}
.icon-80.not-active,
.icon-telemarkskiing.not-active {
  color: #2a3e6b;
}
.icon-80.box,
.icon-telemarkskiing.box {
  color: #2a67e3;
}
.icon-80.box:hover,
.icon-telemarkskiing.box:hover {
  color: #2a67e3 !important;
}
.icon-80.box.not-active,
.icon-telemarkskiing.box.not-active {
  color: #2a3e6b;
}
.icon-80.box.not-active.icon-empty,
.icon-telemarkskiing.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-80.box.not-active.icon-empty:hover,
.icon-telemarkskiing.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-80.box.not-active.icon-empty:after,
.icon-telemarkskiing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-80.box.not-active:hover,
.icon-telemarkskiing.box.not-active:hover {
  color: #2a67e3;
}
.icon-80.box.icon-empty,
.icon-telemarkskiing.box.icon-empty {
  background-color: #2a67e3;
}
.icon-80.box.icon-empty:after,
.icon-telemarkskiing.box.icon-empty:after {
  color: transparent;
}
.icon-80.box.not-from-selected-activity,
.icon-telemarkskiing.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-80.box:before,
.icon-telemarkskiing.box:before {
  content: '\e080';
}
.icon-80:before,
.icon-telemarkskiing:before {
  content: '\f080';
}
.activity-80 .box,
[data-current-activity="80"] .box,
.activity-80 .current,
[data-current-activity="80"] .current {
  color: #2a67e3;
}
.activity-80 .box.not-active,
[data-current-activity="80"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-80 .box.not-active:hover,
[data-current-activity="80"] .box.not-active:hover {
  color: inherit !important;
}
.activity-80 a.box:hover,
[data-current-activity="80"] a.box:hover {
  color: #2a67e3;
}
.activity-80 button.current,
[data-current-activity="80"] button.current,
.activity-80 .current-bg,
[data-current-activity="80"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-80 button.current.not-active,
[data-current-activity="80"] button.current.not-active,
.activity-80 .current-bg.not-active,
[data-current-activity="80"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-80 .icon-empty,
[data-current-activity="80"] .icon-empty {
  background-color: #2a67e3;
}
.activity-80 .darken,
[data-current-activity="80"] .darken {
  color: #2a3e6b;
}
.activity-80 .border,
[data-current-activity="80"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-80 .avg-arrow,
[data-current-activity="80"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-80 .avg-arrow:before,
[data-current-activity="80"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-78,
.link--not-active:hover .icon-skitouring {
  color: #2a67e3 !important;
}
.icon-78,
.icon-skitouring {
  color: #2a67e3;
}
.icon-78.not-active,
.icon-skitouring.not-active {
  color: #2a3e6b;
}
.icon-78.box,
.icon-skitouring.box {
  color: #2a67e3;
}
.icon-78.box:hover,
.icon-skitouring.box:hover {
  color: #2a67e3 !important;
}
.icon-78.box.not-active,
.icon-skitouring.box.not-active {
  color: #2a3e6b;
}
.icon-78.box.not-active.icon-empty,
.icon-skitouring.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-78.box.not-active.icon-empty:hover,
.icon-skitouring.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-78.box.not-active.icon-empty:after,
.icon-skitouring.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-78.box.not-active:hover,
.icon-skitouring.box.not-active:hover {
  color: #2a67e3;
}
.icon-78.box.icon-empty,
.icon-skitouring.box.icon-empty {
  background-color: #2a67e3;
}
.icon-78.box.icon-empty:after,
.icon-skitouring.box.icon-empty:after {
  color: transparent;
}
.icon-78.box.not-from-selected-activity,
.icon-skitouring.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-78.box:before,
.icon-skitouring.box:before {
  content: '\e078';
}
.icon-78:before,
.icon-skitouring:before {
  content: '\f078';
}
.activity-78 .box,
[data-current-activity="78"] .box,
.activity-78 .current,
[data-current-activity="78"] .current {
  color: #2a67e3;
}
.activity-78 .box.not-active,
[data-current-activity="78"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-78 .box.not-active:hover,
[data-current-activity="78"] .box.not-active:hover {
  color: inherit !important;
}
.activity-78 a.box:hover,
[data-current-activity="78"] a.box:hover {
  color: #2a67e3;
}
.activity-78 button.current,
[data-current-activity="78"] button.current,
.activity-78 .current-bg,
[data-current-activity="78"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-78 button.current.not-active,
[data-current-activity="78"] button.current.not-active,
.activity-78 .current-bg.not-active,
[data-current-activity="78"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-78 .icon-empty,
[data-current-activity="78"] .icon-empty {
  background-color: #2a67e3;
}
.activity-78 .darken,
[data-current-activity="78"] .darken {
  color: #2a3e6b;
}
.activity-78 .border,
[data-current-activity="78"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-78 .avg-arrow,
[data-current-activity="78"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-78 .avg-arrow:before,
[data-current-activity="78"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-85,
.link--not-active:hover .icon-snowshoeing {
  color: #2a67e3 !important;
}
.icon-85,
.icon-snowshoeing {
  color: #2a67e3;
}
.icon-85.not-active,
.icon-snowshoeing.not-active {
  color: #2a3e6b;
}
.icon-85.box,
.icon-snowshoeing.box {
  color: #2a67e3;
}
.icon-85.box:hover,
.icon-snowshoeing.box:hover {
  color: #2a67e3 !important;
}
.icon-85.box.not-active,
.icon-snowshoeing.box.not-active {
  color: #2a3e6b;
}
.icon-85.box.not-active.icon-empty,
.icon-snowshoeing.box.not-active.icon-empty {
  background-color: #2a3e6b;
}
.icon-85.box.not-active.icon-empty:hover,
.icon-snowshoeing.box.not-active.icon-empty:hover {
  background-color: #2a67e3;
}
.icon-85.box.not-active.icon-empty:after,
.icon-snowshoeing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-85.box.not-active:hover,
.icon-snowshoeing.box.not-active:hover {
  color: #2a67e3;
}
.icon-85.box.icon-empty,
.icon-snowshoeing.box.icon-empty {
  background-color: #2a67e3;
}
.icon-85.box.icon-empty:after,
.icon-snowshoeing.box.icon-empty:after {
  color: transparent;
}
.icon-85.box.not-from-selected-activity,
.icon-snowshoeing.box.not-from-selected-activity {
  color: #2a67e3;
}
.icon-85.box:before,
.icon-snowshoeing.box:before {
  content: '\e085';
}
.icon-85:before,
.icon-snowshoeing:before {
  content: '\f085';
}
.activity-85 .box,
[data-current-activity="85"] .box,
.activity-85 .current,
[data-current-activity="85"] .current {
  color: #2a67e3;
}
.activity-85 .box.not-active,
[data-current-activity="85"] .box.not-active {
  color: #2a3e6b !important;
}
.activity-85 .box.not-active:hover,
[data-current-activity="85"] .box.not-active:hover {
  color: inherit !important;
}
.activity-85 a.box:hover,
[data-current-activity="85"] a.box:hover {
  color: #2a67e3;
}
.activity-85 button.current,
[data-current-activity="85"] button.current,
.activity-85 .current-bg,
[data-current-activity="85"] .current-bg {
  background-color: #2a67e3 !important;
  color: #212121;
}
.activity-85 button.current.not-active,
[data-current-activity="85"] button.current.not-active,
.activity-85 .current-bg.not-active,
[data-current-activity="85"] .current-bg.not-active {
  background-color: #2a3e6b !important;
}
.activity-85 .icon-empty,
[data-current-activity="85"] .icon-empty {
  background-color: #2a67e3;
}
.activity-85 .darken,
[data-current-activity="85"] .darken {
  color: #2a3e6b;
}
.activity-85 .border,
[data-current-activity="85"] .border {
  border-color: #2a67e3;
  border-width: 2px;
}
.activity-85 .avg-arrow,
[data-current-activity="85"] .avg-arrow {
  background-color: #2a67e3;
}
.activity-85 .avg-arrow:before,
[data-current-activity="85"] .avg-arrow:before {
  border-left-color: #2a67e3;
}
.link--not-active:hover .icon-86,
.link--not-active:hover .icon-windsurfing {
  color: #1986e7 !important;
}
.icon-86,
.icon-windsurfing {
  color: #1986e7;
}
.icon-86.not-active,
.icon-windsurfing.not-active {
  color: #264e76;
}
.icon-86.box,
.icon-windsurfing.box {
  color: #1986e7;
}
.icon-86.box:hover,
.icon-windsurfing.box:hover {
  color: #1986e7 !important;
}
.icon-86.box.not-active,
.icon-windsurfing.box.not-active {
  color: #264e76;
}
.icon-86.box.not-active.icon-empty,
.icon-windsurfing.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-86.box.not-active.icon-empty:hover,
.icon-windsurfing.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-86.box.not-active.icon-empty:after,
.icon-windsurfing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-86.box.not-active:hover,
.icon-windsurfing.box.not-active:hover {
  color: #1986e7;
}
.icon-86.box.icon-empty,
.icon-windsurfing.box.icon-empty {
  background-color: #1986e7;
}
.icon-86.box.icon-empty:after,
.icon-windsurfing.box.icon-empty:after {
  color: transparent;
}
.icon-86.box.not-from-selected-activity,
.icon-windsurfing.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-86.box:before,
.icon-windsurfing.box:before {
  content: '\e086';
}
.icon-86:before,
.icon-windsurfing:before {
  content: '\f086';
}
.activity-86 .box,
[data-current-activity="86"] .box,
.activity-86 .current,
[data-current-activity="86"] .current {
  color: #1986e7;
}
.activity-86 .box.not-active,
[data-current-activity="86"] .box.not-active {
  color: #264e76 !important;
}
.activity-86 .box.not-active:hover,
[data-current-activity="86"] .box.not-active:hover {
  color: inherit !important;
}
.activity-86 a.box:hover,
[data-current-activity="86"] a.box:hover {
  color: #1986e7;
}
.activity-86 button.current,
[data-current-activity="86"] button.current,
.activity-86 .current-bg,
[data-current-activity="86"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-86 button.current.not-active,
[data-current-activity="86"] button.current.not-active,
.activity-86 .current-bg.not-active,
[data-current-activity="86"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-86 .icon-empty,
[data-current-activity="86"] .icon-empty {
  background-color: #1986e7;
}
.activity-86 .darken,
[data-current-activity="86"] .darken {
  color: #264e76;
}
.activity-86 .border,
[data-current-activity="86"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-86 .avg-arrow,
[data-current-activity="86"] .avg-arrow {
  background-color: #1986e7;
}
.activity-86 .avg-arrow:before,
[data-current-activity="86"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-54,
.link--not-active:hover .icon-surfing {
  color: #1986e7 !important;
}
.icon-54,
.icon-surfing {
  color: #1986e7;
}
.icon-54.not-active,
.icon-surfing.not-active {
  color: #264e76;
}
.icon-54.box,
.icon-surfing.box {
  color: #1986e7;
}
.icon-54.box:hover,
.icon-surfing.box:hover {
  color: #1986e7 !important;
}
.icon-54.box.not-active,
.icon-surfing.box.not-active {
  color: #264e76;
}
.icon-54.box.not-active.icon-empty,
.icon-surfing.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-54.box.not-active.icon-empty:hover,
.icon-surfing.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-54.box.not-active.icon-empty:after,
.icon-surfing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-54.box.not-active:hover,
.icon-surfing.box.not-active:hover {
  color: #1986e7;
}
.icon-54.box.icon-empty,
.icon-surfing.box.icon-empty {
  background-color: #1986e7;
}
.icon-54.box.icon-empty:after,
.icon-surfing.box.icon-empty:after {
  color: transparent;
}
.icon-54.box.not-from-selected-activity,
.icon-surfing.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-54.box:before,
.icon-surfing.box:before {
  content: '\e054';
}
.icon-54:before,
.icon-surfing:before {
  content: '\f054';
}
.activity-54 .box,
[data-current-activity="54"] .box,
.activity-54 .current,
[data-current-activity="54"] .current {
  color: #1986e7;
}
.activity-54 .box.not-active,
[data-current-activity="54"] .box.not-active {
  color: #264e76 !important;
}
.activity-54 .box.not-active:hover,
[data-current-activity="54"] .box.not-active:hover {
  color: inherit !important;
}
.activity-54 a.box:hover,
[data-current-activity="54"] a.box:hover {
  color: #1986e7;
}
.activity-54 button.current,
[data-current-activity="54"] button.current,
.activity-54 .current-bg,
[data-current-activity="54"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-54 button.current.not-active,
[data-current-activity="54"] button.current.not-active,
.activity-54 .current-bg.not-active,
[data-current-activity="54"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-54 .icon-empty,
[data-current-activity="54"] .icon-empty {
  background-color: #1986e7;
}
.activity-54 .darken,
[data-current-activity="54"] .darken {
  color: #264e76;
}
.activity-54 .border,
[data-current-activity="54"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-54 .avg-arrow,
[data-current-activity="54"] .avg-arrow {
  background-color: #1986e7;
}
.activity-54 .avg-arrow:before,
[data-current-activity="54"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-91,
.link--not-active:hover .icon-kitesurfingkiting {
  color: #1986e7 !important;
}
.icon-91,
.icon-kitesurfingkiting {
  color: #1986e7;
}
.icon-91.not-active,
.icon-kitesurfingkiting.not-active {
  color: #264e76;
}
.icon-91.box,
.icon-kitesurfingkiting.box {
  color: #1986e7;
}
.icon-91.box:hover,
.icon-kitesurfingkiting.box:hover {
  color: #1986e7 !important;
}
.icon-91.box.not-active,
.icon-kitesurfingkiting.box.not-active {
  color: #264e76;
}
.icon-91.box.not-active.icon-empty,
.icon-kitesurfingkiting.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-91.box.not-active.icon-empty:hover,
.icon-kitesurfingkiting.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-91.box.not-active.icon-empty:after,
.icon-kitesurfingkiting.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-91.box.not-active:hover,
.icon-kitesurfingkiting.box.not-active:hover {
  color: #1986e7;
}
.icon-91.box.icon-empty,
.icon-kitesurfingkiting.box.icon-empty {
  background-color: #1986e7;
}
.icon-91.box.icon-empty:after,
.icon-kitesurfingkiting.box.icon-empty:after {
  color: transparent;
}
.icon-91.box.not-from-selected-activity,
.icon-kitesurfingkiting.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-91.box:before,
.icon-kitesurfingkiting.box:before {
  content: '\e091';
}
.icon-91:before,
.icon-kitesurfingkiting:before {
  content: '\f091';
}
.activity-91 .box,
[data-current-activity="91"] .box,
.activity-91 .current,
[data-current-activity="91"] .current {
  color: #1986e7;
}
.activity-91 .box.not-active,
[data-current-activity="91"] .box.not-active {
  color: #264e76 !important;
}
.activity-91 .box.not-active:hover,
[data-current-activity="91"] .box.not-active:hover {
  color: inherit !important;
}
.activity-91 a.box:hover,
[data-current-activity="91"] a.box:hover {
  color: #1986e7;
}
.activity-91 button.current,
[data-current-activity="91"] button.current,
.activity-91 .current-bg,
[data-current-activity="91"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-91 button.current.not-active,
[data-current-activity="91"] button.current.not-active,
.activity-91 .current-bg.not-active,
[data-current-activity="91"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-91 .icon-empty,
[data-current-activity="91"] .icon-empty {
  background-color: #1986e7;
}
.activity-91 .darken,
[data-current-activity="91"] .darken {
  color: #264e76;
}
.activity-91 .border,
[data-current-activity="91"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-91 .avg-arrow,
[data-current-activity="91"] .avg-arrow {
  background-color: #1986e7;
}
.activity-91 .avg-arrow:before,
[data-current-activity="91"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-6,
.link--not-active:hover .icon-poolswimming {
  color: #1986e7 !important;
}
.icon-6,
.icon-poolswimming {
  color: #1986e7;
}
.icon-6.not-active,
.icon-poolswimming.not-active {
  color: #264e76;
}
.icon-6.box,
.icon-poolswimming.box {
  color: #1986e7;
}
.icon-6.box:hover,
.icon-poolswimming.box:hover {
  color: #1986e7 !important;
}
.icon-6.box.not-active,
.icon-poolswimming.box.not-active {
  color: #264e76;
}
.icon-6.box.not-active.icon-empty,
.icon-poolswimming.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-6.box.not-active.icon-empty:hover,
.icon-poolswimming.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-6.box.not-active.icon-empty:after,
.icon-poolswimming.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-6.box.not-active:hover,
.icon-poolswimming.box.not-active:hover {
  color: #1986e7;
}
.icon-6.box.icon-empty,
.icon-poolswimming.box.icon-empty {
  background-color: #1986e7;
}
.icon-6.box.icon-empty:after,
.icon-poolswimming.box.icon-empty:after {
  color: transparent;
}
.icon-6.box.not-from-selected-activity,
.icon-poolswimming.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-6.box:before,
.icon-poolswimming.box:before {
  content: '\e006';
}
.icon-6:before,
.icon-poolswimming:before {
  content: '\f006';
}
.activity-6 .box,
[data-current-activity="6"] .box,
.activity-6 .current,
[data-current-activity="6"] .current {
  color: #1986e7;
}
.activity-6 .box.not-active,
[data-current-activity="6"] .box.not-active {
  color: #264e76 !important;
}
.activity-6 .box.not-active:hover,
[data-current-activity="6"] .box.not-active:hover {
  color: inherit !important;
}
.activity-6 a.box:hover,
[data-current-activity="6"] a.box:hover {
  color: #1986e7;
}
.activity-6 button.current,
[data-current-activity="6"] button.current,
.activity-6 .current-bg,
[data-current-activity="6"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-6 button.current.not-active,
[data-current-activity="6"] button.current.not-active,
.activity-6 .current-bg.not-active,
[data-current-activity="6"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-6 .icon-empty,
[data-current-activity="6"] .icon-empty {
  background-color: #1986e7;
}
.activity-6 .darken,
[data-current-activity="6"] .darken {
  color: #264e76;
}
.activity-6 .border,
[data-current-activity="6"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-6 .avg-arrow,
[data-current-activity="6"] .avg-arrow {
  background-color: #1986e7;
}
.activity-6 .avg-arrow:before,
[data-current-activity="6"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-83,
.link--not-active:hover .icon-openwaterswimming {
  color: #1986e7 !important;
}
.icon-83,
.icon-openwaterswimming {
  color: #1986e7;
}
.icon-83.not-active,
.icon-openwaterswimming.not-active {
  color: #264e76;
}
.icon-83.box,
.icon-openwaterswimming.box {
  color: #1986e7;
}
.icon-83.box:hover,
.icon-openwaterswimming.box:hover {
  color: #1986e7 !important;
}
.icon-83.box.not-active,
.icon-openwaterswimming.box.not-active {
  color: #264e76;
}
.icon-83.box.not-active.icon-empty,
.icon-openwaterswimming.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-83.box.not-active.icon-empty:hover,
.icon-openwaterswimming.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-83.box.not-active.icon-empty:after,
.icon-openwaterswimming.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-83.box.not-active:hover,
.icon-openwaterswimming.box.not-active:hover {
  color: #1986e7;
}
.icon-83.box.icon-empty,
.icon-openwaterswimming.box.icon-empty {
  background-color: #1986e7;
}
.icon-83.box.icon-empty:after,
.icon-openwaterswimming.box.icon-empty:after {
  color: transparent;
}
.icon-83.box.not-from-selected-activity,
.icon-openwaterswimming.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-83.box:before,
.icon-openwaterswimming.box:before {
  content: '\e083';
}
.icon-83:before,
.icon-openwaterswimming:before {
  content: '\f083';
}
.activity-83 .box,
[data-current-activity="83"] .box,
.activity-83 .current,
[data-current-activity="83"] .current {
  color: #1986e7;
}
.activity-83 .box.not-active,
[data-current-activity="83"] .box.not-active {
  color: #264e76 !important;
}
.activity-83 .box.not-active:hover,
[data-current-activity="83"] .box.not-active:hover {
  color: inherit !important;
}
.activity-83 a.box:hover,
[data-current-activity="83"] a.box:hover {
  color: #1986e7;
}
.activity-83 button.current,
[data-current-activity="83"] button.current,
.activity-83 .current-bg,
[data-current-activity="83"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-83 button.current.not-active,
[data-current-activity="83"] button.current.not-active,
.activity-83 .current-bg.not-active,
[data-current-activity="83"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-83 .icon-empty,
[data-current-activity="83"] .icon-empty {
  background-color: #1986e7;
}
.activity-83 .darken,
[data-current-activity="83"] .darken {
  color: #264e76;
}
.activity-83 .border,
[data-current-activity="83"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-83 .avg-arrow,
[data-current-activity="83"] .avg-arrow {
  background-color: #1986e7;
}
.activity-83 .avg-arrow:before,
[data-current-activity="83"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-13,
.link--not-active:hover .icon-sailing {
  color: #1986e7 !important;
}
.icon-13,
.icon-sailing {
  color: #1986e7;
}
.icon-13.not-active,
.icon-sailing.not-active {
  color: #264e76;
}
.icon-13.box,
.icon-sailing.box {
  color: #1986e7;
}
.icon-13.box:hover,
.icon-sailing.box:hover {
  color: #1986e7 !important;
}
.icon-13.box.not-active,
.icon-sailing.box.not-active {
  color: #264e76;
}
.icon-13.box.not-active.icon-empty,
.icon-sailing.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-13.box.not-active.icon-empty:hover,
.icon-sailing.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-13.box.not-active.icon-empty:after,
.icon-sailing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-13.box.not-active:hover,
.icon-sailing.box.not-active:hover {
  color: #1986e7;
}
.icon-13.box.icon-empty,
.icon-sailing.box.icon-empty {
  background-color: #1986e7;
}
.icon-13.box.icon-empty:after,
.icon-sailing.box.icon-empty:after {
  color: transparent;
}
.icon-13.box.not-from-selected-activity,
.icon-sailing.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-13.box:before,
.icon-sailing.box:before {
  content: '\e013';
}
.icon-13:before,
.icon-sailing:before {
  content: '\f013';
}
.activity-13 .box,
[data-current-activity="13"] .box,
.activity-13 .current,
[data-current-activity="13"] .current {
  color: #1986e7;
}
.activity-13 .box.not-active,
[data-current-activity="13"] .box.not-active {
  color: #264e76 !important;
}
.activity-13 .box.not-active:hover,
[data-current-activity="13"] .box.not-active:hover {
  color: inherit !important;
}
.activity-13 a.box:hover,
[data-current-activity="13"] a.box:hover {
  color: #1986e7;
}
.activity-13 button.current,
[data-current-activity="13"] button.current,
.activity-13 .current-bg,
[data-current-activity="13"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-13 button.current.not-active,
[data-current-activity="13"] button.current.not-active,
.activity-13 .current-bg.not-active,
[data-current-activity="13"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-13 .icon-empty,
[data-current-activity="13"] .icon-empty {
  background-color: #1986e7;
}
.activity-13 .darken,
[data-current-activity="13"] .darken {
  color: #264e76;
}
.activity-13 .border,
[data-current-activity="13"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-13 .avg-arrow,
[data-current-activity="13"] .avg-arrow {
  background-color: #1986e7;
}
.activity-13 .avg-arrow:before,
[data-current-activity="13"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-15,
.link--not-active:hover .icon-rowing {
  color: #1986e7 !important;
}
.icon-15,
.icon-rowing {
  color: #1986e7;
}
.icon-15.not-active,
.icon-rowing.not-active {
  color: #264e76;
}
.icon-15.box,
.icon-rowing.box {
  color: #1986e7;
}
.icon-15.box:hover,
.icon-rowing.box:hover {
  color: #1986e7 !important;
}
.icon-15.box.not-active,
.icon-rowing.box.not-active {
  color: #264e76;
}
.icon-15.box.not-active.icon-empty,
.icon-rowing.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-15.box.not-active.icon-empty:hover,
.icon-rowing.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-15.box.not-active.icon-empty:after,
.icon-rowing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-15.box.not-active:hover,
.icon-rowing.box.not-active:hover {
  color: #1986e7;
}
.icon-15.box.icon-empty,
.icon-rowing.box.icon-empty {
  background-color: #1986e7;
}
.icon-15.box.icon-empty:after,
.icon-rowing.box.icon-empty:after {
  color: transparent;
}
.icon-15.box.not-from-selected-activity,
.icon-rowing.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-15.box:before,
.icon-rowing.box:before {
  content: '\e015';
}
.icon-15:before,
.icon-rowing:before {
  content: '\f015';
}
.activity-15 .box,
[data-current-activity="15"] .box,
.activity-15 .current,
[data-current-activity="15"] .current {
  color: #1986e7;
}
.activity-15 .box.not-active,
[data-current-activity="15"] .box.not-active {
  color: #264e76 !important;
}
.activity-15 .box.not-active:hover,
[data-current-activity="15"] .box.not-active:hover {
  color: inherit !important;
}
.activity-15 a.box:hover,
[data-current-activity="15"] a.box:hover {
  color: #1986e7;
}
.activity-15 button.current,
[data-current-activity="15"] button.current,
.activity-15 .current-bg,
[data-current-activity="15"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-15 button.current.not-active,
[data-current-activity="15"] button.current.not-active,
.activity-15 .current-bg.not-active,
[data-current-activity="15"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-15 .icon-empty,
[data-current-activity="15"] .icon-empty {
  background-color: #1986e7;
}
.activity-15 .darken,
[data-current-activity="15"] .darken {
  color: #264e76;
}
.activity-15 .border,
[data-current-activity="15"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-15 .avg-arrow,
[data-current-activity="15"] .avg-arrow {
  background-color: #1986e7;
}
.activity-15 .avg-arrow:before,
[data-current-activity="15"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-14,
.link--not-active:hover .icon-kayaking {
  color: #1986e7 !important;
}
.icon-14,
.icon-kayaking {
  color: #1986e7;
}
.icon-14.not-active,
.icon-kayaking.not-active {
  color: #264e76;
}
.icon-14.box,
.icon-kayaking.box {
  color: #1986e7;
}
.icon-14.box:hover,
.icon-kayaking.box:hover {
  color: #1986e7 !important;
}
.icon-14.box.not-active,
.icon-kayaking.box.not-active {
  color: #264e76;
}
.icon-14.box.not-active.icon-empty,
.icon-kayaking.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-14.box.not-active.icon-empty:hover,
.icon-kayaking.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-14.box.not-active.icon-empty:after,
.icon-kayaking.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-14.box.not-active:hover,
.icon-kayaking.box.not-active:hover {
  color: #1986e7;
}
.icon-14.box.icon-empty,
.icon-kayaking.box.icon-empty {
  background-color: #1986e7;
}
.icon-14.box.icon-empty:after,
.icon-kayaking.box.icon-empty:after {
  color: transparent;
}
.icon-14.box.not-from-selected-activity,
.icon-kayaking.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-14.box:before,
.icon-kayaking.box:before {
  content: '\e014';
}
.icon-14:before,
.icon-kayaking:before {
  content: '\f014';
}
.activity-14 .box,
[data-current-activity="14"] .box,
.activity-14 .current,
[data-current-activity="14"] .current {
  color: #1986e7;
}
.activity-14 .box.not-active,
[data-current-activity="14"] .box.not-active {
  color: #264e76 !important;
}
.activity-14 .box.not-active:hover,
[data-current-activity="14"] .box.not-active:hover {
  color: inherit !important;
}
.activity-14 a.box:hover,
[data-current-activity="14"] a.box:hover {
  color: #1986e7;
}
.activity-14 button.current,
[data-current-activity="14"] button.current,
.activity-14 .current-bg,
[data-current-activity="14"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-14 button.current.not-active,
[data-current-activity="14"] button.current.not-active,
.activity-14 .current-bg.not-active,
[data-current-activity="14"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-14 .icon-empty,
[data-current-activity="14"] .icon-empty {
  background-color: #1986e7;
}
.activity-14 .darken,
[data-current-activity="14"] .darken {
  color: #264e76;
}
.activity-14 .border,
[data-current-activity="14"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-14 .avg-arrow,
[data-current-activity="14"] .avg-arrow {
  background-color: #1986e7;
}
.activity-14 .avg-arrow:before,
[data-current-activity="14"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-72,
.link--not-active:hover .icon-canoeing {
  color: #1986e7 !important;
}
.icon-72,
.icon-canoeing {
  color: #1986e7;
}
.icon-72.not-active,
.icon-canoeing.not-active {
  color: #264e76;
}
.icon-72.box,
.icon-canoeing.box {
  color: #1986e7;
}
.icon-72.box:hover,
.icon-canoeing.box:hover {
  color: #1986e7 !important;
}
.icon-72.box.not-active,
.icon-canoeing.box.not-active {
  color: #264e76;
}
.icon-72.box.not-active.icon-empty,
.icon-canoeing.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-72.box.not-active.icon-empty:hover,
.icon-canoeing.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-72.box.not-active.icon-empty:after,
.icon-canoeing.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-72.box.not-active:hover,
.icon-canoeing.box.not-active:hover {
  color: #1986e7;
}
.icon-72.box.icon-empty,
.icon-canoeing.box.icon-empty {
  background-color: #1986e7;
}
.icon-72.box.icon-empty:after,
.icon-canoeing.box.icon-empty:after {
  color: transparent;
}
.icon-72.box.not-from-selected-activity,
.icon-canoeing.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-72.box:before,
.icon-canoeing.box:before {
  content: '\e072';
}
.icon-72:before,
.icon-canoeing:before {
  content: '\f072';
}
.activity-72 .box,
[data-current-activity="72"] .box,
.activity-72 .current,
[data-current-activity="72"] .current {
  color: #1986e7;
}
.activity-72 .box.not-active,
[data-current-activity="72"] .box.not-active {
  color: #264e76 !important;
}
.activity-72 .box.not-active:hover,
[data-current-activity="72"] .box.not-active:hover {
  color: inherit !important;
}
.activity-72 a.box:hover,
[data-current-activity="72"] a.box:hover {
  color: #1986e7;
}
.activity-72 button.current,
[data-current-activity="72"] button.current,
.activity-72 .current-bg,
[data-current-activity="72"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-72 button.current.not-active,
[data-current-activity="72"] button.current.not-active,
.activity-72 .current-bg.not-active,
[data-current-activity="72"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-72 .icon-empty,
[data-current-activity="72"] .icon-empty {
  background-color: #1986e7;
}
.activity-72 .darken,
[data-current-activity="72"] .darken {
  color: #264e76;
}
.activity-72 .border,
[data-current-activity="72"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-72 .avg-arrow,
[data-current-activity="72"] .avg-arrow {
  background-color: #1986e7;
}
.activity-72 .avg-arrow:before,
[data-current-activity="72"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-89,
.link--not-active:hover .icon-standuppaddling {
  color: #1986e7 !important;
}
.icon-89,
.icon-standuppaddling {
  color: #1986e7;
}
.icon-89.not-active,
.icon-standuppaddling.not-active {
  color: #264e76;
}
.icon-89.box,
.icon-standuppaddling.box {
  color: #1986e7;
}
.icon-89.box:hover,
.icon-standuppaddling.box:hover {
  color: #1986e7 !important;
}
.icon-89.box.not-active,
.icon-standuppaddling.box.not-active {
  color: #264e76;
}
.icon-89.box.not-active.icon-empty,
.icon-standuppaddling.box.not-active.icon-empty {
  background-color: #264e76;
}
.icon-89.box.not-active.icon-empty:hover,
.icon-standuppaddling.box.not-active.icon-empty:hover {
  background-color: #1986e7;
}
.icon-89.box.not-active.icon-empty:after,
.icon-standuppaddling.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-89.box.not-active:hover,
.icon-standuppaddling.box.not-active:hover {
  color: #1986e7;
}
.icon-89.box.icon-empty,
.icon-standuppaddling.box.icon-empty {
  background-color: #1986e7;
}
.icon-89.box.icon-empty:after,
.icon-standuppaddling.box.icon-empty:after {
  color: transparent;
}
.icon-89.box.not-from-selected-activity,
.icon-standuppaddling.box.not-from-selected-activity {
  color: #1986e7;
}
.icon-89.box:before,
.icon-standuppaddling.box:before {
  content: '\e089';
}
.icon-89:before,
.icon-standuppaddling:before {
  content: '\f089';
}
.activity-89 .box,
[data-current-activity="89"] .box,
.activity-89 .current,
[data-current-activity="89"] .current {
  color: #1986e7;
}
.activity-89 .box.not-active,
[data-current-activity="89"] .box.not-active {
  color: #264e76 !important;
}
.activity-89 .box.not-active:hover,
[data-current-activity="89"] .box.not-active:hover {
  color: inherit !important;
}
.activity-89 a.box:hover,
[data-current-activity="89"] a.box:hover {
  color: #1986e7;
}
.activity-89 button.current,
[data-current-activity="89"] button.current,
.activity-89 .current-bg,
[data-current-activity="89"] .current-bg {
  background-color: #1986e7 !important;
  color: #212121;
}
.activity-89 button.current.not-active,
[data-current-activity="89"] button.current.not-active,
.activity-89 .current-bg.not-active,
[data-current-activity="89"] .current-bg.not-active {
  background-color: #264e76 !important;
}
.activity-89 .icon-empty,
[data-current-activity="89"] .icon-empty {
  background-color: #1986e7;
}
.activity-89 .darken,
[data-current-activity="89"] .darken {
  color: #264e76;
}
.activity-89 .border,
[data-current-activity="89"] .border {
  border-color: #1986e7;
  border-width: 2px;
}
.activity-89 .avg-arrow,
[data-current-activity="89"] .avg-arrow {
  background-color: #1986e7;
}
.activity-89 .avg-arrow:before,
[data-current-activity="89"] .avg-arrow:before {
  border-left-color: #1986e7;
}
.link--not-active:hover .icon-52,
.link--not-active:hover .icon-freediving {
  color: #17b5e7 !important;
}
.icon-52,
.icon-freediving {
  color: #17b5e7;
}
.icon-52.not-active,
.icon-freediving.not-active {
  color: #0f6e8b;
}
.icon-52.box,
.icon-freediving.box {
  color: #17b5e7;
}
.icon-52.box:hover,
.icon-freediving.box:hover {
  color: #17b5e7 !important;
}
.icon-52.box.not-active,
.icon-freediving.box.not-active {
  color: #0f6e8b;
}
.icon-52.box.not-active.icon-empty,
.icon-freediving.box.not-active.icon-empty {
  background-color: #0f6e8b;
}
.icon-52.box.not-active.icon-empty:hover,
.icon-freediving.box.not-active.icon-empty:hover {
  background-color: #17b5e7;
}
.icon-52.box.not-active.icon-empty:after,
.icon-freediving.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-52.box.not-active:hover,
.icon-freediving.box.not-active:hover {
  color: #17b5e7;
}
.icon-52.box.icon-empty,
.icon-freediving.box.icon-empty {
  background-color: #17b5e7;
}
.icon-52.box.icon-empty:after,
.icon-freediving.box.icon-empty:after {
  color: transparent;
}
.icon-52.box.not-from-selected-activity,
.icon-freediving.box.not-from-selected-activity {
  color: #17b5e7;
}
.icon-52.box:before,
.icon-freediving.box:before {
  content: '\e052';
}
.icon-52:before,
.icon-freediving:before {
  content: '\f052';
}
.activity-52 .box,
[data-current-activity="52"] .box,
.activity-52 .current,
[data-current-activity="52"] .current {
  color: #17b5e7;
}
.activity-52 .box.not-active,
[data-current-activity="52"] .box.not-active {
  color: #0f6e8b !important;
}
.activity-52 .box.not-active:hover,
[data-current-activity="52"] .box.not-active:hover {
  color: inherit !important;
}
.activity-52 a.box:hover,
[data-current-activity="52"] a.box:hover {
  color: #17b5e7;
}
.activity-52 button.current,
[data-current-activity="52"] button.current,
.activity-52 .current-bg,
[data-current-activity="52"] .current-bg {
  background-color: #17b5e7 !important;
  color: #212121;
}
.activity-52 button.current.not-active,
[data-current-activity="52"] button.current.not-active,
.activity-52 .current-bg.not-active,
[data-current-activity="52"] .current-bg.not-active {
  background-color: #0f6e8b !important;
}
.activity-52 .icon-empty,
[data-current-activity="52"] .icon-empty {
  background-color: #17b5e7;
}
.activity-52 .darken,
[data-current-activity="52"] .darken {
  color: #0f6e8b;
}
.activity-52 .border,
[data-current-activity="52"] .border {
  border-color: #17b5e7;
  border-width: 2px;
}
.activity-52 .avg-arrow,
[data-current-activity="52"] .avg-arrow {
  background-color: #17b5e7;
}
.activity-52 .avg-arrow:before,
[data-current-activity="52"] .avg-arrow:before {
  border-left-color: #17b5e7;
}
.link--not-active:hover .icon-51,
.link--not-active:hover .icon-scubadiving {
  color: #17b5e7 !important;
}
.icon-51,
.icon-scubadiving {
  color: #17b5e7;
}
.icon-51.not-active,
.icon-scubadiving.not-active {
  color: #0f6e8b;
}
.icon-51.box,
.icon-scubadiving.box {
  color: #17b5e7;
}
.icon-51.box:hover,
.icon-scubadiving.box:hover {
  color: #17b5e7 !important;
}
.icon-51.box.not-active,
.icon-scubadiving.box.not-active {
  color: #0f6e8b;
}
.icon-51.box.not-active.icon-empty,
.icon-scubadiving.box.not-active.icon-empty {
  background-color: #0f6e8b;
}
.icon-51.box.not-active.icon-empty:hover,
.icon-scubadiving.box.not-active.icon-empty:hover {
  background-color: #17b5e7;
}
.icon-51.box.not-active.icon-empty:after,
.icon-scubadiving.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-51.box.not-active:hover,
.icon-scubadiving.box.not-active:hover {
  color: #17b5e7;
}
.icon-51.box.icon-empty,
.icon-scubadiving.box.icon-empty {
  background-color: #17b5e7;
}
.icon-51.box.icon-empty:after,
.icon-scubadiving.box.icon-empty:after {
  color: transparent;
}
.icon-51.box.not-from-selected-activity,
.icon-scubadiving.box.not-from-selected-activity {
  color: #17b5e7;
}
.icon-51.box:before,
.icon-scubadiving.box:before {
  content: '\e051';
}
.icon-51:before,
.icon-scubadiving:before {
  content: '\f051';
}
.activity-51 .box,
[data-current-activity="51"] .box,
.activity-51 .current,
[data-current-activity="51"] .current {
  color: #17b5e7;
}
.activity-51 .box.not-active,
[data-current-activity="51"] .box.not-active {
  color: #0f6e8b !important;
}
.activity-51 .box.not-active:hover,
[data-current-activity="51"] .box.not-active:hover {
  color: inherit !important;
}
.activity-51 a.box:hover,
[data-current-activity="51"] a.box:hover {
  color: #17b5e7;
}
.activity-51 button.current,
[data-current-activity="51"] button.current,
.activity-51 .current-bg,
[data-current-activity="51"] .current-bg {
  background-color: #17b5e7 !important;
  color: #212121;
}
.activity-51 button.current.not-active,
[data-current-activity="51"] button.current.not-active,
.activity-51 .current-bg.not-active,
[data-current-activity="51"] .current-bg.not-active {
  background-color: #0f6e8b !important;
}
.activity-51 .icon-empty,
[data-current-activity="51"] .icon-empty {
  background-color: #17b5e7;
}
.activity-51 .darken,
[data-current-activity="51"] .darken {
  color: #0f6e8b;
}
.activity-51 .border,
[data-current-activity="51"] .border {
  border-color: #17b5e7;
  border-width: 2px;
}
.activity-51 .avg-arrow,
[data-current-activity="51"] .avg-arrow {
  background-color: #17b5e7;
}
.activity-51 .avg-arrow:before,
[data-current-activity="51"] .avg-arrow:before {
  border-left-color: #17b5e7;
}
.link--not-active:hover .icon-53,
.link--not-active:hover .icon-snorkeling {
  color: #17b5e7 !important;
}
.icon-53,
.icon-snorkeling {
  color: #17b5e7;
}
.icon-53.not-active,
.icon-snorkeling.not-active {
  color: #0f6e8b;
}
.icon-53.box,
.icon-snorkeling.box {
  color: #17b5e7;
}
.icon-53.box:hover,
.icon-snorkeling.box:hover {
  color: #17b5e7 !important;
}
.icon-53.box.not-active,
.icon-snorkeling.box.not-active {
  color: #0f6e8b;
}
.icon-53.box.not-active.icon-empty,
.icon-snorkeling.box.not-active.icon-empty {
  background-color: #0f6e8b;
}
.icon-53.box.not-active.icon-empty:hover,
.icon-snorkeling.box.not-active.icon-empty:hover {
  background-color: #17b5e7;
}
.icon-53.box.not-active.icon-empty:after,
.icon-snorkeling.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-53.box.not-active:hover,
.icon-snorkeling.box.not-active:hover {
  color: #17b5e7;
}
.icon-53.box.icon-empty,
.icon-snorkeling.box.icon-empty {
  background-color: #17b5e7;
}
.icon-53.box.icon-empty:after,
.icon-snorkeling.box.icon-empty:after {
  color: transparent;
}
.icon-53.box.not-from-selected-activity,
.icon-snorkeling.box.not-from-selected-activity {
  color: #17b5e7;
}
.icon-53.box:before,
.icon-snorkeling.box:before {
  content: '\e053';
}
.icon-53:before,
.icon-snorkeling:before {
  content: '\f053';
}
.activity-53 .box,
[data-current-activity="53"] .box,
.activity-53 .current,
[data-current-activity="53"] .current {
  color: #17b5e7;
}
.activity-53 .box.not-active,
[data-current-activity="53"] .box.not-active {
  color: #0f6e8b !important;
}
.activity-53 .box.not-active:hover,
[data-current-activity="53"] .box.not-active:hover {
  color: inherit !important;
}
.activity-53 a.box:hover,
[data-current-activity="53"] a.box:hover {
  color: #17b5e7;
}
.activity-53 button.current,
[data-current-activity="53"] button.current,
.activity-53 .current-bg,
[data-current-activity="53"] .current-bg {
  background-color: #17b5e7 !important;
  color: #212121;
}
.activity-53 button.current.not-active,
[data-current-activity="53"] button.current.not-active,
.activity-53 .current-bg.not-active,
[data-current-activity="53"] .current-bg.not-active {
  background-color: #0f6e8b !important;
}
.activity-53 .icon-empty,
[data-current-activity="53"] .icon-empty {
  background-color: #17b5e7;
}
.activity-53 .darken,
[data-current-activity="53"] .darken {
  color: #0f6e8b;
}
.activity-53 .border,
[data-current-activity="53"] .border {
  border-color: #17b5e7;
  border-width: 2px;
}
.activity-53 .avg-arrow,
[data-current-activity="53"] .avg-arrow {
  background-color: #17b5e7;
}
.activity-53 .avg-arrow:before,
[data-current-activity="53"] .avg-arrow:before {
  border-left-color: #17b5e7;
}
.link--not-active:hover .icon-26,
.link--not-active:hover .icon-icehockey {
  color: #9b5cff !important;
}
.icon-26,
.icon-icehockey {
  color: #9b5cff;
}
.icon-26.not-active,
.icon-icehockey.not-active {
  color: #4d3c69;
}
.icon-26.box,
.icon-icehockey.box {
  color: #9b5cff;
}
.icon-26.box:hover,
.icon-icehockey.box:hover {
  color: #9b5cff !important;
}
.icon-26.box.not-active,
.icon-icehockey.box.not-active {
  color: #4d3c69;
}
.icon-26.box.not-active.icon-empty,
.icon-icehockey.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-26.box.not-active.icon-empty:hover,
.icon-icehockey.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-26.box.not-active.icon-empty:after,
.icon-icehockey.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-26.box.not-active:hover,
.icon-icehockey.box.not-active:hover {
  color: #9b5cff;
}
.icon-26.box.icon-empty,
.icon-icehockey.box.icon-empty {
  background-color: #9b5cff;
}
.icon-26.box.icon-empty:after,
.icon-icehockey.box.icon-empty:after {
  color: transparent;
}
.icon-26.box.not-from-selected-activity,
.icon-icehockey.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-26.box:before,
.icon-icehockey.box:before {
  content: '\e026';
}
.icon-26:before,
.icon-icehockey:before {
  content: '\f026';
}
.activity-26 .box,
[data-current-activity="26"] .box,
.activity-26 .current,
[data-current-activity="26"] .current {
  color: #9b5cff;
}
.activity-26 .box.not-active,
[data-current-activity="26"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-26 .box.not-active:hover,
[data-current-activity="26"] .box.not-active:hover {
  color: inherit !important;
}
.activity-26 a.box:hover,
[data-current-activity="26"] a.box:hover {
  color: #9b5cff;
}
.activity-26 button.current,
[data-current-activity="26"] button.current,
.activity-26 .current-bg,
[data-current-activity="26"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-26 button.current.not-active,
[data-current-activity="26"] button.current.not-active,
.activity-26 .current-bg.not-active,
[data-current-activity="26"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-26 .icon-empty,
[data-current-activity="26"] .icon-empty {
  background-color: #9b5cff;
}
.activity-26 .darken,
[data-current-activity="26"] .darken {
  color: #4d3c69;
}
.activity-26 .border,
[data-current-activity="26"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-26 .avg-arrow,
[data-current-activity="26"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-26 .avg-arrow:before,
[data-current-activity="26"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-40,
.link--not-active:hover .icon-floorball {
  color: #9b5cff !important;
}
.icon-40,
.icon-floorball {
  color: #9b5cff;
}
.icon-40.not-active,
.icon-floorball.not-active {
  color: #4d3c69;
}
.icon-40.box,
.icon-floorball.box {
  color: #9b5cff;
}
.icon-40.box:hover,
.icon-floorball.box:hover {
  color: #9b5cff !important;
}
.icon-40.box.not-active,
.icon-floorball.box.not-active {
  color: #4d3c69;
}
.icon-40.box.not-active.icon-empty,
.icon-floorball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-40.box.not-active.icon-empty:hover,
.icon-floorball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-40.box.not-active.icon-empty:after,
.icon-floorball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-40.box.not-active:hover,
.icon-floorball.box.not-active:hover {
  color: #9b5cff;
}
.icon-40.box.icon-empty,
.icon-floorball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-40.box.icon-empty:after,
.icon-floorball.box.icon-empty:after {
  color: transparent;
}
.icon-40.box.not-from-selected-activity,
.icon-floorball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-40.box:before,
.icon-floorball.box:before {
  content: '\e040';
}
.icon-40:before,
.icon-floorball:before {
  content: '\f040';
}
.activity-40 .box,
[data-current-activity="40"] .box,
.activity-40 .current,
[data-current-activity="40"] .current {
  color: #9b5cff;
}
.activity-40 .box.not-active,
[data-current-activity="40"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-40 .box.not-active:hover,
[data-current-activity="40"] .box.not-active:hover {
  color: inherit !important;
}
.activity-40 a.box:hover,
[data-current-activity="40"] a.box:hover {
  color: #9b5cff;
}
.activity-40 button.current,
[data-current-activity="40"] button.current,
.activity-40 .current-bg,
[data-current-activity="40"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-40 button.current.not-active,
[data-current-activity="40"] button.current.not-active,
.activity-40 .current-bg.not-active,
[data-current-activity="40"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-40 .icon-empty,
[data-current-activity="40"] .icon-empty {
  background-color: #9b5cff;
}
.activity-40 .darken,
[data-current-activity="40"] .darken {
  color: #4d3c69;
}
.activity-40 .border,
[data-current-activity="40"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-40 .avg-arrow,
[data-current-activity="40"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-40 .avg-arrow:before,
[data-current-activity="40"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-25,
.link--not-active:hover .icon-soccerfootball {
  color: #9b5cff !important;
}
.icon-25,
.icon-soccerfootball {
  color: #9b5cff;
}
.icon-25.not-active,
.icon-soccerfootball.not-active {
  color: #4d3c69;
}
.icon-25.box,
.icon-soccerfootball.box {
  color: #9b5cff;
}
.icon-25.box:hover,
.icon-soccerfootball.box:hover {
  color: #9b5cff !important;
}
.icon-25.box.not-active,
.icon-soccerfootball.box.not-active {
  color: #4d3c69;
}
.icon-25.box.not-active.icon-empty,
.icon-soccerfootball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-25.box.not-active.icon-empty:hover,
.icon-soccerfootball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-25.box.not-active.icon-empty:after,
.icon-soccerfootball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-25.box.not-active:hover,
.icon-soccerfootball.box.not-active:hover {
  color: #9b5cff;
}
.icon-25.box.icon-empty,
.icon-soccerfootball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-25.box.icon-empty:after,
.icon-soccerfootball.box.icon-empty:after {
  color: transparent;
}
.icon-25.box.not-from-selected-activity,
.icon-soccerfootball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-25.box:before,
.icon-soccerfootball.box:before {
  content: '\e025';
}
.icon-25:before,
.icon-soccerfootball:before {
  content: '\f025';
}
.activity-25 .box,
[data-current-activity="25"] .box,
.activity-25 .current,
[data-current-activity="25"] .current {
  color: #9b5cff;
}
.activity-25 .box.not-active,
[data-current-activity="25"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-25 .box.not-active:hover,
[data-current-activity="25"] .box.not-active:hover {
  color: inherit !important;
}
.activity-25 a.box:hover,
[data-current-activity="25"] a.box:hover {
  color: #9b5cff;
}
.activity-25 button.current,
[data-current-activity="25"] button.current,
.activity-25 .current-bg,
[data-current-activity="25"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-25 button.current.not-active,
[data-current-activity="25"] button.current.not-active,
.activity-25 .current-bg.not-active,
[data-current-activity="25"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-25 .icon-empty,
[data-current-activity="25"] .icon-empty {
  background-color: #9b5cff;
}
.activity-25 .darken,
[data-current-activity="25"] .darken {
  color: #4d3c69;
}
.activity-25 .border,
[data-current-activity="25"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-25 .avg-arrow,
[data-current-activity="25"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-25 .avg-arrow:before,
[data-current-activity="25"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-28,
.link--not-active:hover .icon-americanfootball {
  color: #9b5cff !important;
}
.icon-28,
.icon-americanfootball {
  color: #9b5cff;
}
.icon-28.not-active,
.icon-americanfootball.not-active {
  color: #4d3c69;
}
.icon-28.box,
.icon-americanfootball.box {
  color: #9b5cff;
}
.icon-28.box:hover,
.icon-americanfootball.box:hover {
  color: #9b5cff !important;
}
.icon-28.box.not-active,
.icon-americanfootball.box.not-active {
  color: #4d3c69;
}
.icon-28.box.not-active.icon-empty,
.icon-americanfootball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-28.box.not-active.icon-empty:hover,
.icon-americanfootball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-28.box.not-active.icon-empty:after,
.icon-americanfootball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-28.box.not-active:hover,
.icon-americanfootball.box.not-active:hover {
  color: #9b5cff;
}
.icon-28.box.icon-empty,
.icon-americanfootball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-28.box.icon-empty:after,
.icon-americanfootball.box.icon-empty:after {
  color: transparent;
}
.icon-28.box.not-from-selected-activity,
.icon-americanfootball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-28.box:before,
.icon-americanfootball.box:before {
  content: '\e028';
}
.icon-28:before,
.icon-americanfootball:before {
  content: '\f028';
}
.activity-28 .box,
[data-current-activity="28"] .box,
.activity-28 .current,
[data-current-activity="28"] .current {
  color: #9b5cff;
}
.activity-28 .box.not-active,
[data-current-activity="28"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-28 .box.not-active:hover,
[data-current-activity="28"] .box.not-active:hover {
  color: inherit !important;
}
.activity-28 a.box:hover,
[data-current-activity="28"] a.box:hover {
  color: #9b5cff;
}
.activity-28 button.current,
[data-current-activity="28"] button.current,
.activity-28 .current-bg,
[data-current-activity="28"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-28 button.current.not-active,
[data-current-activity="28"] button.current.not-active,
.activity-28 .current-bg.not-active,
[data-current-activity="28"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-28 .icon-empty,
[data-current-activity="28"] .icon-empty {
  background-color: #9b5cff;
}
.activity-28 .darken,
[data-current-activity="28"] .darken {
  color: #4d3c69;
}
.activity-28 .border,
[data-current-activity="28"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-28 .avg-arrow,
[data-current-activity="28"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-28 .avg-arrow:before,
[data-current-activity="28"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-68,
.link--not-active:hover .icon-handball {
  color: #9b5cff !important;
}
.icon-68,
.icon-handball {
  color: #9b5cff;
}
.icon-68.not-active,
.icon-handball.not-active {
  color: #4d3c69;
}
.icon-68.box,
.icon-handball.box {
  color: #9b5cff;
}
.icon-68.box:hover,
.icon-handball.box:hover {
  color: #9b5cff !important;
}
.icon-68.box.not-active,
.icon-handball.box.not-active {
  color: #4d3c69;
}
.icon-68.box.not-active.icon-empty,
.icon-handball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-68.box.not-active.icon-empty:hover,
.icon-handball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-68.box.not-active.icon-empty:after,
.icon-handball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-68.box.not-active:hover,
.icon-handball.box.not-active:hover {
  color: #9b5cff;
}
.icon-68.box.icon-empty,
.icon-handball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-68.box.icon-empty:after,
.icon-handball.box.icon-empty:after {
  color: transparent;
}
.icon-68.box.not-from-selected-activity,
.icon-handball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-68.box:before,
.icon-handball.box:before {
  content: '\e068';
}
.icon-68:before,
.icon-handball:before {
  content: '\f068';
}
.activity-68 .box,
[data-current-activity="68"] .box,
.activity-68 .current,
[data-current-activity="68"] .current {
  color: #9b5cff;
}
.activity-68 .box.not-active,
[data-current-activity="68"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-68 .box.not-active:hover,
[data-current-activity="68"] .box.not-active:hover {
  color: inherit !important;
}
.activity-68 a.box:hover,
[data-current-activity="68"] a.box:hover {
  color: #9b5cff;
}
.activity-68 button.current,
[data-current-activity="68"] button.current,
.activity-68 .current-bg,
[data-current-activity="68"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-68 button.current.not-active,
[data-current-activity="68"] button.current.not-active,
.activity-68 .current-bg.not-active,
[data-current-activity="68"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-68 .icon-empty,
[data-current-activity="68"] .icon-empty {
  background-color: #9b5cff;
}
.activity-68 .darken,
[data-current-activity="68"] .darken {
  color: #4d3c69;
}
.activity-68 .border,
[data-current-activity="68"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-68 .avg-arrow,
[data-current-activity="68"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-68 .avg-arrow:before,
[data-current-activity="68"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-24,
.link--not-active:hover .icon-basketball {
  color: #9b5cff !important;
}
.icon-24,
.icon-basketball {
  color: #9b5cff;
}
.icon-24.not-active,
.icon-basketball.not-active {
  color: #4d3c69;
}
.icon-24.box,
.icon-basketball.box {
  color: #9b5cff;
}
.icon-24.box:hover,
.icon-basketball.box:hover {
  color: #9b5cff !important;
}
.icon-24.box.not-active,
.icon-basketball.box.not-active {
  color: #4d3c69;
}
.icon-24.box.not-active.icon-empty,
.icon-basketball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-24.box.not-active.icon-empty:hover,
.icon-basketball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-24.box.not-active.icon-empty:after,
.icon-basketball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-24.box.not-active:hover,
.icon-basketball.box.not-active:hover {
  color: #9b5cff;
}
.icon-24.box.icon-empty,
.icon-basketball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-24.box.icon-empty:after,
.icon-basketball.box.icon-empty:after {
  color: transparent;
}
.icon-24.box.not-from-selected-activity,
.icon-basketball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-24.box:before,
.icon-basketball.box:before {
  content: '\e024';
}
.icon-24:before,
.icon-basketball:before {
  content: '\f024';
}
.activity-24 .box,
[data-current-activity="24"] .box,
.activity-24 .current,
[data-current-activity="24"] .current {
  color: #9b5cff;
}
.activity-24 .box.not-active,
[data-current-activity="24"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-24 .box.not-active:hover,
[data-current-activity="24"] .box.not-active:hover {
  color: inherit !important;
}
.activity-24 a.box:hover,
[data-current-activity="24"] a.box:hover {
  color: #9b5cff;
}
.activity-24 button.current,
[data-current-activity="24"] button.current,
.activity-24 .current-bg,
[data-current-activity="24"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-24 button.current.not-active,
[data-current-activity="24"] button.current.not-active,
.activity-24 .current-bg.not-active,
[data-current-activity="24"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-24 .icon-empty,
[data-current-activity="24"] .icon-empty {
  background-color: #9b5cff;
}
.activity-24 .darken,
[data-current-activity="24"] .darken {
  color: #4d3c69;
}
.activity-24 .border,
[data-current-activity="24"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-24 .avg-arrow,
[data-current-activity="24"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-24 .avg-arrow:before,
[data-current-activity="24"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-27,
.link--not-active:hover .icon-volleyball {
  color: #9b5cff !important;
}
.icon-27,
.icon-volleyball {
  color: #9b5cff;
}
.icon-27.not-active,
.icon-volleyball.not-active {
  color: #4d3c69;
}
.icon-27.box,
.icon-volleyball.box {
  color: #9b5cff;
}
.icon-27.box:hover,
.icon-volleyball.box:hover {
  color: #9b5cff !important;
}
.icon-27.box.not-active,
.icon-volleyball.box.not-active {
  color: #4d3c69;
}
.icon-27.box.not-active.icon-empty,
.icon-volleyball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-27.box.not-active.icon-empty:hover,
.icon-volleyball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-27.box.not-active.icon-empty:after,
.icon-volleyball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-27.box.not-active:hover,
.icon-volleyball.box.not-active:hover {
  color: #9b5cff;
}
.icon-27.box.icon-empty,
.icon-volleyball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-27.box.icon-empty:after,
.icon-volleyball.box.icon-empty:after {
  color: transparent;
}
.icon-27.box.not-from-selected-activity,
.icon-volleyball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-27.box:before,
.icon-volleyball.box:before {
  content: '\e027';
}
.icon-27:before,
.icon-volleyball:before {
  content: '\f027';
}
.activity-27 .box,
[data-current-activity="27"] .box,
.activity-27 .current,
[data-current-activity="27"] .current {
  color: #9b5cff;
}
.activity-27 .box.not-active,
[data-current-activity="27"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-27 .box.not-active:hover,
[data-current-activity="27"] .box.not-active:hover {
  color: inherit !important;
}
.activity-27 a.box:hover,
[data-current-activity="27"] a.box:hover {
  color: #9b5cff;
}
.activity-27 button.current,
[data-current-activity="27"] button.current,
.activity-27 .current-bg,
[data-current-activity="27"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-27 button.current.not-active,
[data-current-activity="27"] button.current.not-active,
.activity-27 .current-bg.not-active,
[data-current-activity="27"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-27 .icon-empty,
[data-current-activity="27"] .icon-empty {
  background-color: #9b5cff;
}
.activity-27 .darken,
[data-current-activity="27"] .darken {
  color: #4d3c69;
}
.activity-27 .border,
[data-current-activity="27"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-27 .avg-arrow,
[data-current-activity="27"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-27 .avg-arrow:before,
[data-current-activity="27"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-31,
.link--not-active:hover .icon-baseball {
  color: #9b5cff !important;
}
.icon-31,
.icon-baseball {
  color: #9b5cff;
}
.icon-31.not-active,
.icon-baseball.not-active {
  color: #4d3c69;
}
.icon-31.box,
.icon-baseball.box {
  color: #9b5cff;
}
.icon-31.box:hover,
.icon-baseball.box:hover {
  color: #9b5cff !important;
}
.icon-31.box.not-active,
.icon-baseball.box.not-active {
  color: #4d3c69;
}
.icon-31.box.not-active.icon-empty,
.icon-baseball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-31.box.not-active.icon-empty:hover,
.icon-baseball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-31.box.not-active.icon-empty:after,
.icon-baseball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-31.box.not-active:hover,
.icon-baseball.box.not-active:hover {
  color: #9b5cff;
}
.icon-31.box.icon-empty,
.icon-baseball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-31.box.icon-empty:after,
.icon-baseball.box.icon-empty:after {
  color: transparent;
}
.icon-31.box.not-from-selected-activity,
.icon-baseball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-31.box:before,
.icon-baseball.box:before {
  content: '\e031';
}
.icon-31:before,
.icon-baseball:before {
  content: '\f031';
}
.activity-31 .box,
[data-current-activity="31"] .box,
.activity-31 .current,
[data-current-activity="31"] .current {
  color: #9b5cff;
}
.activity-31 .box.not-active,
[data-current-activity="31"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-31 .box.not-active:hover,
[data-current-activity="31"] .box.not-active:hover {
  color: inherit !important;
}
.activity-31 a.box:hover,
[data-current-activity="31"] a.box:hover {
  color: #9b5cff;
}
.activity-31 button.current,
[data-current-activity="31"] button.current,
.activity-31 .current-bg,
[data-current-activity="31"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-31 button.current.not-active,
[data-current-activity="31"] button.current.not-active,
.activity-31 .current-bg.not-active,
[data-current-activity="31"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-31 .icon-empty,
[data-current-activity="31"] .icon-empty {
  background-color: #9b5cff;
}
.activity-31 .darken,
[data-current-activity="31"] .darken {
  color: #4d3c69;
}
.activity-31 .border,
[data-current-activity="31"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-31 .avg-arrow,
[data-current-activity="31"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-31 .avg-arrow:before,
[data-current-activity="31"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-29,
.link--not-active:hover .icon-softball {
  color: #9b5cff !important;
}
.icon-29,
.icon-softball {
  color: #9b5cff;
}
.icon-29.not-active,
.icon-softball.not-active {
  color: #4d3c69;
}
.icon-29.box,
.icon-softball.box {
  color: #9b5cff;
}
.icon-29.box:hover,
.icon-softball.box:hover {
  color: #9b5cff !important;
}
.icon-29.box.not-active,
.icon-softball.box.not-active {
  color: #4d3c69;
}
.icon-29.box.not-active.icon-empty,
.icon-softball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-29.box.not-active.icon-empty:hover,
.icon-softball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-29.box.not-active.icon-empty:after,
.icon-softball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-29.box.not-active:hover,
.icon-softball.box.not-active:hover {
  color: #9b5cff;
}
.icon-29.box.icon-empty,
.icon-softball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-29.box.icon-empty:after,
.icon-softball.box.icon-empty:after {
  color: transparent;
}
.icon-29.box.not-from-selected-activity,
.icon-softball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-29.box:before,
.icon-softball.box:before {
  content: '\e029';
}
.icon-29:before,
.icon-softball:before {
  content: '\f029';
}
.activity-29 .box,
[data-current-activity="29"] .box,
.activity-29 .current,
[data-current-activity="29"] .current {
  color: #9b5cff;
}
.activity-29 .box.not-active,
[data-current-activity="29"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-29 .box.not-active:hover,
[data-current-activity="29"] .box.not-active:hover {
  color: inherit !important;
}
.activity-29 a.box:hover,
[data-current-activity="29"] a.box:hover {
  color: #9b5cff;
}
.activity-29 button.current,
[data-current-activity="29"] button.current,
.activity-29 .current-bg,
[data-current-activity="29"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-29 button.current.not-active,
[data-current-activity="29"] button.current.not-active,
.activity-29 .current-bg.not-active,
[data-current-activity="29"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-29 .icon-empty,
[data-current-activity="29"] .icon-empty {
  background-color: #9b5cff;
}
.activity-29 .darken,
[data-current-activity="29"] .darken {
  color: #4d3c69;
}
.activity-29 .border,
[data-current-activity="29"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-29 .avg-arrow,
[data-current-activity="29"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-29 .avg-arrow:before,
[data-current-activity="29"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-62,
.link--not-active:hover .icon-bowling {
  color: #9b5cff !important;
}
.icon-62,
.icon-bowling {
  color: #9b5cff;
}
.icon-62.not-active,
.icon-bowling.not-active {
  color: #4d3c69;
}
.icon-62.box,
.icon-bowling.box {
  color: #9b5cff;
}
.icon-62.box:hover,
.icon-bowling.box:hover {
  color: #9b5cff !important;
}
.icon-62.box.not-active,
.icon-bowling.box.not-active {
  color: #4d3c69;
}
.icon-62.box.not-active.icon-empty,
.icon-bowling.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-62.box.not-active.icon-empty:hover,
.icon-bowling.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-62.box.not-active.icon-empty:after,
.icon-bowling.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-62.box.not-active:hover,
.icon-bowling.box.not-active:hover {
  color: #9b5cff;
}
.icon-62.box.icon-empty,
.icon-bowling.box.icon-empty {
  background-color: #9b5cff;
}
.icon-62.box.icon-empty:after,
.icon-bowling.box.icon-empty:after {
  color: transparent;
}
.icon-62.box.not-from-selected-activity,
.icon-bowling.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-62.box:before,
.icon-bowling.box:before {
  content: '\e062';
}
.icon-62:before,
.icon-bowling:before {
  content: '\f062';
}
.activity-62 .box,
[data-current-activity="62"] .box,
.activity-62 .current,
[data-current-activity="62"] .current {
  color: #9b5cff;
}
.activity-62 .box.not-active,
[data-current-activity="62"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-62 .box.not-active:hover,
[data-current-activity="62"] .box.not-active:hover {
  color: inherit !important;
}
.activity-62 a.box:hover,
[data-current-activity="62"] a.box:hover {
  color: #9b5cff;
}
.activity-62 button.current,
[data-current-activity="62"] button.current,
.activity-62 .current-bg,
[data-current-activity="62"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-62 button.current.not-active,
[data-current-activity="62"] button.current.not-active,
.activity-62 .current-bg.not-active,
[data-current-activity="62"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-62 .icon-empty,
[data-current-activity="62"] .icon-empty {
  background-color: #9b5cff;
}
.activity-62 .darken,
[data-current-activity="62"] .darken {
  color: #4d3c69;
}
.activity-62 .border,
[data-current-activity="62"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-62 .avg-arrow,
[data-current-activity="62"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-62 .avg-arrow:before,
[data-current-activity="62"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-63,
.link--not-active:hover .icon-cricket {
  color: #9b5cff !important;
}
.icon-63,
.icon-cricket {
  color: #9b5cff;
}
.icon-63.not-active,
.icon-cricket.not-active {
  color: #4d3c69;
}
.icon-63.box,
.icon-cricket.box {
  color: #9b5cff;
}
.icon-63.box:hover,
.icon-cricket.box:hover {
  color: #9b5cff !important;
}
.icon-63.box.not-active,
.icon-cricket.box.not-active {
  color: #4d3c69;
}
.icon-63.box.not-active.icon-empty,
.icon-cricket.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-63.box.not-active.icon-empty:hover,
.icon-cricket.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-63.box.not-active.icon-empty:after,
.icon-cricket.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-63.box.not-active:hover,
.icon-cricket.box.not-active:hover {
  color: #9b5cff;
}
.icon-63.box.icon-empty,
.icon-cricket.box.icon-empty {
  background-color: #9b5cff;
}
.icon-63.box.icon-empty:after,
.icon-cricket.box.icon-empty:after {
  color: transparent;
}
.icon-63.box.not-from-selected-activity,
.icon-cricket.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-63.box:before,
.icon-cricket.box:before {
  content: '\e063';
}
.icon-63:before,
.icon-cricket:before {
  content: '\f063';
}
.activity-63 .box,
[data-current-activity="63"] .box,
.activity-63 .current,
[data-current-activity="63"] .current {
  color: #9b5cff;
}
.activity-63 .box.not-active,
[data-current-activity="63"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-63 .box.not-active:hover,
[data-current-activity="63"] .box.not-active:hover {
  color: inherit !important;
}
.activity-63 a.box:hover,
[data-current-activity="63"] a.box:hover {
  color: #9b5cff;
}
.activity-63 button.current,
[data-current-activity="63"] button.current,
.activity-63 .current-bg,
[data-current-activity="63"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-63 button.current.not-active,
[data-current-activity="63"] button.current.not-active,
.activity-63 .current-bg.not-active,
[data-current-activity="63"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-63 .icon-empty,
[data-current-activity="63"] .icon-empty {
  background-color: #9b5cff;
}
.activity-63 .darken,
[data-current-activity="63"] .darken {
  color: #4d3c69;
}
.activity-63 .border,
[data-current-activity="63"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-63 .avg-arrow,
[data-current-activity="63"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-63 .avg-arrow:before,
[data-current-activity="63"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-76,
.link--not-active:hover .icon-rugby {
  color: #9b5cff !important;
}
.icon-76,
.icon-rugby {
  color: #9b5cff;
}
.icon-76.not-active,
.icon-rugby.not-active {
  color: #4d3c69;
}
.icon-76.box,
.icon-rugby.box {
  color: #9b5cff;
}
.icon-76.box:hover,
.icon-rugby.box:hover {
  color: #9b5cff !important;
}
.icon-76.box.not-active,
.icon-rugby.box.not-active {
  color: #4d3c69;
}
.icon-76.box.not-active.icon-empty,
.icon-rugby.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-76.box.not-active.icon-empty:hover,
.icon-rugby.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-76.box.not-active.icon-empty:after,
.icon-rugby.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-76.box.not-active:hover,
.icon-rugby.box.not-active:hover {
  color: #9b5cff;
}
.icon-76.box.icon-empty,
.icon-rugby.box.icon-empty {
  background-color: #9b5cff;
}
.icon-76.box.icon-empty:after,
.icon-rugby.box.icon-empty:after {
  color: transparent;
}
.icon-76.box.not-from-selected-activity,
.icon-rugby.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-76.box:before,
.icon-rugby.box:before {
  content: '\e076';
}
.icon-76:before,
.icon-rugby:before {
  content: '\f076';
}
.activity-76 .box,
[data-current-activity="76"] .box,
.activity-76 .current,
[data-current-activity="76"] .current {
  color: #9b5cff;
}
.activity-76 .box.not-active,
[data-current-activity="76"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-76 .box.not-active:hover,
[data-current-activity="76"] .box.not-active:hover {
  color: inherit !important;
}
.activity-76 a.box:hover,
[data-current-activity="76"] a.box:hover {
  color: #9b5cff;
}
.activity-76 button.current,
[data-current-activity="76"] button.current,
.activity-76 .current-bg,
[data-current-activity="76"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-76 button.current.not-active,
[data-current-activity="76"] button.current.not-active,
.activity-76 .current-bg.not-active,
[data-current-activity="76"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-76 .icon-empty,
[data-current-activity="76"] .icon-empty {
  background-color: #9b5cff;
}
.activity-76 .darken,
[data-current-activity="76"] .darken {
  color: #4d3c69;
}
.activity-76 .border,
[data-current-activity="76"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-76 .avg-arrow,
[data-current-activity="76"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-76 .avg-arrow:before,
[data-current-activity="76"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-94,
.link--not-active:hover .icon-frisbee {
  color: #9b5cff !important;
}
.icon-94,
.icon-frisbee {
  color: #9b5cff;
}
.icon-94.not-active,
.icon-frisbee.not-active {
  color: #4d3c69;
}
.icon-94.box,
.icon-frisbee.box {
  color: #9b5cff;
}
.icon-94.box:hover,
.icon-frisbee.box:hover {
  color: #9b5cff !important;
}
.icon-94.box.not-active,
.icon-frisbee.box.not-active {
  color: #4d3c69;
}
.icon-94.box.not-active.icon-empty,
.icon-frisbee.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-94.box.not-active.icon-empty:hover,
.icon-frisbee.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-94.box.not-active.icon-empty:after,
.icon-frisbee.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-94.box.not-active:hover,
.icon-frisbee.box.not-active:hover {
  color: #9b5cff;
}
.icon-94.box.icon-empty,
.icon-frisbee.box.icon-empty {
  background-color: #9b5cff;
}
.icon-94.box.icon-empty:after,
.icon-frisbee.box.icon-empty:after {
  color: transparent;
}
.icon-94.box.not-from-selected-activity,
.icon-frisbee.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-94.box:before,
.icon-frisbee.box:before {
  content: '\e094';
}
.icon-94:before,
.icon-frisbee:before {
  content: '\f094';
}
.activity-94 .box,
[data-current-activity="94"] .box,
.activity-94 .current,
[data-current-activity="94"] .current {
  color: #9b5cff;
}
.activity-94 .box.not-active,
[data-current-activity="94"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-94 .box.not-active:hover,
[data-current-activity="94"] .box.not-active:hover {
  color: inherit !important;
}
.activity-94 a.box:hover,
[data-current-activity="94"] a.box:hover {
  color: #9b5cff;
}
.activity-94 button.current,
[data-current-activity="94"] button.current,
.activity-94 .current-bg,
[data-current-activity="94"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-94 button.current.not-active,
[data-current-activity="94"] button.current.not-active,
.activity-94 .current-bg.not-active,
[data-current-activity="94"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-94 .icon-empty,
[data-current-activity="94"] .icon-empty {
  background-color: #9b5cff;
}
.activity-94 .darken,
[data-current-activity="94"] .darken {
  color: #4d3c69;
}
.activity-94 .border,
[data-current-activity="94"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-94 .avg-arrow,
[data-current-activity="94"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-94 .avg-arrow:before,
[data-current-activity="94"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-30,
.link--not-active:hover .icon-cheerleading {
  color: #9b5cff !important;
}
.icon-30,
.icon-cheerleading {
  color: #9b5cff;
}
.icon-30.not-active,
.icon-cheerleading.not-active {
  color: #4d3c69;
}
.icon-30.box,
.icon-cheerleading.box {
  color: #9b5cff;
}
.icon-30.box:hover,
.icon-cheerleading.box:hover {
  color: #9b5cff !important;
}
.icon-30.box.not-active,
.icon-cheerleading.box.not-active {
  color: #4d3c69;
}
.icon-30.box.not-active.icon-empty,
.icon-cheerleading.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-30.box.not-active.icon-empty:hover,
.icon-cheerleading.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-30.box.not-active.icon-empty:after,
.icon-cheerleading.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-30.box.not-active:hover,
.icon-cheerleading.box.not-active:hover {
  color: #9b5cff;
}
.icon-30.box.icon-empty,
.icon-cheerleading.box.icon-empty {
  background-color: #9b5cff;
}
.icon-30.box.icon-empty:after,
.icon-cheerleading.box.icon-empty:after {
  color: transparent;
}
.icon-30.box.not-from-selected-activity,
.icon-cheerleading.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-30.box:before,
.icon-cheerleading.box:before {
  content: '\e030';
}
.icon-30:before,
.icon-cheerleading:before {
  content: '\f030';
}
.activity-30 .box,
[data-current-activity="30"] .box,
.activity-30 .current,
[data-current-activity="30"] .current {
  color: #9b5cff;
}
.activity-30 .box.not-active,
[data-current-activity="30"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-30 .box.not-active:hover,
[data-current-activity="30"] .box.not-active:hover {
  color: inherit !important;
}
.activity-30 a.box:hover,
[data-current-activity="30"] a.box:hover {
  color: #9b5cff;
}
.activity-30 button.current,
[data-current-activity="30"] button.current,
.activity-30 .current-bg,
[data-current-activity="30"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-30 button.current.not-active,
[data-current-activity="30"] button.current.not-active,
.activity-30 .current-bg.not-active,
[data-current-activity="30"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-30 .icon-empty,
[data-current-activity="30"] .icon-empty {
  background-color: #9b5cff;
}
.activity-30 .darken,
[data-current-activity="30"] .darken {
  color: #4d3c69;
}
.activity-30 .border,
[data-current-activity="30"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-30 .avg-arrow,
[data-current-activity="30"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-30 .avg-arrow:before,
[data-current-activity="30"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-33,
.link--not-active:hover .icon-tennis {
  color: #9b5cff !important;
}
.icon-33,
.icon-tennis {
  color: #9b5cff;
}
.icon-33.not-active,
.icon-tennis.not-active {
  color: #4d3c69;
}
.icon-33.box,
.icon-tennis.box {
  color: #9b5cff;
}
.icon-33.box:hover,
.icon-tennis.box:hover {
  color: #9b5cff !important;
}
.icon-33.box.not-active,
.icon-tennis.box.not-active {
  color: #4d3c69;
}
.icon-33.box.not-active.icon-empty,
.icon-tennis.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-33.box.not-active.icon-empty:hover,
.icon-tennis.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-33.box.not-active.icon-empty:after,
.icon-tennis.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-33.box.not-active:hover,
.icon-tennis.box.not-active:hover {
  color: #9b5cff;
}
.icon-33.box.icon-empty,
.icon-tennis.box.icon-empty {
  background-color: #9b5cff;
}
.icon-33.box.icon-empty:after,
.icon-tennis.box.icon-empty:after {
  color: transparent;
}
.icon-33.box.not-from-selected-activity,
.icon-tennis.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-33.box:before,
.icon-tennis.box:before {
  content: '\e033';
}
.icon-33:before,
.icon-tennis:before {
  content: '\f033';
}
.activity-33 .box,
[data-current-activity="33"] .box,
.activity-33 .current,
[data-current-activity="33"] .current {
  color: #9b5cff;
}
.activity-33 .box.not-active,
[data-current-activity="33"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-33 .box.not-active:hover,
[data-current-activity="33"] .box.not-active:hover {
  color: inherit !important;
}
.activity-33 a.box:hover,
[data-current-activity="33"] a.box:hover {
  color: #9b5cff;
}
.activity-33 button.current,
[data-current-activity="33"] button.current,
.activity-33 .current-bg,
[data-current-activity="33"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-33 button.current.not-active,
[data-current-activity="33"] button.current.not-active,
.activity-33 .current-bg.not-active,
[data-current-activity="33"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-33 .icon-empty,
[data-current-activity="33"] .icon-empty {
  background-color: #9b5cff;
}
.activity-33 .darken,
[data-current-activity="33"] .darken {
  color: #4d3c69;
}
.activity-33 .border,
[data-current-activity="33"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-33 .avg-arrow,
[data-current-activity="33"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-33 .avg-arrow:before,
[data-current-activity="33"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-34,
.link--not-active:hover .icon-badminton {
  color: #9b5cff !important;
}
.icon-34,
.icon-badminton {
  color: #9b5cff;
}
.icon-34.not-active,
.icon-badminton.not-active {
  color: #4d3c69;
}
.icon-34.box,
.icon-badminton.box {
  color: #9b5cff;
}
.icon-34.box:hover,
.icon-badminton.box:hover {
  color: #9b5cff !important;
}
.icon-34.box.not-active,
.icon-badminton.box.not-active {
  color: #4d3c69;
}
.icon-34.box.not-active.icon-empty,
.icon-badminton.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-34.box.not-active.icon-empty:hover,
.icon-badminton.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-34.box.not-active.icon-empty:after,
.icon-badminton.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-34.box.not-active:hover,
.icon-badminton.box.not-active:hover {
  color: #9b5cff;
}
.icon-34.box.icon-empty,
.icon-badminton.box.icon-empty {
  background-color: #9b5cff;
}
.icon-34.box.icon-empty:after,
.icon-badminton.box.icon-empty:after {
  color: transparent;
}
.icon-34.box.not-from-selected-activity,
.icon-badminton.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-34.box:before,
.icon-badminton.box:before {
  content: '\e034';
}
.icon-34:before,
.icon-badminton:before {
  content: '\f034';
}
.activity-34 .box,
[data-current-activity="34"] .box,
.activity-34 .current,
[data-current-activity="34"] .current {
  color: #9b5cff;
}
.activity-34 .box.not-active,
[data-current-activity="34"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-34 .box.not-active:hover,
[data-current-activity="34"] .box.not-active:hover {
  color: inherit !important;
}
.activity-34 a.box:hover,
[data-current-activity="34"] a.box:hover {
  color: #9b5cff;
}
.activity-34 button.current,
[data-current-activity="34"] button.current,
.activity-34 .current-bg,
[data-current-activity="34"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-34 button.current.not-active,
[data-current-activity="34"] button.current.not-active,
.activity-34 .current-bg.not-active,
[data-current-activity="34"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-34 .icon-empty,
[data-current-activity="34"] .icon-empty {
  background-color: #9b5cff;
}
.activity-34 .darken,
[data-current-activity="34"] .darken {
  color: #4d3c69;
}
.activity-34 .border,
[data-current-activity="34"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-34 .avg-arrow,
[data-current-activity="34"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-34 .avg-arrow:before,
[data-current-activity="34"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-35,
.link--not-active:hover .icon-tabletennis {
  color: #9b5cff !important;
}
.icon-35,
.icon-tabletennis {
  color: #9b5cff;
}
.icon-35.not-active,
.icon-tabletennis.not-active {
  color: #4d3c69;
}
.icon-35.box,
.icon-tabletennis.box {
  color: #9b5cff;
}
.icon-35.box:hover,
.icon-tabletennis.box:hover {
  color: #9b5cff !important;
}
.icon-35.box.not-active,
.icon-tabletennis.box.not-active {
  color: #4d3c69;
}
.icon-35.box.not-active.icon-empty,
.icon-tabletennis.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-35.box.not-active.icon-empty:hover,
.icon-tabletennis.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-35.box.not-active.icon-empty:after,
.icon-tabletennis.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-35.box.not-active:hover,
.icon-tabletennis.box.not-active:hover {
  color: #9b5cff;
}
.icon-35.box.icon-empty,
.icon-tabletennis.box.icon-empty {
  background-color: #9b5cff;
}
.icon-35.box.icon-empty:after,
.icon-tabletennis.box.icon-empty:after {
  color: transparent;
}
.icon-35.box.not-from-selected-activity,
.icon-tabletennis.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-35.box:before,
.icon-tabletennis.box:before {
  content: '\e035';
}
.icon-35:before,
.icon-tabletennis:before {
  content: '\f035';
}
.activity-35 .box,
[data-current-activity="35"] .box,
.activity-35 .current,
[data-current-activity="35"] .current {
  color: #9b5cff;
}
.activity-35 .box.not-active,
[data-current-activity="35"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-35 .box.not-active:hover,
[data-current-activity="35"] .box.not-active:hover {
  color: inherit !important;
}
.activity-35 a.box:hover,
[data-current-activity="35"] a.box:hover {
  color: #9b5cff;
}
.activity-35 button.current,
[data-current-activity="35"] button.current,
.activity-35 .current-bg,
[data-current-activity="35"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-35 button.current.not-active,
[data-current-activity="35"] button.current.not-active,
.activity-35 .current-bg.not-active,
[data-current-activity="35"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-35 .icon-empty,
[data-current-activity="35"] .icon-empty {
  background-color: #9b5cff;
}
.activity-35 .darken,
[data-current-activity="35"] .darken {
  color: #4d3c69;
}
.activity-35 .border,
[data-current-activity="35"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-35 .avg-arrow,
[data-current-activity="35"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-35 .avg-arrow:before,
[data-current-activity="35"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-37,
.link--not-active:hover .icon-squash {
  color: #9b5cff !important;
}
.icon-37,
.icon-squash {
  color: #9b5cff;
}
.icon-37.not-active,
.icon-squash.not-active {
  color: #4d3c69;
}
.icon-37.box,
.icon-squash.box {
  color: #9b5cff;
}
.icon-37.box:hover,
.icon-squash.box:hover {
  color: #9b5cff !important;
}
.icon-37.box.not-active,
.icon-squash.box.not-active {
  color: #4d3c69;
}
.icon-37.box.not-active.icon-empty,
.icon-squash.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-37.box.not-active.icon-empty:hover,
.icon-squash.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-37.box.not-active.icon-empty:after,
.icon-squash.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-37.box.not-active:hover,
.icon-squash.box.not-active:hover {
  color: #9b5cff;
}
.icon-37.box.icon-empty,
.icon-squash.box.icon-empty {
  background-color: #9b5cff;
}
.icon-37.box.icon-empty:after,
.icon-squash.box.icon-empty:after {
  color: transparent;
}
.icon-37.box.not-from-selected-activity,
.icon-squash.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-37.box:before,
.icon-squash.box:before {
  content: '\e037';
}
.icon-37:before,
.icon-squash:before {
  content: '\f037';
}
.activity-37 .box,
[data-current-activity="37"] .box,
.activity-37 .current,
[data-current-activity="37"] .current {
  color: #9b5cff;
}
.activity-37 .box.not-active,
[data-current-activity="37"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-37 .box.not-active:hover,
[data-current-activity="37"] .box.not-active:hover {
  color: inherit !important;
}
.activity-37 a.box:hover,
[data-current-activity="37"] a.box:hover {
  color: #9b5cff;
}
.activity-37 button.current,
[data-current-activity="37"] button.current,
.activity-37 .current-bg,
[data-current-activity="37"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-37 button.current.not-active,
[data-current-activity="37"] button.current.not-active,
.activity-37 .current-bg.not-active,
[data-current-activity="37"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-37 .icon-empty,
[data-current-activity="37"] .icon-empty {
  background-color: #9b5cff;
}
.activity-37 .darken,
[data-current-activity="37"] .darken {
  color: #4d3c69;
}
.activity-37 .border,
[data-current-activity="37"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-37 .avg-arrow,
[data-current-activity="37"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-37 .avg-arrow:before,
[data-current-activity="37"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-36,
.link--not-active:hover .icon-racquetball {
  color: #9b5cff !important;
}
.icon-36,
.icon-racquetball {
  color: #9b5cff;
}
.icon-36.not-active,
.icon-racquetball.not-active {
  color: #4d3c69;
}
.icon-36.box,
.icon-racquetball.box {
  color: #9b5cff;
}
.icon-36.box:hover,
.icon-racquetball.box:hover {
  color: #9b5cff !important;
}
.icon-36.box.not-active,
.icon-racquetball.box.not-active {
  color: #4d3c69;
}
.icon-36.box.not-active.icon-empty,
.icon-racquetball.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-36.box.not-active.icon-empty:hover,
.icon-racquetball.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-36.box.not-active.icon-empty:after,
.icon-racquetball.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-36.box.not-active:hover,
.icon-racquetball.box.not-active:hover {
  color: #9b5cff;
}
.icon-36.box.icon-empty,
.icon-racquetball.box.icon-empty {
  background-color: #9b5cff;
}
.icon-36.box.icon-empty:after,
.icon-racquetball.box.icon-empty:after {
  color: transparent;
}
.icon-36.box.not-from-selected-activity,
.icon-racquetball.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-36.box:before,
.icon-racquetball.box:before {
  content: '\e036';
}
.icon-36:before,
.icon-racquetball:before {
  content: '\f036';
}
.activity-36 .box,
[data-current-activity="36"] .box,
.activity-36 .current,
[data-current-activity="36"] .current {
  color: #9b5cff;
}
.activity-36 .box.not-active,
[data-current-activity="36"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-36 .box.not-active:hover,
[data-current-activity="36"] .box.not-active:hover {
  color: inherit !important;
}
.activity-36 a.box:hover,
[data-current-activity="36"] a.box:hover {
  color: #9b5cff;
}
.activity-36 button.current,
[data-current-activity="36"] button.current,
.activity-36 .current-bg,
[data-current-activity="36"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-36 button.current.not-active,
[data-current-activity="36"] button.current.not-active,
.activity-36 .current-bg.not-active,
[data-current-activity="36"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-36 .icon-empty,
[data-current-activity="36"] .icon-empty {
  background-color: #9b5cff;
}
.activity-36 .darken,
[data-current-activity="36"] .darken {
  color: #4d3c69;
}
.activity-36 .border,
[data-current-activity="36"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-36 .avg-arrow,
[data-current-activity="36"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-36 .avg-arrow:before,
[data-current-activity="36"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-66,
.link--not-active:hover .icon-golf {
  color: #9b5cff !important;
}
.icon-66,
.icon-golf {
  color: #9b5cff;
}
.icon-66.not-active,
.icon-golf.not-active {
  color: #4d3c69;
}
.icon-66.box,
.icon-golf.box {
  color: #9b5cff;
}
.icon-66.box:hover,
.icon-golf.box:hover {
  color: #9b5cff !important;
}
.icon-66.box.not-active,
.icon-golf.box.not-active {
  color: #4d3c69;
}
.icon-66.box.not-active.icon-empty,
.icon-golf.box.not-active.icon-empty {
  background-color: #4d3c69;
}
.icon-66.box.not-active.icon-empty:hover,
.icon-golf.box.not-active.icon-empty:hover {
  background-color: #9b5cff;
}
.icon-66.box.not-active.icon-empty:after,
.icon-golf.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-66.box.not-active:hover,
.icon-golf.box.not-active:hover {
  color: #9b5cff;
}
.icon-66.box.icon-empty,
.icon-golf.box.icon-empty {
  background-color: #9b5cff;
}
.icon-66.box.icon-empty:after,
.icon-golf.box.icon-empty:after {
  color: transparent;
}
.icon-66.box.not-from-selected-activity,
.icon-golf.box.not-from-selected-activity {
  color: #9b5cff;
}
.icon-66.box:before,
.icon-golf.box:before {
  content: '\e066';
}
.icon-66:before,
.icon-golf:before {
  content: '\f066';
}
.activity-66 .box,
[data-current-activity="66"] .box,
.activity-66 .current,
[data-current-activity="66"] .current {
  color: #9b5cff;
}
.activity-66 .box.not-active,
[data-current-activity="66"] .box.not-active {
  color: #4d3c69 !important;
}
.activity-66 .box.not-active:hover,
[data-current-activity="66"] .box.not-active:hover {
  color: inherit !important;
}
.activity-66 a.box:hover,
[data-current-activity="66"] a.box:hover {
  color: #9b5cff;
}
.activity-66 button.current,
[data-current-activity="66"] button.current,
.activity-66 .current-bg,
[data-current-activity="66"] .current-bg {
  background-color: #9b5cff !important;
  color: #212121;
}
.activity-66 button.current.not-active,
[data-current-activity="66"] button.current.not-active,
.activity-66 .current-bg.not-active,
[data-current-activity="66"] .current-bg.not-active {
  background-color: #4d3c69 !important;
}
.activity-66 .icon-empty,
[data-current-activity="66"] .icon-empty {
  background-color: #9b5cff;
}
.activity-66 .darken,
[data-current-activity="66"] .darken {
  color: #4d3c69;
}
.activity-66 .border,
[data-current-activity="66"] .border {
  border-color: #9b5cff;
  border-width: 2px;
}
.activity-66 .avg-arrow,
[data-current-activity="66"] .avg-arrow {
  background-color: #9b5cff;
}
.activity-66 .avg-arrow:before,
[data-current-activity="66"] .avg-arrow:before {
  border-left-color: #9b5cff;
}
.link--not-active:hover .icon-1,
.link--not-active:hover .icon-unspecifiedsport {
  color: #9d9d9d !important;
}
.icon-1,
.icon-unspecifiedsport {
  color: #9d9d9d;
}
.icon-1.not-active,
.icon-unspecifiedsport.not-active {
  color: #5e6060;
}
.icon-1.box,
.icon-unspecifiedsport.box {
  color: #9d9d9d;
}
.icon-1.box:hover,
.icon-unspecifiedsport.box:hover {
  color: #9d9d9d !important;
}
.icon-1.box.not-active,
.icon-unspecifiedsport.box.not-active {
  color: #5e6060;
}
.icon-1.box.not-active.icon-empty,
.icon-unspecifiedsport.box.not-active.icon-empty {
  background-color: #5e6060;
}
.icon-1.box.not-active.icon-empty:hover,
.icon-unspecifiedsport.box.not-active.icon-empty:hover {
  background-color: #9d9d9d;
}
.icon-1.box.not-active.icon-empty:after,
.icon-unspecifiedsport.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-1.box.not-active:hover,
.icon-unspecifiedsport.box.not-active:hover {
  color: #9d9d9d;
}
.icon-1.box.icon-empty,
.icon-unspecifiedsport.box.icon-empty {
  background-color: #9d9d9d;
}
.icon-1.box.icon-empty:after,
.icon-unspecifiedsport.box.icon-empty:after {
  color: transparent;
}
.icon-1.box.not-from-selected-activity,
.icon-unspecifiedsport.box.not-from-selected-activity {
  color: #9d9d9d;
}
.icon-1.box:before,
.icon-unspecifiedsport.box:before {
  content: '\e001';
}
.icon-1:before,
.icon-unspecifiedsport:before {
  content: '\f001';
}
.activity-1 .box,
[data-current-activity="1"] .box,
.activity-1 .current,
[data-current-activity="1"] .current {
  color: #9d9d9d;
}
.activity-1 .box.not-active,
[data-current-activity="1"] .box.not-active {
  color: #5e6060 !important;
}
.activity-1 .box.not-active:hover,
[data-current-activity="1"] .box.not-active:hover {
  color: inherit !important;
}
.activity-1 a.box:hover,
[data-current-activity="1"] a.box:hover {
  color: #9d9d9d;
}
.activity-1 button.current,
[data-current-activity="1"] button.current,
.activity-1 .current-bg,
[data-current-activity="1"] .current-bg {
  background-color: #9d9d9d !important;
  color: #212121;
}
.activity-1 button.current.not-active,
[data-current-activity="1"] button.current.not-active,
.activity-1 .current-bg.not-active,
[data-current-activity="1"] .current-bg.not-active {
  background-color: #5e6060 !important;
}
.activity-1 .icon-empty,
[data-current-activity="1"] .icon-empty {
  background-color: #9d9d9d;
}
.activity-1 .darken,
[data-current-activity="1"] .darken {
  color: #5e6060;
}
.activity-1 .border,
[data-current-activity="1"] .border {
  border-color: #9d9d9d;
  border-width: 2px;
}
.activity-1 .avg-arrow,
[data-current-activity="1"] .avg-arrow {
  background-color: #9d9d9d;
}
.activity-1 .avg-arrow:before,
[data-current-activity="1"] .avg-arrow:before {
  border-left-color: #9d9d9d;
}
.link--not-active:hover .icon-99,
.link--not-active:hover .icon-transition {
  color: #9d9d9d !important;
}
.icon-99,
.icon-transition {
  color: #9d9d9d;
}
.icon-99.not-active,
.icon-transition.not-active {
  color: #5e6060;
}
.icon-99.box,
.icon-transition.box {
  color: #9d9d9d;
}
.icon-99.box:hover,
.icon-transition.box:hover {
  color: #9d9d9d !important;
}
.icon-99.box.not-active,
.icon-transition.box.not-active {
  color: #5e6060;
}
.icon-99.box.not-active.icon-empty,
.icon-transition.box.not-active.icon-empty {
  background-color: #5e6060;
}
.icon-99.box.not-active.icon-empty:hover,
.icon-transition.box.not-active.icon-empty:hover {
  background-color: #9d9d9d;
}
.icon-99.box.not-active.icon-empty:after,
.icon-transition.box.not-active.icon-empty:after {
  color: transparent;
}
.icon-99.box.not-active:hover,
.icon-transition.box.not-active:hover {
  color: #9d9d9d;
}
.icon-99.box.icon-empty,
.icon-transition.box.icon-empty {
  background-color: #9d9d9d;
}
.icon-99.box.icon-empty:after,
.icon-transition.box.icon-empty:after {
  color: transparent;
}
.icon-99.box.not-from-selected-activity,
.icon-transition.box.not-from-selected-activity {
  color: #9d9d9d;
}
.icon-99.box:before,
.icon-transition.box:before {
  content: '\e099';
}
.icon-99:before,
.icon-transition:before {
  content: '\f099';
}
.activity-99 .box,
[data-current-activity="99"] .box,
.activity-99 .current,
[data-current-activity="99"] .current {
  color: #9d9d9d;
}
.activity-99 .box.not-active,
[data-current-activity="99"] .box.not-active {
  color: #5e6060 !important;
}
.activity-99 .box.not-active:hover,
[data-current-activity="99"] .box.not-active:hover {
  color: inherit !important;
}
.activity-99 a.box:hover,
[data-current-activity="99"] a.box:hover {
  color: #9d9d9d;
}
.activity-99 button.current,
[data-current-activity="99"] button.current,
.activity-99 .current-bg,
[data-current-activity="99"] .current-bg {
  background-color: #9d9d9d !important;
  color: #212121;
}
.activity-99 button.current.not-active,
[data-current-activity="99"] button.current.not-active,
.activity-99 .current-bg.not-active,
[data-current-activity="99"] .current-bg.not-active {
  background-color: #5e6060 !important;
}
.activity-99 .icon-empty,
[data-current-activity="99"] .icon-empty {
  background-color: #9d9d9d;
}
.activity-99 .darken,
[data-current-activity="99"] .darken {
  color: #5e6060;
}
.activity-99 .border,
[data-current-activity="99"] .border {
  border-color: #9d9d9d;
  border-width: 2px;
}
.activity-99 .avg-arrow,
[data-current-activity="99"] .avg-arrow {
  background-color: #9d9d9d;
}
.activity-99 .avg-arrow:before,
[data-current-activity="99"] .avg-arrow:before {
  border-left-color: #9d9d9d;
}
/* Current activity elements
// Current activity elements
//
// .border.border_thick - with activity colored border
// .link.darken - not selected activity color
// .not-active - for not selected activities
// .current - current activity color
// .current-bg - current activity color
//
// markup:
// section.activity-6.sg-section-partial-inside
//  div(class="{$modifiers} padding")
//    span {$modifiers}
//  div.padding
//    a(class="icon-94 box {$modifiers}")
//
// Styleguide 2.4.3
*/
#container .hidden,
.display_none,
.no-data,
.grid-half .row-fluid .hidden,
.uploadifyQueue {
  display: none;
}
.more {
  display: block;
}
.of-hidden {
  overflow: hidden;
}
.of-visible {
  overflow: visible !important;
}
#header .show,
.show {
  display: block;
}
.show-me {
  display: block !important;
}
.clear {
  clear: both !important;
}
.clear-none {
  clear: none !important;
}
@media (max-width: 767px) {
  .clear-mobile {
    clear: both;
  }
}
.float_none {
  float: none !important;
}
.relative {
  position: relative;
}
.t_right {
  text-align: right !important;
}
@media (max-width: 767px) {
  .text-right--mobile {
    text-align: right !important;
  }
}
.t_center {
  text-align: center !important;
}
.t_middle {
  vertical-align: middle;
}
.t_middle > * {
  vertical-align: middle;
}
.normal-lines {
  line-height: normal;
}
.margin-minus {
  margin-top: -32px;
}
.margin-fix-right {
  float: none;
  margin-right: 24px;
  display: block;
  word-wrap: break-word;
}
.margin-fix-left {
  float: none;
  margin-left: 24px;
  display: block;
}
.space {
  padding-top: 6px;
  padding-bottom: 6px;
}
.auto-size {
  width: auto !important;
  height: auto !important;
}
.block-elem {
  display: block;
}
.inline {
  display: inline-block;
}
.nowrap {
  white-space: nowrap !important;
}
.no-shadow {
  box-shadow: none !important;
  text-shadow: none;
}
.image-shadow {
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
@media (max-width: 767px) {
  .touchevents .touch--scroll-over,
  .pointerevents .touch--scroll-over {
    touch-action: pan-y;
    pointer-events: none;
  }
}
/* Grid fluid
// Grid fluid
//
// This section describes Grid fluid
//
// Styleguide 5.7
*/
.row-fluid {
  width: 100%;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.section-heading .row-fluid {
  margin: 0;
}
.spanClr {
  float: none !important;
  width: 100% !important;
  clear: both !important;
  margin-left: 0 !important;
}
.gear {
  width: 60px;
  height: 72px;
  display: block;
  margin-bottom: 12px;
}
.span1 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span1:first-child {
  margin-left: 0;
}
.span1.right:first-child {
  margin-left: 1.754385964912281%;
}
.span1.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span1 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan1 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan1:first-child {
    margin-left: 0;
  }
  .mspan1.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan1.right:last-child {
    margin-left: 0;
  }
}
.span2 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span2:first-child {
  margin-left: 0;
}
.span2.right:first-child {
  margin-left: 1.754385964912281%;
}
.span2.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span2 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan2 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan2:first-child {
    margin-left: 0;
  }
  .mspan2.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan2.right:last-child {
    margin-left: 0;
  }
}
.span3 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span3:first-child {
  margin-left: 0;
}
.span3.right:first-child {
  margin-left: 1.754385964912281%;
}
.span3.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span3 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan3 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan3:first-child {
    margin-left: 0;
  }
  .mspan3.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan3.right:last-child {
    margin-left: 0;
  }
}
.span4 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span4:first-child {
  margin-left: 0;
}
.span4.right:first-child {
  margin-left: 1.754385964912281%;
}
.span4.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span4 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan4 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan4:first-child {
    margin-left: 0;
  }
  .mspan4.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan4.right:last-child {
    margin-left: 0;
  }
}
.span5 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span5:first-child {
  margin-left: 0;
}
.span5.right:first-child {
  margin-left: 1.754385964912281%;
}
.span5.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span5 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan5 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan5:first-child {
    margin-left: 0;
  }
  .mspan5.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan5.right:last-child {
    margin-left: 0;
  }
}
.span6 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span6:first-child {
  margin-left: 0;
}
.span6.right:first-child {
  margin-left: 1.754385964912281%;
}
.span6.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span6 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan6 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan6:first-child {
    margin-left: 0;
  }
  .mspan6.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan6.right:last-child {
    margin-left: 0;
  }
}
.span7 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span7:first-child {
  margin-left: 0;
}
.span7.right:first-child {
  margin-left: 1.754385964912281%;
}
.span7.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span7 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan7 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan7:first-child {
    margin-left: 0;
  }
  .mspan7.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan7.right:last-child {
    margin-left: 0;
  }
}
.span8 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span8:first-child {
  margin-left: 0;
}
.span8.right:first-child {
  margin-left: 1.754385964912281%;
}
.span8.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span8 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan8 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan8:first-child {
    margin-left: 0;
  }
  .mspan8.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan8.right:last-child {
    margin-left: 0;
  }
}
.span9 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span9:first-child {
  margin-left: 0;
}
.span9.right:first-child {
  margin-left: 1.754385964912281%;
}
.span9.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span9 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan9 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan9:first-child {
    margin-left: 0;
  }
  .mspan9.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan9.right:last-child {
    margin-left: 0;
  }
}
.span10 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span10:first-child {
  margin-left: 0;
}
.span10.right:first-child {
  margin-left: 1.754385964912281%;
}
.span10.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span10 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan10 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan10:first-child {
    margin-left: 0;
  }
  .mspan10.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan10.right:last-child {
    margin-left: 0;
  }
}
.span11 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span11:first-child {
  margin-left: 0;
}
.span11.right:first-child {
  margin-left: 1.754385964912281%;
}
.span11.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span11 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan11 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan11:first-child {
    margin-left: 0;
  }
  .mspan11.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan11.right:last-child {
    margin-left: 0;
  }
}
.span12 {
  display: block;
  box-sizing: border-box;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 1.754385964912281%;
  min-height: 1px;
}
.span12:first-child {
  margin-left: 0;
}
.span12.right:first-child {
  margin-left: 1.754385964912281%;
}
.span12.right:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .span12 {
    margin-left: 0;
    float: none;
    clear: both;
    width: 100%;
  }
  .mspan12 {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    clear: none !important;
    float: left !important;
  }
  .mspan12:first-child {
    margin-left: 0;
  }
  .mspan12.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .mspan12.right:last-child {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .span12 {
    width: 99.99999999999999%;
  }
  .span11 {
    width: 91.52046783625731%;
  }
  .span10 {
    width: 83.0409356725146%;
  }
  .span9 {
    width: 74.56140350877192%;
  }
  .span8 {
    width: 66.08187134502923%;
  }
  .span7 {
    width: 57.602339181286546%;
  }
  .span6 {
    width: 49.122807017543856%;
  }
  .span5 {
    width: 40.64327485380117%;
  }
  .span4 {
    width: 32.16374269005848%;
  }
  .span3 {
    width: 23.684210526315788%;
  }
  .span2 {
    width: 15.204678362573098%;
  }
  .span1 {
    width: 6.725146198830409%;
  }
  .offset12 {
    margin-left: 102.53164556962024%;
  }
  .offset12:first-child {
    margin-left: 101.26582278481011%;
  }
  .offset11 {
    margin-left: 94.0928270042194%;
  }
  .offset11:first-child {
    margin-left: 92.82700421940928%;
  }
  .offset10 {
    margin-left: 85.65400843881855%;
  }
  .offset10:first-child {
    margin-left: 84.38818565400842%;
  }
  .offset9 {
    margin-left: 77.21518987341771%;
  }
  .offset9:first-child {
    margin-left: 75.94936708860759%;
  }
  .offset8 {
    margin-left: 68.77637130801688%;
  }
  .offset8:first-child {
    margin-left: 67.51054852320675%;
  }
  .offset7 {
    margin-left: 60.337552742616026%;
  }
  .offset7:first-child {
    margin-left: 59.0717299578059%;
  }
  .offset6 {
    margin-left: 51.89873417721518%;
  }
  .offset6:first-child {
    margin-left: 50.632911392405056%;
  }
  .offset5 {
    margin-left: 43.45991561181434%;
  }
  .offset5:first-child {
    margin-left: 42.19409282700421%;
  }
  .offset4 {
    margin-left: 35.0210970464135%;
  }
  .offset4:first-child {
    margin-left: 33.755274261603375%;
  }
  .offset3 {
    margin-left: 26.582278481012654%;
  }
  .offset3:first-child,
  .offset3.first {
    margin-left: 25.316455696202528%;
  }
  .offset2 {
    margin-left: 18.143459915611814%;
  }
  .offset2:first-child {
    margin-left: 16.877637130801688%;
  }
  .offset1 {
    margin-left: 9.70464135021097%;
  }
  .offset1:first-child {
    margin-left: 8.438818565400844%;
  }
  .grid-half >.row-fluid >div:nth-child(4n+1),
  .grid-half >.row-fluid >div:first-child {
    clear: both;
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .mspan12 {
    width: 99.99999999999999%;
  }
  .mspan11 {
    width: 91.52046783625731%;
  }
  .mspan10 {
    width: 83.0409356725146%;
  }
  .mspan9 {
    width: 74.56140350877192%;
  }
  .mspan8 {
    width: 66.08187134502923%;
  }
  .mspan7 {
    width: 57.602339181286546%;
  }
  .mspan6 {
    width: 49.122807017543856%;
  }
  .mspan5 {
    width: 40.64327485380117%;
  }
  .mspan4 {
    width: 32.16374269005848%;
  }
  .mspan3 {
    width: 23.684210526315788%;
  }
  .mspan2 {
    width: 15.204678362573098%;
  }
  .mspan1 {
    width: 6.725146198830409%;
  }
  .grid-half >.row-fluid >div {
    display: block;
    box-sizing: border-box;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 1.754385964912281%;
    min-height: 1px;
    width: 49.122807017543856%;
  }
  .grid-half >.row-fluid >div:first-child {
    margin-left: 0;
  }
  .grid-half >.row-fluid >div.right:first-child {
    margin-left: 1.754385964912281%;
  }
  .grid-half >.row-fluid >div.right:last-child {
    margin-left: 0;
  }
  .grid-half >.row-fluid >div:nth-child(2n+1),
  .grid-half >.row-fluid >div:first-child {
    margin-left: 0 !important;
    clear: both;
  }
  .grid-half >.row-fluid >div.span12 {
    width: 99.99999999999999%;
  }
}
.section-heading .edit-content {
  margin-bottom: 6px;
}
.custom_display_item .preview-height,
.custom_display_item .preview-text,
.custom_display_item .preview-footer {
  float: none !important;
}
.custom_display_item .preview-footer {
  padding: 12px !important;
}
#EmbeddedGroupInfoForm .section-heading .grid.left {
  width: 85%;
}
.collapsible:hover h3 {
  color: #fff;
}
.email_changed b {
  text-decoration: underline;
}
.email_changed .email_changed_success .icon-success,
.email_changed .email_changed_failure .icon-failure {
  display: block;
}
.email_changed .email_changed_success .icon-failure,
.email_changed .email_changed_failure .icon-success {
  display: none;
}
.email_changed .icon-area {
  width: 6%;
  float: left;
}
.email_changed .content {
  width: 90%;
  float: left;
  clear: none;
}
.email_changed .content h4 {
  margin-bottom: 10px;
}
.email_changed .icon-success,
.email_changed .icon-failure {
  float: left;
  color: #fff !important;
}
.email_changed .icon-success {
  background-color: #349101 !important;
}
.email_changed .icon-failure {
  background-color: #f00;
}
.app_image_wrapper {
  display: inline-block;
}
.app_image {
  width: 34px;
  height: 34px;
  vertical-align: top;
  padding-top: 1px;
}
.app_details {
  display: inline-block;
  width: 76%;
  overflow: hidden;
  vertical-align: top;
}
.app_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 2px;
}
.displays-apps {
  margin-top: 12px;
}
.displays-apps .no-bg {
  margin-bottom: 12px;
}
.app-warning {
  color: #ece400;
  display: inline-block;
}
.app-info {
  display: inline-block;
  margin-right: 4px;
}
.section-heading,
.section {
  _zoom: 1 /* for IE */;
  clear: both;
}
.section-heading:before,
.section:before,
.section-heading:after,
.section:after {
  content: "";
  display: table;
}
.section-heading:after,
.section:after {
  clear: both;
}
.sectionHidden {
  position: relative;
  display: none;
  overflow: visible;
}
.collapsible {
  margin-bottom: 10px;
  margin-left: -20px;
}
.embed-badge-image {
  cursor: pointer;
}
.isshared {
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
}
.plannedMoves .plannedMoves-empty-text {
  display: none;
}
.plannedMoves-empty .plannedMoves-empty-text {
  display: block;
}
.plannedMoves-empty .plannedMoves-items {
  display: none;
}
.pictures-section.empty .pictures-section-empty,
.pictures-section.empty .pictures-section-thumbs {
  display: block;
}
.pictures-section.empty.loading .pictures-section-empty {
  display: none;
}
.pictures-section.empty.loading .pictures-section-content {
  height: 3em;
}
.pictures-section .pictures-section-empty,
.pictures-section .pictures-section-thumbs,
.pictures-section .icon-154 {
  display: none;
}
.pictures-section.hasMore .icon-154 {
  display: inline-block;
}
.pictures-section.hasMore.loading .icon-154 {
  display: none;
}
.kaka {
  background-image: url("../img/gears/ambit3_vertical.png");
}
.jabiru {
  background-image: url("../img/gears/traverse.png");
}
.loon {
  background-image: url("../img/gears/traverse_alpha.png");
}
.emu {
  background-image: url("../img/gears/ambit3.png");
}
.finch {
  background-image: url("../img/gears/ambit3s.png");
}
.duck {
  background-image: url("../img/gears/ambit2_sapphire.png");
}
.greentit {
  background-image: url("../img/gears/ambit2R.png");
}
.colibri {
  background-image: url("../img/gears/ambit2S_lime.png");
}
.m4 {
  background-image: url("../img/gears/m4.png");
}
.m5 {
  background-image: url("../img/gears/m5.png");
}
.t3 {
  background-image: url("../img/gears/t3.png");
}
.t4 {
  background-image: url("../img/gears/t4.png");
}
.t6 {
  background-image: url("../img/gears/t6.png");
}
.x10 {
  background-image: url("../img/gears/x10.png");
}
.membelt {
  background-image: url("../img/gears/memoryBelt.png");
}
.iphone {
  background-image: url("../img/gears/SuuntoMovescountApp.png");
}
.cobra {
  background-image: url("../img/gears/cobra3.png");
}
.eon {
  background-image: url("../img/gears/eon.png");
}
.d3 {
  background-image: url("../img/gears/d3.png");
}
.d4 {
  background-image: url("../img/gears/d4i.png");
}
.d4f {
  background-image: url("../img/gears/d4f.png");
}
.d6 {
  background-image: url("../img/gears/d6i.png");
}
.d9 {
  background-image: url("../img/gears/d9tx.png");
}
.dx {
  background-image: url("../img/gears/suuntoDX.png");
}
.helo {
  background-image: url("../img/gears/helo.png");
}
.mosquito {
  background-image: url("../img/gears/mosquito.png");
}
.stinger {
  background-image: url("../img/gears/stinger.png");
}
.vyper {
  background-image: url("../img/gears/vyper2.png");
}
.vypernovo {
  background-image: url("../img/gears/vypernovo.png");
}
.vytec {
  background-image: url("../img/gears/vytec.png");
}
.zoop {
  background-image: url("../img/gears/zoop.png");
}
.zoopnovo {
  background-image: url("../img/gears/zoopnovo.png");
}
.quest {
  background-image: url("../img/gears/quest.png");
}
.bluebird {
  background-image: url("../img/gears/ambit.png");
}
.gpspod {
  background-image: url("../img/gears/gps_track_pod.png");
}
.ibisbill {
  background-image: url("../img/gears/ambit3R.png");
}
.gear {
  background-position: center center;
  background-repeat: no-repeat;
}
.compatible-gears .gear {
  height: 97px;
  margin-bottom: 0;
}
.preview.clickable .button .delete,
#routeListing .preview.clickable .button .delete {
  display: none;
}
.custom_display_item,
.waypoint_item,
.waypointedRoute_item {
  position: relative;
  clear: both;
}
.custom_display_item.edit_mode .preview-wrap,
.waypoint_item.edit_mode .preview-wrap,
.waypointedRoute_item.edit_mode .preview-wrap {
  overflow: visible;
}
.custom_display_item .unSelectedRadNormal,
.waypoint_item .unSelectedRadNormal,
.waypointedRoute_item .unSelectedRadNormal,
.custom_display_item .unSelectedRadOver,
.waypoint_item .unSelectedRadOver,
.waypointedRoute_item .unSelectedRadOver,
.custom_display_item .selectedRad,
.waypoint_item .selectedRad,
.waypointedRoute_item .selectedRad {
  float: left;
}
.display,
.simulator-display {
  background-repeat: no-repeat;
  background-attachment: scroll;
  text-align: center;
  position: relative;
  font-size: 84%;
}
.simulator-display {
  background-image: url("../img/displays/rule_displays.png");
  background-position: left top;
  width: 178px;
  height: 240px;
}
.display {
  width: 143px;
  height: 184px;
  background-image: url("../img/displays/display.png");
}
.display-light {
  background-position: -178px 0;
}
.display-sound {
  background-position: -356px 0;
}
.display-light-and-sound {
  background-position: -534px 0;
}
.display-compass {
  background-position: 6px 0;
}
.display-graph {
  background-position: -147px 0;
}
.display-location {
  background-position: -300px 0;
}
.display-findback {
  background-position: -453px 0;
}
.display-none,
.display-empty {
  background-position: -606px 0;
}
.display-onerow,
.display-stopwatch {
  background-position: -759px 0;
}
.display-threerows {
  background-position: -912px 0;
}
.display-tworows {
  background-position: -1065px 0;
}
.display-barograph {
  background-position: -1218px 0;
}
.display_row {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
}
.display_row a {
  display: inline-block;
}
.display_row a span {
  padding-right: 3px;
  display: inline-block;
  max-width: 57px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.display_row1,
.display_row2 {
  display: none;
}
.display_views,
.display_add,
.display_name {
  display: none;
}
.display-onerow .display_row1 {
  display: block;
  top: 80px;
}
.display-tworows .display_row1 {
  display: block;
  top: 71px;
}
.display-threerows .display_row1 {
  display: block;
  top: 54px;
}
.display-threerows .display_row2 {
  display: block;
  top: 80px;
}
.display-threerows .display_views {
  display: block;
  top: 106px;
}
.display-graph .display_row1 {
  display: block;
  top: 106px;
}
.display-findback .display_name,
.display-compass .display_name,
.display-location .display_name,
.display-barograph .display_name {
  display: block;
  top: 106px;
}
.display-stopwatch .display_name {
  display: block;
  top: 80px;
}
.display_clear {
  display: none !important;
}
.display_add {
  position: absolute;
  top: 80px;
  width: 100%;
  left: 0;
}
.display-empty .display_add {
  display: block;
}
.display_arrow {
  position: absolute !important;
  top: 75px;
}
.display_arrow-left {
  left: -5px;
}
.display_arrow-right {
  right: -5px;
}
.display-none .display_arrow,
.display-empty .display_arrow {
  display: none;
}
.display label {
  display: inline-block;
  margin-top: 161px;
  text-align: center;
  visibility: hidden;
}
.no-touchevents .display:hover .display_clear {
  display: block !important;
}
.no-touchevents .display-none:hover .display_clear,
.no-touchevents .display-empty:hover .display_clear {
  display: none !important;
}
.touchevents .display .display_clear {
  display: block !important;
}
.touchevents .display-none .display_clear,
.touchevents .display-empty .display_clear {
  display: none !important;
}
.summit_displays-box .display-tworows .display_views {
  display: block;
  top: 106px;
}
.quest_displays-box .display-tworows .display_row2 {
  display: block;
  top: 106px;
}
.device-info-image {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.device-info-text-with-image {
  height: 250px;
  margin-bottom: 20px;
}
.help_icon {
  cursor: help;
}
.help_icon-text {
  display: none;
}
.custom_display_item .edit_mode .dropDownListBoxExpanded {
  z-index: 1001;
}
.custom_display_item .view_mode .preview-content-footer {
  padding-top: 2px;
}
.waypoint-icon {
  height: 60px !important;
  width: 60px;
  float: left;
  background-repeat: no-repeat;
}
.waypoint-building,
.waypoint-home {
  background-image: url("../img/waypoints/60/building.png");
}
.waypoint-car,
.waypoint-parking {
  background-image: url("../img/waypoints/60/car.png");
}
.waypoint-camping,
.waypoint-camp {
  background-image: url("../img/waypoints/60/camping.png");
}
.waypoint-food,
.waypoint-restaurant,
.waypoint-cafe {
  background-image: url("../img/waypoints/60/food.png");
}
.waypoint-lodging,
.waypoint-hotel,
.waypoint-hostel {
  background-image: url("../img/waypoints/60/lodging.png");
}
.waypoint-water,
.waypoint-coast,
.waypoint-river,
.waypoint-lake {
  background-image: url("../img/waypoints/60/water.png");
}
.waypoint-mountain,
.waypoint-cliff,
.waypoint-valley,
.waypoint-hill {
  background-image: url("../img/waypoints/60/mountain.png");
}
.waypoint-forest {
  background-image: url("../img/waypoints/60/forest.png");
}
.waypoint-crossroad {
  background-image: url("../img/waypoints/60/crossroad.png");
}
.waypoint-sight {
  background-image: url("../img/waypoints/60/sight.png");
}
.waypoint-begin {
  background-image: url("../img/waypoints/60/begin.png");
}
.waypoint-end {
  background-image: url("../img/waypoints/60/end.png");
}
.waypoint-geocache {
  background-image: url("../img/waypoints/60/geocache.png");
}
.waypoint-waypoint {
  background-image: url("../img/waypoints/60/waypoint.png");
}
.waypoint-road {
  background-image: url("../img/waypoints/60/road.png");
}
.waypoint-trail {
  background-image: url("../img/waypoints/60/trail.png");
}
.waypoint-rock {
  background-image: url("../img/waypoints/60/rock.png");
}
.waypoint-meadow {
  background-image: url("../img/waypoints/60/meadow.png");
}
.waypoint-cave {
  background-image: url("../img/waypoints/60/cave.png");
}
.waypoint-information {
  background-image: url("../img/waypoints/60/information.png");
}
.waypoint-peak {
  background-image: url("../img/waypoints/60/peak.png");
}
.waypoint-emergency {
  background-image: url("../img/waypoints/60/emergency.png");
}
.waypoint-waterfall {
  background-image: url("../img/waypoints/60/waterfall.png");
}
.imperial-unit-show .metric-unit,
.metric-unit-show .imperial-unit {
  display: none;
}
.activitySlider {
  border: 0;
  margin-top: 6px;
  height: 40px;
}
.activitySlider .ui-slider {
  clear: both;
  top: 5px;
}
.activitySlider .ui-slider-scale {
  margin-left: -6px;
}
.activitySlider .ui-slider-scale li:first-child {
  margin-left: 6px;
}
.activitySlider .ui-slider-tic {
  margin-left: 5px;
  border-color: #ddd;
}
.activitySlider .ui-slider-label {
  font-size: 8px;
  cursor: pointer;
}
.max_count_warning {
  background-image: #dadada;
  padding-left: 11px;
}
.twitter-feed-container .twitter-tweet {
  display: block;
  visibility: hidden;
  min-height: 205px;
  overflow: hidden;
}
.twitter-feed-container .twitter-tweet-rendered {
  margin: 0 !important;
  visibility: visible;
}
#selectDialog .ui-tabs-nav .ui-state-disabled {
  display: none;
}
#ruleAppEditButtons1 #removeButton {
  opacity: 0.99;
}
.tp-moveviewingfloater.tp-moveviewingfloaterautowidth .tp-moveviewingitem-dist {
  display: none;
}
/* Body
// Body
//
// markup:
// section.wrapper.sg-section-partial-inside
//  section.body-tag
//    p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque
//
// Styleguide 2.3
*/
html {
  height: 100%;
}
body,
.body-tag {
  height: 100%;
  background: #1c1c1c;
  color: #ccc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Buttons
// Buttons
//
// This section describes Buttons
//
// button--basic - basic button
// button--action - action button blue currently
// button--cancel- cancel button
// button--delete - button delete
// button--function - for function buttons, like variables in app 
// button--dark - darkest button, used in shoutbox
// button--darker - sligthly lighter, in shoutbox reply
// button--light - light button
// button--round - round button
// button--outline - outline button
// button--outline.button--outline-darker - outline button darker
// button--outline.button--outline-light - outline button light
// button--outline.button--outline-lighter - outline button lighter
// button--full - full button
// button--bigger - bigger button, alias for .button--full
// button--mini - mini button
// button--link - link, should use .link instead
// button--text.button--transparent - button with only text, changing in hover, but have button dimensions
// button--text.button--text-dark.button--transparent - darker text button
//
// markup:
// div.sg-section-partial-inside-alt
//   section.wrapper
//     div.row-flex.row-flex--layout
//       div.fl6
//         button(class="{$modifiers}")
//           span {$modifiers}
//       div.fl6
//         button(class="{$modifiers} button--selected")
//           span {$modifiers} selected
//
// Styleguide 4.1
*/
/* Buttons with icon
// Buttons with icon
//
// This section describes buttons with icon
//
// button--with-icon.button--transparent - with icons
// link.link--with-icon - with icons
//
// markup:
// div.padding-small.sg-section-partial-inside
//  button(class="{$modifiers}")
//    i.icon-159.size-18
//    span {$modifiers}
//  button(class="{$modifiers}")
//    i.icon-226.box
//    span {$modifiers}
//
// Styleguide 4.1.1
*/
button,
.button {
  cursor: pointer;
  font-size: 13px;
  padding: 11.5px 18px;
  line-height: 1;
  border: none;
  outline: none;
  background-color: #2b2b2b;
  color: #ccc;
  text-align: center;
  text-shadow: none;
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
button-group div:first-child button,
.button-group div:first-child button {
  border-radius: 2px 0 0 2px;
}
button-group div:last-child button,
.button-group div:last-child button {
  border-radius: 0 2px 2px 0;
}
button-group--with-icon,
.button-group--with-icon {
  position: relative;
}
button-group--with-icon button:not(:last-child),
.button-group--with-icon button:not(:last-child) {
  padding-right: 24px;
}
button-group--with-icon button:last-child,
.button-group--with-icon button:last-child {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 9px;
  padding-left: 9px;
}
button:hover:not([disabled]),
.button:hover:not([disabled]),
button.active,
.button.active {
  background-color: #555;
}
button.big,
.button.big,
button.button--bigger,
.button.button--bigger,
button.giant,
.button.giant,
button.button--giant,
.button.button--giant,
button.huge,
.button.huge,
button.button--huge,
.button.button--huge,
button.large,
.button.large,
button.button--large,
.button.button--large,
button.full,
.button.full,
button.button--full,
.button.button--full {
  width: 100%;
  white-space: normal;
}
button.mini,
.button.mini,
button.button--mini,
.button.button--mini {
  font-size: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 2px;
}
button.button--smaller,
.button.button--smaller {
  padding-left: 12px;
  padding-right: 12px;
}
button.action,
.button.action,
button.button--action,
.button.button--action,
button.button--action-type,
.button.button--action-type,
button.cancel,
.button.cancel,
button.button--cancel,
.button.button--cancel,
button.button-ok,
.button.button-ok,
button.button--green,
.button.button--green,
button.delete,
.button.delete,
button.button--delete,
.button.button--delete {
  color: #fff;
}
button.selected,
.button.selected,
button.button--selected,
.button.button--selected,
button.light,
.button.light,
button.button--light,
.button.button--light {
  color: #212121 !important;
}
button.action,
.button.action,
button.button--action,
.button.button--action,
button.button--action-type,
.button.button--action-type {
  background-color: #29abe2;
  border-radius: 2px;
}
button.action:hover:not([disabled]),
.button.action:hover:not([disabled]),
button.button--action:hover:not([disabled]),
.button.button--action:hover:not([disabled]),
button.button--action-type:hover:not([disabled]),
.button.button--action-type:hover:not([disabled]) {
  background-color: #198cbc;
}
button.delete,
.button.delete,
button.button--delete,
.button.button--delete {
  border-radius: 2px;
  background-color: #ff4c4c;
}
button.delete:hover:not([disabled]),
.button.delete:hover:not([disabled]),
button.button--delete:hover:not([disabled]),
.button.button--delete:hover:not([disabled]) {
  background-color: #ff0a0a;
}
button.cancel,
.button.cancel,
button.button--cancel,
.button.button--cancel {
  background-color: #969696;
  border-radius: 2px;
}
button.cancel:hover:not([disabled]),
.button.cancel:hover:not([disabled]),
button.button--cancel:hover:not([disabled]),
.button.button--cancel:hover:not([disabled]) {
  background-color: #787878;
}
button.selected,
.button.selected,
button.button--selected,
.button.button--selected {
  cursor: default;
}
button.selected:not(.current-bg),
.button.selected:not(.current-bg),
button.button--selected:not(.current-bg),
.button.button--selected:not(.current-bg) {
  background-color: #fff !important;
}
button.selected.button--outline,
.button.selected.button--outline,
button.button--selected.button--outline,
.button.button--selected.button--outline {
  box-shadow: none !important;
}
button.button--bigger,
.button.button--bigger {
  text-transform: uppercase;
}
button.button.transparent,
.button.button.transparent,
button.button--transparent,
.button.button--transparent,
button.button--link,
.button.button--link,
button.button--outline,
.button.button--outline,
button.button--graph,
.button.button--graph,
button.button--basic,
.button.button--basic {
  background-color: transparent;
  box-shadow: none;
}
button.button.transparent:hover:not([disabled]),
.button.button.transparent:hover:not([disabled]),
button.button--transparent:hover:not([disabled]),
.button.button--transparent:hover:not([disabled]),
button.button--link:hover:not([disabled]),
.button.button--link:hover:not([disabled]),
button.button--outline:hover:not([disabled]),
.button.button--outline:hover:not([disabled]),
button.button--graph:hover:not([disabled]),
.button.button--graph:hover:not([disabled]),
button.button--basic:hover:not([disabled]),
.button.button--basic:hover:not([disabled]) {
  background: none;
}
button.button--dark,
.button.button--dark {
  background-color: #262626;
  border-radius: 2px;
}
button.button--dark:hover:not([disabled]),
.button.button--dark:hover:not([disabled]) {
  background-color: #363636;
}
button.button--dark.button--selected,
.button.button--dark.button--selected {
  background-color: #262626 !important;
  color: #fff !important;
}
button.button--darker,
.button.button--darker {
  background-color: #212121;
}
button.button--darker:hover:not([disabled]),
.button.button--darker:hover:not([disabled]) {
  background-color: #2b2b2b;
}
button.button--outline,
.button.button--outline {
  box-shadow: inset 0 0 0 1px #737373;
  border-radius: 2px;
}
button.button--outline:hover,
.button.button--outline:hover {
  box-shadow: inset 0 0 0 1px #fff;
}
button.button--outline-darker,
.button.button--outline-darker {
  color: #212121;
  box-shadow: inset 0 0 0 1px #212121;
  border-radius: 2px;
}
button.button--outline-light,
.button.button--outline-light {
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}
button.button--outline-lighter,
.button.button--outline-lighter {
  box-shadow: inset 0 0 0 1px #ccc;
  color: #969696;
}
button.button--round,
.button.button--round {
  box-shadow: none;
  border-radius: 18px;
}
button.button--light,
.button.button--light {
  background-color: #fff;
}
button.button--light:hover:not([disabled]),
.button.button--light:hover:not([disabled]) {
  background-color: #ebebeb;
}
button.button--basic:hover:not([disabled]),
.button.button--basic:hover:not([disabled]) {
  color: #fff;
}
button.button--link,
.button.button--link {
  padding-left: 0;
  padding-right: 0;
}
button.button--link:hover:not([disabled]),
.button.button--link:hover:not([disabled]) {
  color: #fff;
}
button.button--search,
.button.button--search,
button.button--icon-inside,
.button.button--icon-inside {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}
button.button--citytrail,
.button.button--citytrail {
  width: 100%;
  height: 36px;
  background-image: url("../img/buttons/citytrail_button.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
button.button--citytrail:hover,
.button.button--citytrail:hover {
  background-image: url("../img/buttons/citytrail_button_active.png");
  background-color: transparent;
}
button.button--with-icon,
.button.button--with-icon {
  text-align: left;
  padding: 2px 0;
}
button.button--with-icon i,
.button.button--with-icon i {
  margin-right: 9px;
  display: inline-block;
  color: inherit !important;
}
button.button--with-icon > *,
.button.button--with-icon > * {
  vertical-align: middle !important;
}
button.button--with-icon:hover,
.button.button--with-icon:hover {
  color: #fff;
}
button.button--with-icon:hover .icon-round,
.button.button--with-icon:hover .icon-round {
  box-shadow: 0 0 0 2px #fff inset;
}
button.button--with-padding,
.button.button--with-padding {
  padding: 11.5px 18px;
}
button.button--text,
.button.button--text {
  color: #ccc;
  transition: color 0.3s;
}
button.button--text:hover,
.button.button--text:hover {
  color: #fff;
}
button.button--text-dark:hover,
.button.button--text-dark:hover {
  color: #212121;
}
button.button--function,
.button.button--function {
  background-color: #424242;
  border-radius: 2px;
}
button.button--function:hover:not([disabled]),
.button.button--function:hover:not([disabled]) {
  background-color: #353535;
}
@media (min-width: 768px) {
  .buttons-pos--top,
  .buttons-pos--bottom {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
  }
  .buttons-pos--top {
    margin-top: -16px;
  }
  .buttons-pos--bottom {
    bottom: -16px;
    left: 0;
  }
}
.buttons-pos--always.buttons-pos--top,
.buttons-pos--always.buttons-pos--bottom {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}
.buttons-pos--always.buttons-pos--top {
  margin-top: -16px;
}
.buttons-pos--always.buttons-pos--bottom {
  bottom: -16px;
  left: 0;
}
/* Forms
// Forms
//
// This section describes Forms
//
// Styleguide 4.0
*/
/* Text input
// Text input
//
// This section describes Inputs
//
// .full - full width input
// .date-input--month - date input month, day, milli, seconds
// .date-input--hour - date input hour and minute
// .date-input--year - date input year
// .transparent - a
// .input--light - a
// .input--large - a
//
// markup:
// div.margin-bottom
//  input(type='text', class='box-inside {$modifiers}', placeholder='placeholder text')
//
// Styleguide 4.2
*/
/* Textarea
// Textarea
//
// This section describes Textarea
//
// .full - full width input
// .transparent - a
// .input--light - a
// .input--large - a
//
// markup:
// div.margin-bottom
//  textarea(class='box-inside {$modifiers}') placehoder text
//
// Styleguide 4.3
*/
input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
  margin-left: 0;
  padding: 0;
  background: none;
}
input[type="checkbox"] +label,
input[type="radio"] +label {
  margin: 3px;
  display: inline-block;
}
.date-input input {
  padding-right: 0;
  padding-left: 0;
}
.date-input input:first-child {
  margin-left: 8px;
}
.date-input--month,
.date-input--day,
.date-input--milli,
.date-input--second {
  width: 18px;
}
.date-input--hour,
.date-input--minute {
  width: 24px;
}
.date-input--year {
  width: 36px;
}
/*label
  cursor pointer
  &.disabled
    cursor default*/
input,
textarea,
.input,
select {
  margin: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
  text-align: left;
}
input.full,
textarea.full,
.input.full,
select.full,
input.big,
textarea.big,
.input.big,
select.big {
  width: 100%;
}
input.transparent,
textarea.transparent,
.input.transparent,
select.transparent {
  background-color: transparent;
  box-shadow: none;
}
input.transparent:not(.input--light),
textarea.transparent:not(.input--light),
.input.transparent:not(.input--light),
select.transparent:not(.input--light) {
  color: #ccc;
}
/* Wrappers with icons
// Wrappers with icons
//
// This section describes wrappers with icons
//
// markup:
// div.margin-top.margin-bottom.wrapper--with-icon.left
//  div(class='select-icon left')
//    i.icon-34.box
//  select.select--large
//    option Choose
//  div(class='input-icon left')
//    i.icon-35
//  input.input--large(value="text")
//
// Styleguide 4.8
*/
.wrapper--with-icon {
  position: relative;
}
.wrapper--with-icon .input-icon {
  position: absolute;
  right: 9px;
  top: 16px;
  z-index: 1;
}
.wrapper--with-icon input {
  padding-right: 36px;
}
.wrapper--with-icon-small .input-icon {
  top: 14px;
}
.wrapper--with-icon-small .input-icon .box {
  font-size: 24px;
}
.wrapper--with-icon-small input {
  padding-right: 40px;
}
.wrapper--with-icon {
  position: relative;
}
.wrapper--with-icon .select-icon {
  position: absolute;
  left: 9px;
  pointer-events: none;
  top: 8px;
  z-index: 1;
}
.wrapper--with-icon select {
  padding-left: 48px !important;
}
.wrapper--with-icon-small .select-icon {
  top: 6px;
}
.wrapper--with-icon-small .select-icon .box {
  font-size: 24px;
}
.wrapper--with-icon-small select {
  padding-left: 40px !important;
}
input,
textarea,
.input {
  padding: 9px;
  color: #ccc;
}
input[type="text"].full,
textarea[type="text"].full,
.input[type="text"].full {
  width: 100% !important;
}
input:focus,
textarea:focus,
.input:focus {
  outline: none;
}
input.input--large,
textarea.input--large,
.input.input--large {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 18px;
  font-size: 16px;
  background-color: #ebebeb;
  color: #212121;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
  color: #808080;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
.input::-moz-placeholder {
  color: #808080;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
.input:-moz-placeholder {
  color: #808080;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.input:-ms-input-placeholder {
  color: #808080;
}
textarea {
  line-height: 140%;
  resize: none;
  overflow: auto;
}
/* Select
// Select
//
// This section describes Select
//
// .small - small
// .full - full width
// .transparent - a
// .select--light - a
// .select--lighter - a
// .select--large - a
// .select--dark - a
// .select--round - a
//
// markup:
// div.margin-top.margin-bottom
//  select(class='{$modifiers}')
//    option Choose
//  select(disabled, class='margin-left {$modifiers}')
//    option Choose
//
// Styleguide 4.4
*/
.select-base,
select,
.inputField--popupSelector .inputField-input {
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-image: url("../img/arrow_down.png");
  background-size: 18px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 24px !important;
  cursor: pointer;
}
.editable-view.edit-mode select {
  color: #ccc;
  background-color: transparent;
  box-shadow: none;
}
.editable-view.edit-mode select option,
.editable-view.edit-mode select optgroup {
  background: #424242;
  color: #ccc;
}
select {
  background-color: #2b2b2b;
  padding: 9px;
}
select.select--large {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 18px;
  font-size: 16px;
}
select.select--light,
select.select--lighter {
  box-shadow: rgba(0,0,0,0.3) 0px 1px 4px -1px;
  background-image: url("../img/icon_map_lap.png");
  background-color: #ebebeb;
  color: #212121;
}
select.select--lighter {
  box-shadow: none;
}
select.select--dark {
  color: #ccc;
}
select.select--round {
  border-radius: 18px;
  padding: 9px 18px;
}
select[disabled],
select.disabled {
  background-image: none;
  color: inherit;
  opacity: 1;
}
select.small {
  padding: 0;
  height: 18px;
  font-size: 11px;
  background-size: 20px;
}
select::-ms-expand {
  display: none;
}
/* Radios
// Radios
//
// This section describes Radios
//
// markup:
// section.sg-section-partial-inside
//  ul.fancy.fancy--radio
//    li
//      input#input(type="radio")
//      label(for='input')
//        span.fancy-label Label
//        span.icon-144.box.size-14.fancy-on
//        span.icon-.box.size-14.fancy-off
//
// Styleguide 4.5
*/
/* Checkbox
// Checkbox
//
// This section describes Checkbox
//
// .fancy--check - a
// .fancy--check.fancy--check-light - a
// .fancy--mac - a
// .fancy--mac.fancy--mac-light - a
//
// markup:
// section.sg-section-partial-inside
//  ul.fancy(class='{$modifiers}')
//    li
//      input(id="{$modifiers}" type="checkbox")
//      label(for="{$modifiers}")
//        span.fancy-label Label
//        span.icon-185.size-14.fancy-on
//        span.icon-.size-14.fancy-off
//
// Styleguide 4.6
*/
.fancy input[type="checkbox"],
.fancy input[type="radio"] {
  float: left;
  overflow: hidden;
  margin-right: 6px;
}
.fancy label {
  display: block !important;
  margin: 0 !important;
  cursor: pointer;
}
@media (min-width: 768px) {
  .fancy--check {
    padding: 6px 0;
  }
  .fancy--radio >li:not(:last-child) {
    padding-bottom: 6px;
  }
  .fancy-on,
  .fancy-off {
    display: none;
  }
}
@media (max-width: 767px) {
  .fancy:not(.fancy--mac) input {
    position: absolute;
    left: -9999px;
  }
  .fancy:not(.fancy--mac) label {
    position: relative;
    text-align: left;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    _zoom: 1 /* for IE */;
    clear: both;
    min-height: 14px;
  }
  .fancy:not(.fancy--mac) label:before,
  .fancy:not(.fancy--mac) label:after {
    content: "";
    display: table;
  }
  .fancy:not(.fancy--mac) label:after {
    clear: both;
  }
  .fancy:not(.fancy--mac) .fancy-label {
    transition: opacity 0.2s;
    max-width: 90%;
    display: block;
    float: left;
    opacity: 0.5;
  }
  .fancy:not(.fancy--mac) input:checked ~ label .fancy-on {
    opacity: 0.99;
  }
  .fancy:not(.fancy--mac) input:checked ~ label .fancy-label {
    opacity: 0.99;
  }
  .fancy:not(.fancy--mac) label {
    background-color: #424242;
    padding: 9px 9px;
  }
  .fancy:not(.fancy--mac) .fancy-on,
  .fancy:not(.fancy--mac) .fancy-off {
    transition: opacity 0.3s;
    position: absolute;
    opacity: 0;
    right: 9px;
    color: #ccc !important;
  }
  .fancy:not(.fancy--mac) .fancy-on {
    z-index: 2;
    font-size: 7px !important;
    top: 12px;
    margin-right: 3px;
  }
  .fancy:not(.fancy--mac) .fancy-off {
    opacity: 0.99;
    background: #212121 !important;
    width: 14px;
    height: 14px;
    padding: 0;
    font-size: 12px;
  }
}
.fancy:not(.fancy--mac).fancy--check-light label {
  color: #212121;
}
@media (max-width: 767px) {
  .fancy:not(.fancy--mac).fancy--check-light label {
    background-color: #e6e6e6 !important;
  }
  .fancy:not(.fancy--mac).fancy--check-light .fancy-on {
    color: #fff !important;
  }
  .fancy:not(.fancy--mac).fancy--check-light .fancy-off {
    background-color: #969696 !important;
  }
}
@media (max-width: 767px) {
  .fancy--check .fancy-on {
    padding: 1px;
  }
  .fancy--check:not(last-child) {
    margin-bottom: 3px;
  }
  .fancy--radio >li:not(:last-child),
  .fancy--check >li:not(:last-child) {
    border-bottom: 1px solid #2b2b2b;
  }
}
.fancy--radio .fancy-on,
.fancy--radio .fancy-off {
  border-radius: 50%;
}
.fancy--radio .fancy-on {
  background: none !important;
  background: #ccc !important;
  width: 8px;
  height: 8px;
  z-index: 1;
}
.fancy--radio .fancy-off {
  opacity: 0.99 !important;
}
.fancy--mac input {
  position: absolute;
  left: -9999px;
}
.fancy--mac label {
  position: relative;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  _zoom: 1 /* for IE */;
  clear: both;
  min-height: 14px;
}
.fancy--mac label:before,
.fancy--mac label:after {
  content: "";
  display: table;
}
.fancy--mac label:after {
  clear: both;
}
.fancy--mac .fancy-label {
  transition: opacity 0.2s;
  max-width: 90%;
  display: block;
  float: left;
  opacity: 0.5;
}
.fancy--mac input:checked ~ label:before {
  background-color: #3c9bfa;
}
.fancy--mac input:checked ~ label .fancy-label {
  opacity: 0.99;
}
.fancy--mac input:checked ~ label .fancy-off {
  background-color: #e6e6e6;
  left: 12px;
}
.fancy--mac label {
  padding-left: 36px;
}
.fancy--mac label:before {
  content: '';
  position: absolute;
  display: block;
  width: 30px;
  height: 14px;
  border-radius: 12px;
  left: 0;
  top: 2px;
  background-color: #363636;
}
.fancy--mac .fancy-label {
  color: #e6e6e6;
}
.fancy--mac .fancy-on {
  display: none;
}
.fancy--mac .fancy-off {
  transition: all 0.3s;
  display: inline-block;
  position: absolute;
  background-color: #5e5e5e;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: 0;
}
.fancy--mac-light label:before {
  background-color: #969696;
}
.fancy--mac-light label .fancy-off {
  background-color: #ccc;
}
.fancy--mac-light input:checked ~ label .fancy-off {
  background-color: #fff;
}
/* Disabled
// Disabled
//
// This section describes Disabled
//
// .disabled - disabled element
// .inactive - inactive element
// .notactive - not active element
//
// markup:
// div.padding-small
//  input(type='text', disabled='disabled', class='{$modifiers}')
//  label.margin-left {$modifiers}
// div.padding-small
//  a(class='{$modifiers}') {$modifiers}
//
// Styleguide 4.7
*/
[disabled] a,
.inactive,
.paginate_button_disabled {
  color: #808080 !important;
  cursor: default !important;
}
.disabled,
[disabled] {
  opacity: 0.5;
  cursor: default !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #ccc;
}
.disabled +label,
[disabled] +label {
  cursor: default;
  color: #808080;
}
.notactive {
  cursor: default !important;
}
.notactive:hover {
  opacity: 1 !important;
}
/* Links
// Links
//
// This section describes links
//
// link - link
// link--current - link current
// link--selected - selected link
// link--light - light link
// link--blue - blue link, like in popups
// link--dark - dark link, like in release notes
// link--darker - darker link, like in release notes
// link--darker-on-dark - darker link, like in release notes on connect page
// link--not-active - link, with transparency and icon hover state
// link--with-icon - with icon
// link--dot.link--hide-text - dot link
//
// markup:
// div.sg-section-partial-inside-alt
//   div.padding-small
//     a(class="link {$modifiers}")
//       i(class="icon-20 box")
//       span {$modifiers}
//   div.padding-small
//     a(class="link link--disabled {$modifiers}")
//       i(class="icon-20 box")
//       span {$modifiers} disabled
//   div.padding-small
//     a(class="link link--selected {$modifiers}")
//       i(class="icon-20 box")
//       span {$modifiers} selected
//   div.padding-small
//     a(class="link link--not-active {$modifiers}")
//       i(class="icon-20 box")
//       span {$modifiers} not-active
//
// Styleguide 2.5
*/
.link {
  color: #ccc;
  z-index: 3;
  position: relative;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s ease-out;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .link {
    display: inline;
  }
}
.link:hover:not([disabled]):not(.link--disabled) {
  color: #fff;
}
.link:hover:not([disabled]):not(.link--disabled) [class^="icon-"] {
  color: inherit;
}
.link--selected,
.link--current {
  color: #e6e6e6 !important;
  cursor: default;
}
.link--light {
  color: #e6e6e6;
}
.link--dark {
  color: #212121;
}
.link--dark:hover:not([disabled]):not(.link--disabled) {
  color: #ccc;
}
.link--blue {
  color: #3c9bfa;
}
.link--blue:hover:not([disabled]):not(.link--disabled) {
  color: #1f4d54;
}
.link--blue:hover:not([disabled]):not(.link--disabled) [class^="icon-"] {
  color: inherit;
}
.link--darker {
  color: #969696;
}
.link--darker:hover:not([disabled]):not(.link--disabled) {
  color: #212121;
}
.link--darker-on-dark {
  color: #969696;
}
.link--darker-on-dark:hover:not([disabled]):not(.link--disabled) {
  color: #ccc;
}
.link--disabled {
  opacity: 1;
  cursor: default;
  color: #ccc;
}
.link--not-active {
  color: rgba(204,204,204,0.3);
}
.link--not-active [class^="icon-"] {
  color: rgba(204,204,204,0.3);
}
.link--dot {
  width: 9px;
  height: 9px;
  line-height: 9px;
  background-color: #969696;
  display: block;
}
.link--dot.link--selected {
  background-color: #3c9bfa;
}
.link--hide-text span {
  display: none;
}
.link--with-icon {
  text-align: left;
  padding: 2px 0;
  padding: 0;
  background-color: transparent !important;
}
.link--with-icon i {
  margin-right: 9px;
  display: inline-block;
  color: inherit !important;
}
.link--with-icon > * {
  vertical-align: middle !important;
}
.link--with-icon:hover {
  color: #fff;
}
.link--with-icon:hover .icon-round {
  box-shadow: 0 0 0 2px #fff inset;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .link--with-icon {
    display: inline-block;
  }
}
.clickable {
  cursor: pointer;
}
.clickable-not {
  cursor: default !important;
}
a,
span.clickable,
label.clickable,
input.clickable {
  text-decoration: none;
  color: #62c9fc;
  cursor: pointer;
  transition: color 0.3s ease-out;
  background: transparent;
  padding: 0;
}
a:not(.link):hover,
span.clickable:not(.link):hover,
label.clickable:not(.link):hover,
input.clickable:not(.link):hover,
a:not(.link).constant-hover,
span.clickable:not(.link).constant-hover,
label.clickable:not(.link).constant-hover,
input.clickable:not(.link).constant-hover {
  text-decoration: none;
}
a:not(.link):hover:not([disabled]):not(.button):not(.link--disabled),
span.clickable:not(.link):hover:not([disabled]):not(.button):not(.link--disabled),
label.clickable:not(.link):hover:not([disabled]):not(.button):not(.link--disabled),
input.clickable:not(.link):hover:not([disabled]):not(.button):not(.link--disabled),
a:not(.link).constant-hover:not([disabled]):not(.button):not(.link--disabled),
span.clickable:not(.link).constant-hover:not([disabled]):not(.button):not(.link--disabled),
label.clickable:not(.link).constant-hover:not([disabled]):not(.button):not(.link--disabled),
input.clickable:not(.link).constant-hover:not([disabled]):not(.button):not(.link--disabled) {
  color: #fff;
}
a.dark,
span.clickable.dark,
label.clickable.dark,
input.clickable.dark {
  color: #424242 !important;
  text-shadow: none !important;
}
a.dark:hover,
span.clickable.dark:hover,
label.clickable.dark:hover,
input.clickable.dark:hover {
  color: #000 !important;
}
a.text-color,
span.clickable.text-color,
label.clickable.text-color,
input.clickable.text-color {
  color: #ccc !important;
  text-shadow: none !important;
}
a.text-color:hover:not([disabled]),
span.clickable.text-color:hover:not([disabled]),
label.clickable.text-color:hover:not([disabled]),
input.clickable.text-color:hover:not([disabled]) {
  color: #e6e6e6 !important;
}
a.medium,
span.clickable.medium,
label.clickable.medium,
input.clickable.medium {
  color: #ccc !important;
}
a.medium:hover:not([disabled]),
span.clickable.medium:hover:not([disabled]),
label.clickable.medium:hover:not([disabled]),
input.clickable.medium:hover:not([disabled]) {
  color: #212121 !important;
}
a.darker,
span.clickable.darker,
label.clickable.darker,
input.clickable.darker {
  color: #2599c7;
}
a.darker:hover:not([disabled]),
span.clickable.darker:hover:not([disabled]),
label.clickable.darker:hover:not([disabled]),
input.clickable.darker:hover:not([disabled]) {
  color: #000;
}
a.selected,
span.clickable.selected,
label.clickable.selected,
input.clickable.selected {
  color: #e6e6e6;
}
/* Messages
// Messages
//
// message--ok - a
// message--error - a
//
// markup:
// div.padding-small.sg-section-partial-inside
//  div(class="message {$modifiers}")
//    i.icon-183.box
//    span This is an information message
//
// Styleguide 5.7
*/
.message {
  padding: 9px;
  background-color: #2b2b2b;
  display: block;
}
.message i {
  margin-right: 9px;
  float: left;
  font-size: 24px !important;
}
.message i:after {
  color: #e6e6e6 !important;
}
.message span {
  padding-top: 3px;
  display: block;
}
.message--info .box {
  color: #424242 !important;
}
.message--ok,
.message--ok .box {
  color: #349101 !important;
}
.message--error,
.message--error .box {
  color: #f00 !important;
}
.no-touchevents .item-buttons {
  display: none;
  position: absolute;
  top: 12px;
  right: 0;
}
@media (max-width: 767px) {
  .no-touchevents .item-buttons {
    width: 30%;
    top: 0;
  }
}
.touchevents .item-buttons {
  margin: 6px 0;
}
@media (min-width: 768px) {
  .touchevents .item-buttons {
    position: absolute;
    top: 12px;
    right: 0;
  }
}
.touchevents .media-grid .media-hidden {
  display: block;
}
.buttons {
  margin: 18px 0;
}
.button-info {
  line-height: 40px;
}
.button.less-hide {
  display: none;
}
.button-info-elem {
  color: #ccc;
  padding: 7px 12px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  white-space: normal;
  background-color: #363636;
  display: inline-block;
}
label.h4 {
  cursor: default;
}
.radio-list input {
  float: left;
  display: block !important;
}
.radio-list input[type="radio"] {
  margin-right: 6px;
}
.radio-list label {
  overflow: hidden;
  zoom: 1;
  display: block !important;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
  margin-left: 0;
  padding: 0;
  background: none;
}
input[type="checkbox"] +label,
input[type="radio"] +label {
  margin: 3px;
  display: inline-block;
}
[type="text"],
[type="number"],
[type="email"],
[type="password"],
[type="button"],
[type="submit"],
textarea,
select {
  border-radius: 0;
}
.select-label {
  line-height: 30px;
}
.select-title {
  padding-top: 8px;
}
.duration_input span {
  padding: 0 6px;
}
.duration_input input {
  min-width: 48px !important;
  width: 48px !important;
  text-align: right;
  letter-spacing: 1px;
}
.duration_input label input {
  text-align: left;
}
.fancy--with-inputs {
  position: relative;
}
.fancy--with-inputs label {
  background: none !important;
}
.fancy--with-inputs li:not(:last-child) {
  border-bottom: none !important;
}
@media (min-width: 768px) {
  .fancy--with-inputs li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.fancy--with-inputs .edit-content >input[type="text"] {
  padding-right: 48px !important;
}
.fancy--with-inputs .edit-content .extra-info {
  padding-right: 36px;
}
.fancy--with-inputs .container {
  position: absolute;
  right: 0;
  z-index: 1;
}
.light-note,
.note {
  background: #424242;
  clear: both;
  margin-bottom: 6px;
  padding: 6px;
}
.info-note {
  background-color: #ccc;
  line-height: 36px;
  padding: 0 6px;
  margin-bottom: 12px;
}
.desc-info {
  display: block;
  padding-top: 6px;
}
.desc-info,
.text--smaller {
  font-size: 11px;
}
.extra-info {
  text-transform: none;
}
span.extra-info,
.extra-text,
.desc-info {
  color: #969696;
}
.info {
  font-size: 90%;
  font-weight: normal;
  padding-top: 6px;
}
.button-info {
  line-height: 40px;
}
.validator {
  color: Red;
}
.error {
  color: #f00;
}
div.fieldError,
input.textBoxErrorClass,
.container-error .edit-content {
  box-shadow: inset 0 0 0 1px #ff4c4c;
}
.fieldErrorMessage {
  position: absolute;
  width: 300px;
  bottom: -18px;
}
p,
.bigger {
  line-height: 140%;
  word-break: normal;
}
p:empty,
.bigger:empty {
  display: none;
}
p.outside,
.bigger.outside {
  color: #ccc;
  margin-left: 3px;
}
.caps {
  text-transform: uppercase;
}
.no-caps,
.normal,
.text--normal > * {
  text-transform: none !important;
}
.text-small,
.smaller {
  font-size: 10px;
}
.hl {
  color: #e6e6e6;
}
.label-smaller .h4,
.disablable .h4 {
  padding-bottom: 3px;
  display: block;
}
a.text--smaller {
  color: #ccc;
}
a.text--smaller:hover {
  color: #fff;
}
.strong {
  font-weight: bold;
  display: block;
}
.bold {
  font-weight: bold;
}
.text-one-line {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-height: 1.4em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.text-long {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.text-long br {
  display: none;
}
.clickable {
  cursor: pointer;
}
a.selected,
span.clickable.selected,
label.clickable.selected,
input.clickable.selected {
  color: #e6e6e6;
}
a.selected i.box,
span.clickable.selected i.box,
label.clickable.selected i.box,
input.clickable.selected i.box {
  background: #fff;
}
a.full-link,
span.clickable.full-link,
label.clickable.full-link,
input.clickable.full-link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* Accordions
// Accordions
//
// This section describes Accordions
//
// .accordion - a
// .accordion--open - a
// .accordion--widget - a
// .accordion--widget.accordion--open - a
// .accordion--sub - a
// .accordion--mini - a
//
// markup:
// div.sg-section-partial-inside
//  div(class="accordion {$modifiers}")
//    header.accordion-title
//      ul
//        li.row-flex.row-flex--middle
//          div
//            .accordion-icons
//              i.icon-159
//              i.icon-160
//          .fl0.h4 General
//    section.wrapper
//      h4 When I give thumbs up on the most liked Moves it"s not shown?
//      | We try to keep the site as fast as possible we can for you. This means that some pages are stored so that updated information is not fetched from database. This makes the pages load faster. This is called caching. These pages are updated still quit frequently, so if you reload the page later it will show the latest information.
//
// Styleguide 6.10
*/
.accordion-title {
  background-color: #2b2b2b;
  margin-top: 2px;
}
.accordion-title:not(.accordion-title--not-openable) {
  cursor: pointer;
}
.accordion-title + .wrapper {
  background-color: #212121;
}
.accordion-title >ul >li.row-flex {
  flex-wrap: nowrap;
}
.accordion-title:hover:not(.accordion-title--not-openable),
.accordion-title:hover:not(.accordion-title--not-openable) .accordion-icons {
  transition: background-color 0.3s;
  background-color: #363636;
}
.accordion-title .h4 {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-height: 1.4em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
@media (min-width: 768px) {
  .accordion-title .h4 {
    font-size: 20px;
  }
}
.accordion-title br {
  display: none;
}
.accordion-icons {
  padding: 24px 27px;
  background-color: #363636;
}
.accordion-icons .icon-160,
.accordion-icons .icon-minus {
  display: none;
}
.accordion--open .accordion-icons .icon-160,
.accordion--open .accordion-icons .icon-minus {
  display: inline-block;
}
.accordion--open .accordion-icons .icon-159,
.accordion--open .accordion-icons .icon-plus {
  display: none;
}
.accordion--widget .accordion-icons .icon-160,
.accordion--widget .accordion-icons .icon-minus {
  display: inline-block;
}
.accordion--mini {
  width: auto !important;
}
.accordion--mini .accordion-title .fl0,
.accordion--mini .accordion-title + section {
  display: none;
}
.accordion--sub .accordion-icons {
  padding: 15px 18px;
}
/* Columns
// Columns
//
// This section describes columns component
//
// .columns--clickable - a
// .columns--with-padding - a
// .columns--with-padding-sides - a
// .columns--with-bg-color - a
// .columns--with-bg-color-alt - a
// .columns--with-bg-color-alt-2 - a
// .columns--with-bg-color-light - a
// .columns--with-stripes - a
// .columns--with-stripes-alt - a
// .columns--with-border - a
// .columns--with-border-left - a
// .columns--with-margin - a
// .columns--selected-light - a
// .columns--selected-dark - a
// .columns--with-hover.columns--with-hover-light - a
// .columns--with-hover.columns--with-hover-dark - a
// .columns--disabled - a
// .columns--highlighted - a
// .columns--height-42 - used in move metrics
// .loading - a
//
// markup:
// section.sg-section-partial-inside
//  div(class='columns columns--with-padding {$modifiers}')
//   a.columns-link
//   ul
//     li.row-flex.row-flex--middle
//       .columns-img
//         i.icon-19.box
//       .fl0.fs6
//         .columns-header
//           span.h4 triathlon
//         .columns-para
//           p.columns-height
//             span 2
//             span modes
//       .align--right
//         i.icon-209.size-18
//  div(class='columns columns--with-padding {$modifiers}')
//   a.columns-link
//   ul
//     li.row-flex.row-flex--middle
//       .columns-img
//         i.icon-24.box
//       .fl0.fs6
//         .columns-header
//           span.h4 cycling
//         .columns-para
//           p.columns-height
//             span 2
//             span modes
//       .align--right
//         i.icon-209.size-18
//  div(class='columns columns--with-padding {$modifiers}')
//   a.columns-link
//   ul
//     li.row-flex.row-flex--middle
//       .columns-img
//         i.icon-24.box
//       .fl0.fs6
//         .columns-header
//           span.h4 cycling
//         .columns-para
//           p.columns-height
//             span 2
//             span modes
//       .align--right
//         i.icon-209.size-18
//
// Styleguide 6.12
*/
.columns {
  transition: background-color 0.3s;
  position: relative;
}
.columns.loading {
  min-height: 120px;
}
.columns--with-padding {
  padding: 9px;
}
.columns--with-padding-sides {
  padding: 0 9px;
}
.columns--with-bg-color {
  margin-top: 2px;
  padding: 9px;
  background-color: #262626;
}
.columns--with-bg-color-alt {
  background-color: #2b2b2b;
}
.columns--with-bg-color-alt-2 {
  background-color: #363636;
}
.columns--with-bg-color-light {
  background-color: #fff;
}
.columns--with-margin {
  margin-bottom: 9px;
}
.columns--with-stripes:nth-child(odd) {
  background-color: #2b2b2b;
}
.columns--with-stripes-alt:nth-child(even) {
  background-color: #262626;
}
.columns--with--hover-dark,
.columns--with-hover-dark {
  cursor: pointer;
}
.columns--with--hover-dark:hover,
.columns--with-hover-dark:hover {
  background-color: #363636;
}
.columns--with--hover-light,
.columns--with-hover-light {
  cursor: pointer;
}
.columns--with--hover-light:hover,
.columns--with-hover-light:hover {
  background-color: #ebebeb;
}
.columns--with-border {
  padding: 6px;
  border: 1px solid #363636;
  border-top: none;
}
.columns--with-border-left {
  padding-left: 5px;
  border-left-width: 4px !important;
  border-left-style: solid;
}
.columns--selected-light {
  background-color: #ebebeb;
}
.columns--selected-dark {
  font-weight: bold;
  background-color: #2b2b2b;
}
.columns--no-padding {
  padding: 0;
}
.columns--disabled:not(.columns--highlighted) i.box,
.columns--disabled:not(.columns--highlighted) .h4,
.columns--disabled:not(.columns--highlighted) p {
  color: #969696;
}
.columns--highlighted {
  background-color: #424242;
}
.columns--highlighted .columns-buttons {
  visibility: hidden;
}
.columns--clickable {
  cursor: pointer;
}
.columns:not(.columns--clickable) .columns-link {
  display: none;
}
.columns--height-42 {
  height: 42px;
}
.columns-content-header {
  margin-bottom: 4px;
}
.columns-content-text {
  overflow: hidden;
  position: relative;
}
.columns-content-para {
  color: #969696;
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
/* Gauge
// Gauge
//
// This section describes Gauge
//
// markup:
// div.pos-rel.sg-section-partial-inside
//   .gauge
//     .gauge-text
//        h4 Distance
//        h1.gauge-header 8.60
//        h4.normal km
//     svg.gauge-element
//       circle(cx='150', cy='150', r='131')
//       path(style='stroke: rgb(51, 204, 0);', d='M 150 281 A 131 131 0 0 1 34.427598952065225 211.67673885684397 ')
//
// Styleguide 6.2
*/
.gauge {
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .gauge {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .gauge {
    padding-top: 12px;
    padding-bottom: 24px;
  }
}
.gauge-element {
  height: 100%;
}
@media (max-width: 767px) {
  .gauge-element {
    display: none;
  }
}
.gauge-element path {
  stroke-width: 36px;
  stroke-linecap: butt;
  fill: none;
}
.gauge-element circle {
  stroke: #000;
  stroke-opacity: 0.35;
  stroke-width: 36px;
  fill: none;
}
@media (min-width: 768px) {
  .gauge-text {
    position: absolute;
    width: 100%;
    padding-top: calc(25% + 7px);
  }
}
.gauge-header {
  margin: 6px 0;
  line-height: 1;
  font-size: 84px;
}
@media (max-width: 767px) {
  .gauge-header {
    font-size: 72px;
  }
}
/* Images - Normal
// Images - Normal
//
// This section describes images
// <p>image has to be a cube, like 128 * 128, because of min-height, goes for media and image grids all of these thinks that you have a container where the class is and inside an image
//
// .size-60 - a
// .size-36 - a
// .size-42 - a
// .size-128 - a
// .size-222 - a
// .size-phone - a
// .img-auto - a
// .img-mobile - a
// .img-mobile--small - a
//
// markup:
// div(class='{$modifiers}')
//  img(src='./img/activities/5_222.png')
//
// Styleguide 6.3
*/
/* Images - Background
// Images - Background
//
// This section describes background images
//
// .img-bg-item - a
// .img-bg-item--center-cropped - a
//
// markup:
// div(style='height: 200px')
//  div(class='{$modifiers}', style='background-image: url(./img/activities/5_222.png)')
//    div
//
// Styleguide 6.3.1
*/
.mask {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
.mask--round {
  border-radius: 50%;
}
.size-60 {
  max-height: 60px;
  width: 60px;
}
.size-60.img-bg {
  height: 100%;
}
.size-60--height {
  height: 60px;
}
.size-60--min-height,
.size-60.min-height {
  min-height: 60px;
}
.size-60.t_center,
.size-60.auto_lineheight {
  line-height: 60px;
}
.size-60--width-auto {
  width: auto;
}
.size-60 img {
  max-height: 60px;
  vertical-align: top;
}
.size-60 [class^="icon-"] {
  vertical-align: middle;
}
.size-24 {
  max-height: 24px;
  width: 24px;
}
.size-24.img-bg {
  height: 100%;
}
.size-24--height {
  height: 24px;
}
.size-24--min-height,
.size-24.min-height {
  min-height: 24px;
}
.size-24.t_center,
.size-24.auto_lineheight {
  line-height: 24px;
}
.size-24--width-auto {
  width: auto;
}
.size-24 img {
  max-height: 24px;
  vertical-align: top;
}
.size-24 [class^="icon-"] {
  vertical-align: middle;
}
.size-36 {
  max-height: 32px;
  width: 32px;
}
.size-36.img-bg {
  height: 100%;
}
.size-36--height {
  height: 32px;
}
.size-36--min-height,
.size-36.min-height {
  min-height: 32px;
}
.size-36.t_center,
.size-36.auto_lineheight {
  line-height: 32px;
}
.size-36--width-auto {
  width: auto;
}
.size-36 img {
  max-height: 32px;
  vertical-align: top;
}
.size-36 [class^="icon-"] {
  vertical-align: middle;
}
.size-42 {
  max-height: 42px;
  width: 42px;
}
.size-42.img-bg {
  height: 100%;
}
.size-42--height {
  height: 42px;
}
.size-42--min-height,
.size-42.min-height {
  min-height: 42px;
}
.size-42.t_center,
.size-42.auto_lineheight {
  line-height: 42px;
}
.size-42--width-auto {
  width: auto;
}
.size-42 img {
  max-height: 42px;
  vertical-align: top;
}
.size-42 [class^="icon-"] {
  vertical-align: middle;
}
.size-128 {
  max-height: 128px;
  width: 128px;
}
.size-128.img-bg {
  height: 100%;
}
.size-128--height {
  height: 128px;
}
.size-128--min-height,
.size-128.min-height {
  min-height: 128px;
}
.size-128.t_center,
.size-128.auto_lineheight {
  line-height: 128px;
}
.size-128--width-auto {
  width: auto;
}
.size-128 img {
  max-height: 128px;
  vertical-align: top;
}
.size-128 [class^="icon-"] {
  vertical-align: middle;
}
.size-180 {
  max-height: 180px;
  width: 180px;
}
.size-180.img-bg {
  height: 100%;
}
.size-180--height {
  height: 180px;
}
.size-180--min-height,
.size-180.min-height {
  min-height: 180px;
}
.size-180.t_center,
.size-180.auto_lineheight {
  line-height: 180px;
}
.size-180--width-auto {
  width: auto;
}
.size-180 img {
  max-height: 180px;
  vertical-align: top;
}
.size-180 [class^="icon-"] {
  vertical-align: middle;
}
.size-222 {
  max-height: 222px;
  width: 222px;
}
.size-222.img-bg {
  height: 100%;
}
.size-222--height {
  height: 222px;
}
.size-222--min-height,
.size-222.min-height {
  min-height: 222px;
}
.size-222.t_center,
.size-222.auto_lineheight {
  line-height: 222px;
}
.size-222--width-auto {
  width: auto;
}
.size-222 img {
  max-height: 222px;
  vertical-align: top;
}
.size-222 [class^="icon-"] {
  vertical-align: middle;
}
@media (max-width: 480px) {
  .size-phone {
    max-height: 60px;
    width: 60px;
  }
  .size-phone.img-bg {
    height: 100%;
  }
  .size-phone--height {
    height: 60px;
  }
  .size-phone--min-height,
  .size-phone.min-height {
    min-height: 60px;
  }
  .size-phone.t_center,
  .size-phone.auto_lineheight {
    line-height: 60px;
  }
  .size-phone--width-auto {
    width: auto;
  }
  .size-phone img {
    max-height: 60px;
    vertical-align: top;
  }
  .size-phone [class^="icon-"] {
    vertical-align: middle;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .size-phone {
    max-height: 128px;
    width: 128px;
  }
  .size-phone.img-bg {
    height: 100%;
  }
  .size-phone--height {
    height: 128px;
  }
  .size-phone--min-height,
  .size-phone.min-height {
    min-height: 128px;
  }
  .size-phone.t_center,
  .size-phone.auto_lineheight {
    line-height: 128px;
  }
  .size-phone--width-auto {
    width: auto;
  }
  .size-phone img {
    max-height: 128px;
    vertical-align: top;
  }
  .size-phone [class^="icon-"] {
    vertical-align: middle;
  }
}
.size-auto img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
.size-full {
  box-sizing: border-box;
  width: 100%;
  white-space: normal;
}
.img-bg {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%;
}
.img-bg-item {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  height: 100%;
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .img-bg-item {
    background-size: cover;
  }
}
.img-bg-item--center-cropped {
  background-position: center center;
  background-size: cover;
}
.img-bg-map {
  background-image: url("../img/move_productBG.png");
  opacity: 0.05;
}
.img-bg--center,
.parallax-img {
  background-size: cover;
  background-position: 50% 50%;
}
.parallax {
  overflow: hidden;
}
.parallax-img {
  transition: all;
  position: absolute;
  width: 100%;
  height: 105%;
  top: -5%;
  left: 0;
}
.touchevents .parallax-img {
  background-attachment: fixed;
}
.img--round {
  border-radius: 50%;
  overflow: hidden;
}
.img-auto img {
  height: auto;
  max-width: 100%;
}
.img-auto-bg >div {
  width: auto !important;
  background-size: 100% auto !important;
}
@media (max-width: 767px) {
  .img-auto-bg >div {
    background-size: auto !important;
  }
}
.img-force img {
  height: 100%;
  width: 100%;
}
.img-force--bg img {
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .img-mobile {
    text-align: center;
  }
  .img-mobile img {
    max-width: 70%;
  }
  .img-mobile--small img {
    max-width: 35%;
  }
}
/* Images - Focal
// Images - Focal
//
// This section describes background images focal points
//
// markup:||forLoop|1,10|div.focal-left--%s.focal-top--%s(style='height:420px; background-image: url(//uploadedimages.static.movescount.com/2016.03/xB452OG9q4JA.jpg)')||
//
// Styleguide 6.3.2
*/
.focal-left--1 {
  background-position-x: 10% !important;
}
.focal-left--2 {
  background-position-x: 20% !important;
}
.focal-left--3 {
  background-position-x: 30% !important;
}
.focal-left--4 {
  background-position-x: 40% !important;
}
.focal-left--5 {
  background-position-x: 50% !important;
}
.focal-left--6 {
  background-position-x: 60% !important;
}
.focal-left--7 {
  background-position-x: 70% !important;
}
.focal-left--8 {
  background-position-x: 80% !important;
}
.focal-left--9 {
  background-position-x: 90% !important;
}
.focal-left--10 {
  background-position-x: 100% !important;
}
.focal-top--1 {
  background-position-y: 10% !important;
}
.focal-top--2 {
  background-position-y: 20% !important;
}
.focal-top--3 {
  background-position-y: 30% !important;
}
.focal-top--4 {
  background-position-y: 40% !important;
}
.focal-top--5 {
  background-position-y: 50% !important;
}
.focal-top--6 {
  background-position-y: 60% !important;
}
.focal-top--7 {
  background-position-y: 70% !important;
}
.focal-top--8 {
  background-position-y: 80% !important;
}
.focal-top--9 {
  background-position-y: 90% !important;
}
.focal-top--10 {
  background-position-y: 100% !important;
}
/* InputField
// InputField
//
// This section describes InputField
//
// .inputField-actualValue--h1 - headers
// .inputField-actualValue--h2 - headers 2
// .inputField-actualValue--h3 - headers 3
// .inputField-actualValue--small - basic text
// .inputField-actualValue--number - number
// .inputField-actualValue--left - align left
// .inputField-actualValue--right - align right
//
// markup:
// section.wrapper.sg-section-partial-inside
//  ul
//    li.row-flex
//      div.inputField.fl6.fs6.inputField.inputField--duration
//        ul
//          li.row-flex.row-flex--inputs.row-flex--no-margins
//            div
//              i.icon-100.box.inputField-icon
//            div.fl0.fs0(class='inputField-actualValue {$modifiers}') 2:00'00.0
//      div.inputField.fl6.fs6.inputField.inputField--duration
//        ul.inputField--edit
//          li.row-flex.row-flex--inputs.row-flex--no-margins
//            div
//              i.icon-100.box.inputField-icon
//            div.fl0.fs0
//              div.inputField.inputField--number
//                input(class='inputField-input {$modifiers}', type='text', value='2', maxlength='3', placeholder='hh')
//            div.inputField-separator :
//            div.fl0.fs0
//              div.inputField.inputField--number
//                input(class='inputField-input {$modifiers}', type='text', value='00', maxlength='2', placeholder='mm')
//            div.inputField-separator '
//            div.fl0.fs0
//              div.inputField.inputField--number
//                input(class='inputField-input {$modifiers}', type='text', value='00', maxlength='2', placeholder='ss')
//            div.inputField-separator .
//            div.fl0.fs0
//              div.inputField.inputField--number
//                input(class='inputField-input {$modifiers}', type='text', value='0', maxlength='1', placeholder='d')
//    li.row-flex.margin-top
//      div.inputField.fl6.fs6
//        label.inputField-label(for='calories') Calories
//        ul
//          li.row-flex.row-flex--inputs.row-flex--no-margins
//            div
//              i.icon-110.box.inputField-icon
//            div(class='inputField-actualValue {$modifiers}') 122
//            div(class='inputField-uom {$modifiers}') kcal
//      div.inputField.fl6.fs6
//        label.inputField-label(for='calories') Calories
//        ul.inputField--edit
//          li.row-flex.row-flex--inputs.row-flex--no-margins
//            div
//              i.icon-110.box.inputField-icon
//            div.fl0.fs0
//              input(class='inputField-input {$modifiers}', type='text', value='122', maxlength='5')
//            div(class='inputField-uom {$modifiers}') kcal
//
// Styleguide 6.4
*/
.inputField {
  position: static;
/* Popupfield */
/*---- GENERAL MODIFIERS ----*/
/* Multiple general modifier may be used for example */
/* --large--left--small */
/*---- /GENERAL MODIFIERS ---*/
/* Multiline modifiers */
}
.inputField--edit .inputField-input,
.inputField--edit .inputField-select {
  color: #212121;
}
.inputField--edit .inputField--edit {
  background: none;
  box-shadow: none;
}
.inputField--edit .inputField-uom {
  padding-right: 12px !important;
  padding-left: 0 !important;
}
.inputField--popupSelector {
  position: static;
}
.inputField--popupSelector .inputField--readonly {
  opacity: 1;
  position: relative;
}
.inputField-label {
  display: block;
  margin-bottom: 6px;
}
.inputField-label:empty {
  display: none;
}
.inputField-actualValue {
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inputField-actualValue--multiline,
.inputField-actualValue--area,
.inputField-actualValue--tags {
  white-space: normal !important;
  width: 100%;
}
.inputField-actualValue--area,
.inputField-actualValue[readonly] {
  line-height: initial;
  word-break: break-word;
}
.inputField-actualValue-text {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 5.6em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.inputField-icon {
  vertical-align: top;
}
.inputField-uom,
.inputField-separator,
.inputField-suffix {
  width: auto;
  text-transform: none;
  cursor: default;
}
.inputField-separator {
  text-align: center;
  padding: 0 2px;
}
.inputField-uom,
.inputField-suffix {
  display: inline;
}
.inputField-uom:empty,
.inputField-suffix:empty {
  display: none;
}
.inputField-info {
  position: relative;
}
.inputField-info p {
  color: #fff;
}
.inputField-input {
  text-align: left;
  border: none;
  background: none;
  width: 100%;
/* Number field modifier */
}
.inputField-input--area {
  text-align: left;
  height: 100px !important;
  width: 100%;
}
.inputField-input--number {
  text-align: right;
}
.inputField__additionalInfo {
  display: block;
}
.inputField-input--left,
.inputField-actualValue--left,
.inputField-separator--left {
  text-align: left;
}
.inputField-input--right,
.inputField-actualValue--right,
.inputField-separator--right {
  text-align: right;
}
.inputField-input--small,
.inputField-actualValue--small,
.inputField-separator--small {
  font-family: 'OpenSans-Regular', Arial;
  font-size: 13px;
  text-transform: none;
  color: #ccc;
  color: #ebebeb;
}
.inputField-input--narrowInput,
.inputField-actualValue--narrowInput,
.inputField-separator--narrowInput {
  text-transform: none;
  text-align: right;
}
@media (max-width: 767px) {
  .inputField-input--narrowInput,
  .inputField-actualValue--narrowInput,
  .inputField-separator--narrowInput {
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
  }
}
.inputField--readonly {
  opacity: 0.5;
}
.inputField-wrapper--multiline {
  display: block;
}
.inputField-select {
  background-color: transparent;
  width: 100% !important;
}
.inputField .moz-fake-select {
  display: none;
  opacity: 1;
}
.min-max-input {
  max-width: 36px;
  padding: 0 2px;
  background-color: transparent;
  text-align: right;
}
/* Popupped view */
.selectableView {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
  width: auto;
  padding: 12px 0 0 12px;
}
.selectableView .selectableItem {
  margin: 0 12px 12px 0;
  display: inline-block;
}
.selectableView .selectableItem-activity {
  opacity: 0.5;
}
.selectableView .selectableItem-activity:hover,
.selectableView .selectableItem-activity--selected {
  opacity: 1;
}
/*
  Popups
  ==========

  Popup components, faders, loaders, pickers etc

  TODO re-organize / clean up

*/
/* Loaders
// Loaders
//
// This section describes Loaders
//
// .fullLoader - on white bg
// .loading-bar - normal mc loading
// .loading-bar.loading-bar--transparent - normal mc loading with a transparent background
// .loading-bar.loading-bar--area - inside an area
// .loading-bar.loading-bar--show - show on load
//
// markup:
// section.loading
//  div(style='height:120px')
//    div(class='{$modifiers} pos-rel')
//
// Styleguide 6.5
*/
/* Loaders - spinner
// Loaders - spinner
//
// This section describes spinner
//
// markup:
// section.loading
//  div.loading-spinner-container.pos-rel(style='height:120px')
//    div.loading-spinner
//
// Styleguide 6.5.1
*/
.fullLoader {
  display: none;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/loadingIndicator_whiteBg.gif") no-repeat center center;
}
.loading .loading-bar,
.loading .fullLoader {
  display: block;
}
.loading-bar,
.loading-spinner-container {
  width: 100%;
  height: 100%;
}
.loading-bar,
.loading-spinner {
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.loading-bar {
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  background-image: url("../img/ajax-loader.gif");
  z-index: 97;
}
.loading-bar:not(.loading-bar--show) {
  display: none;
}
.loading-bar--inside {
  background-size: auto 50%;
  background-color: transparent;
  position: absolute;
}
.loading-bar--area {
  position: absolute;
  background-color: rgba(43,43,43,0.8);
}
.loading-bar-over {
  z-index: 98;
}
.loading-bar--transparent {
  background-color: transparent;
}
.loading-spinner {
  position: absolute;
  display: block;
  background-image: url("//suuntopass-test.s3.amazonaws.com/2013.06.17/spinner.svg");
  animation: spinner 1s infinite steps(12);
  background-size: 48px 48px;
  height: 48px;
  width: 48px;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.loading-spinner-container {
  position: relative;
  z-index: 1;
  background-color: rgba(0,0,0,0.1);
}
/* Menus
// Menus
//
// This section describes menus
//
// .menu--list - a
// .menu--flex - a
// .menu--with-div - Can be find it in maps
// .menu--react - used in react components, don't hide the submenu there with css
// .menu--hori - a
// .menu--padding - a
// .menu--padding--bigger - a
// .menu--group - a
// .menu--light - a
// .menu--up - a
// .menu--right - a
// .menu--full - a
// .menu--bigger - a
// .menu--graph-settings - a
// .menu--with-icons - if menu has icons
// .menu--with-icons-right - if menu has icons on the right
// .menu--open - open the menu for js
//
// markup:
// div.sg-section-partial-inside
//  section.wrapper.wrapper--with-paddings
//   ul(class="menu--list menu--padding menu--hover menu--with-icons-right {$modifiers} ")
//    li
//      a
//        span Here is a link
//        i.icon-151
//      ul.menu--padding
//        li
//          a Here is a sublink
//    li
//      a.current  Here is a curent link
//      ul.menu--padding
//        li
//          a Here is a sublink
//
// Styleguide 6.6
*/
.menu--padding >li >a {
  padding: 6px;
  display: block;
}
.menu--padding--bigger >li >a {
  padding: 12px;
  display: block;
}
.menu--list,
.menu--flex {
  position: relative;
}
.menu--list >li >a,
.menu--flex >li >a {
  display: inline-block;
}
.menu--list >li >ul,
.menu--flex >li >ul,
.menu--list >li >div >ul,
.menu--flex >li >div >ul {
  min-width: 120px;
  position: absolute;
  padding: 12px;
  width: 240px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.menu--list >li >ul a,
.menu--flex >li >ul a,
.menu--list >li >div >ul a,
.menu--flex >li >div >ul a {
  display: block !important;
}
.menu--list:not(.menu--react) >li >ul,
.menu--flex:not(.menu--react) >li >ul,
.menu--list:not(.menu--react) >li >div >ul,
.menu--flex:not(.menu--react) >li >div >ul {
  visibility: hidden;
  opacity: 0;
  transition: all 300ms ease-in;
}
.menu--list:not(.menu--light) >li >a.current,
.menu--flex:not(.menu--light) >li >a.current,
.menu--list:not(.menu--light) >li >a.current > i,
.menu--flex:not(.menu--light) >li >a.current > i {
  background-color: #2b2b2b;
  color: #fff;
}
.menu--list:not(.menu--light) >li >ul,
.menu--flex:not(.menu--light) >li >ul,
.menu--list:not(.menu--light) >li >div >ul,
.menu--flex:not(.menu--light) >li >div >ul {
  background-color: #2b2b2b;
}
.menu--flex {
  display: flex !important;
  align-items: center;
}
.menu--list >li {
  float: left;
}
.menu--with-div >li {
  float: none !important;
}
.menu--with-div >li >div {
  padding: 6px;
  cursor: pointer;
}
.menu--hover >li:hover >ul {
  visibility: visible;
  transition: all 300ms ease-out;
  opacity: 1;
}
.menu--hover:not(.menu--light) >li:hover >a {
  background-color: #2b2b2b;
}
.menu--light {
  background-color: #fff;
}
.menu--light >li >a {
  background-color: #fff;
}
.menu--light a:not(.link--not-selected),
.menu--light div:not(.link--not-selected) {
  color: #212121 !important;
}
.menu--light >li >ul,
.menu--light >li >div >ul {
  background-color: #fff;
  padding: 0;
}
.menu--light >li >ul >li:hover >a,
.menu--light >li >div >ul >li:hover >a {
  background-color: #ebebeb;
}
.menu--group {
  padding: 6px 0 !important;
}
.menu--group >li >a {
  padding: 6px 12px;
  display: block;
}
.menu--group >li >ul,
.menu--group >li >div >ul {
  padding-bottom: 12px;
}
.menu--group >li >ul >li >a,
.menu--group >li >div >ul >li >a {
  padding: 3px 12px;
}
.menu--right >li >ul,
.menu--right >li >div >ul {
  right: 0;
}
.menu--up >li >ul,
.menu--up >li >div >ul {
  box-shadow: none;
  bottom: 0;
}
.menu--hori >li {
  float: none;
}
.menu--hori >li >a {
  display: block;
}
.menu--full {
  position: static;
}
.menu--full >li >ul,
.menu--full >li >div >ul {
  width: 100% !important;
  height: 420px;
  left: 0;
}
.menu--bigger >li >ul,
.menu--bigger >li >div >ul {
  width: 560px !important;
}
.menu--with-icons >li >a {
  white-space: nowrap;
}
.menu--with-icons >li >a * {
  vertical-align: middle;
}
.menu--with-icons:not(.menu--with-icons-right) i {
  margin-right: 6px;
}
.menu--with-icons-right i {
  margin-left: 6px;
}
.menu--open >li >a {
  background-color: #2b2b2b;
}
.menu--open >li >ul,
.menu--open >li >div >ul {
  visibility: visible !important;
  opacity: 1 !important;
}
.menu--graph-settings >li >a:hover {
  color: #fff;
}
.menu--graph-settings >li >ul,
.menu--graph-settings >li >div >ul {
  background-color: rgba(43,43,43,0.8) !important;
  width: 295px;
  box-sizing: border-box;
  padding: 12px;
  text-align: left;
}
@media (max-width: 767px) {
  .menu--graph-settings {
    margin-top: -48px;
  }
  .menu--graph-settings >li {
    width: 100%;
  }
  .menu--graph-settings >li >ul,
  .menu--graph-settings >li >div >ul {
    width: auto;
    position: static;
  }
}
/* Navi
// Navi
//
// This section describes Navigation
//
// .navi--top - a
// .navi--top.navi--top-sub - a
// .navi--top.navi--top-mini - a
// .navi--top.navi--transparent - a
//
// markup:
// div.sg-section-partial-inside(style="height:60px")
//  div(class="navi {$modifiers} h4")
//    ul.menu--flex.menu--hover
//      li
//        a.current Me
//      li
//        a World
//
// Styleguide 6.7
*/
.navi >ul >li:hover >a {
  color: #fff;
  background-color: #424242;
}
.navi >ul >li >a {
  display: inline-block;
}
.navi >ul >li >a.current {
  color: #fff;
  background-color: #363636;
}
.navi--transparent >ul >li:hover >a {
  background-color: rgba(128,128,128,0.6);
}
.navi--transparent >ul >li >a.current {
  background-color: rgba(128,128,128,0.8);
}
.navi--top >ul >li >a {
  color: #e6e6e6;
  padding: 22px 36px;
}
.navi--top-sub >ul >li >a {
  padding: 18px 24px;
}
.navi--top-mini >ul >li >a {
  padding: 6px 18px;
  color: #ccc;
  font-size: 10px;
  font-weight: bold;
}
.navi--top-mini >ul >li >a.current {
  background-color: #424242;
}
.navi--with-divs div {
  padding: 12px;
}
.navi--with-divs div:hover,
.navi--with-divs div.current {
  color: #fff;
  background-color: #2b2b2b;
}
/* Pop-ups
// Pop-ups
//
// This section describes Pop-ups
//
// .pop-up-window--small - a
// .pop-up-window--tiny - a
// .pop-up-window--map - a
// .pop-up-window--dark - a dark one
// .pop-up-window--no-header - no header
// .pop-up-window--full - a
// .pop-up-window--video - a
//
// markup:
// div(class='pop-up-window-container', style='height:600px; display:block')
//    div(class='fade-black row-flex row-flex--no-margins row-flex--middle row-flex--center', data-id='fade', style='position:absolute !important')
//      div(class='pop-up-window {$modifiers}', data-id='popup')
//        ul(class='pop-up-window-header')
//          li(class='row-flex row-flex--middle')
//            div(class='fl0 fs0')
//              span(class='h3 text--light', data-testid='pop-up-window-header-text') Header Text
//            div(class='align--right')
//              a(class='icon-184 size-24 link link--light pop-up-window-close', onclick='{closeCallback}', data-testid='pop-up-window-header-close')
//        div(class='pop-up-window-content', data-testid='pop-up-window-content')
//          p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.
//
// Styleguide 6.8
*/
.pop-up-window {
  margin: auto;
  width: 100% !important;
  min-width: 300px;
}
@media (min-width: 768px) {
  .pop-up-window-container {
    position: relative;
  }
  .pop-up-window-container--fixed {
    position: fixed;
  }
}
.pop-up-window-container .fade-black {
  overflow: auto;
}
@media (max-width: 767px) {
  .pop-up-window-container .fade-black {
    z-index: 3502;
  }
}
.pop-up-window-animation-hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0ms ease-out;
}
.pop-up-window-animation-enter,
.pop-up-window-animation-appear {
  opacity: 0.01;
}
.pop-up-window-animation-enter-active,
.pop-up-window-animation-appear-active {
  opacity: 1;
  transition: all 300ms ease-out;
  visibility: visible;
}
.pop-up-window-animation-leave {
  opacity: 1;
}
.pop-up-window-animation-leave-active {
  opacity: 0.01;
  transition: all 200ms ease-in;
  visibility: hidden;
}
@media (max-width: 767px) {
  .pop-up-window:not(.pop-up-window--inset) {
    background: #fff !important;
    height: 100% !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pop-up-window:not(.pop-up-window--inset).pop-up-window--dark {
    background: #363636 !important;
  }
  .pop-up-window:not(.pop-up-window--inset):not(.pop-up-window--dark) .pop-up-window-header .h3 {
    color: #212121 !important;
  }
  .pop-up-window:not(.pop-up-window--inset):not(.pop-up-window--dark) .pop-up-window-close {
    color: #212121;
  }
  .pop-up-window:not(.pop-up-window--inset):not(.pop-up-window--dark) .pop-up-window-close:hover:not([disabled]):not(.link--disabled) {
    color: #ccc;
  }
}
@media (min-width: 768px) {
  .pop-up-window-content,
  .pop-up-window-header {
    margin-left: 36px;
    margin-right: 36px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  }
}
.pop-up-window--dark .pop-up-window-header,
.pop-up-window--dark .pop-up-window-content {
  box-shadow: none;
}
.pop-up-window--dark .pop-up-window-content {
  background-color: #363636 !important;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content {
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content h1,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content h2,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content h3,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content h4,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content h5,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .h1,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .h2,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .h3,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .h4,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .h5,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .inputField-label {
  color: #212121;
  text-shadow: none;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content h6,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .extra-info {
  color: #808080;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content a:not(.button):not(.box):not(.link),
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content a:not(.button):not(.box):not(.link):hover:not([disabled]),
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg input,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg select,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg select option,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content div .table-grid.clickable:hover:not(.disabled),
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content div .media-grid.clickable:hover:not(.disabled),
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content div .table-grid.clickable.selected,
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content div .table-grid:nth-child(odd),
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content .note {
  background: #fff;
}
.pop-up-window:not(.pop-up-window--dark) .pop-up-window-content--footer {
  background-color: #e6e6e6 !important;
}
.pop-up-window-header {
  padding: 18px 36px;
  padding-right: 18px;
}
@media (min-width: 768px) {
  .pop-up-window-header {
    background-color: #363636;
  }
}
@media (max-width: 767px) {
  .pop-up-window-header {
    padding-bottom: 0;
  }
}
.pop-up-window-content {
  padding: 36px;
}
.pop-up-window-content .ui-tabs {
  padding: 0;
}
@media (min-width: 768px) {
  .pop-up-window {
    max-width: 1146px;
  }
  .pop-up-window--small .pop-up-window-header,
  .pop-up-window--tiny .pop-up-window-header,
  .pop-up-window--map .pop-up-window-header,
  .pop-up-window--small .pop-up-window-content,
  .pop-up-window--tiny .pop-up-window-content,
  .pop-up-window--map .pop-up-window-content {
    margin: 0;
  }
  .pop-up-window--small {
    max-width: 846px;
  }
  .pop-up-window--tiny {
    max-width: 573px;
  }
  .pop-up-window--tiny .pop-up-window-header {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .pop-up-window--tiny .pop-up-window-content {
    padding: 24px;
  }
  .pop-up-window--map {
    width: 100%;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  }
  .pop-up-window--map .pop-up-window-header,
  .pop-up-window--map .pop-up-window-content {
    padding: 18px;
  }
  .pop-up-window--full {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    background: #fff !important;
    overflow: auto;
  }
  .pop-up-window--full .pop-up-window-content,
  .pop-up-window--full .pop-up-window-header {
    margin: 0;
    box-shadow: none;
    position: relative;
  }
}
.pop-up-window--no-header .pop-up-window-header,
.pop-up-window--no-header .pop-up-window-content {
  box-shadow: none;
  background-color: transparent;
}
.pop-up-window--inset .pop-up-window-content,
.pop-up-window--video .pop-up-window-content {
  padding: 6px;
  border-radius: 4px;
}
.pop-up-window--inset {
  max-width: 400px;
}
@media (max-width: 767px) {
  .pop-up-window--with-image .pop-up-window-header {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
  }
  .pop-up-window--with-image .pop-up-window-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    box-sizing: border-box;
    min-heigh: 100vh;
  }
  .pop-up-window--with-image .pop-up-window-content-elem {
    height: 100%;
  }
  .pop-up-window--with-image .pop-up-window-content-text {
    padding: 12px 18px;
  }
}
@media (max-width: 767px) {
  .pop-up-window--video {
    background: none !important;
  }
}
.pop-up-window .loading-bar {
  text-shadow: none;
  background-color: transparent;
}
.pop-up-window .over-fade {
  position: relative;
}
/* Scrollbar
// Scrollbar
//
// This section describes Scrollbar
//
// .scrollbar--webkit - adds a scrollbar to webkit based browsers
//
// markup:
// div(class="scrollbar {$modifiers} margin-bottom" style="max-height: 100px").
//  Fusce vel dui. Curabitur vestibulum aliquam leo. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Cras id dui
//  Sed lectus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Maecenas egestas arcu quis ligula mattis placerat. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus
//  Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Ut leo. Pellentesque dapibus hendrerit tortor. Nunc sed turpis. Aenean viverra rhoncus pede.
//  Praesent egestas neque eu enim. Nam eget dui. Nullam quis ante. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Maecenas egestas arcu quis ligula mattis placerat.
//  Sed in libero ut nibh placerat accumsan. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Cras id dui. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.
// div(class="scrollbar {$modifiers} text--wrap-no").
//  Fusce vel dui. Curabitur vestibulum aliquam leo. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Cras id dui
//  Sed lectus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Maecenas egestas arcu quis ligula mattis placerat. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus
//  Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Ut leo. Pellentesque dapibus hendrerit tortor. Nunc sed turpis. Aenean viverra rhoncus pede.
//  Praesent egestas neque eu enim. Nam eget dui. Nullam quis ante. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Maecenas egestas arcu quis ligula mattis placerat.
//  Sed in libero ut nibh placerat accumsan. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Cras id dui. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.
//
// Styleguide 6.13
*/
.scrollbar--webkit {
  overflow: auto;
}
.scrollbar--webkit::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.scrollbar--webkit::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.scrollbar--webkit::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 4px solid transparent;
  background-color: #969696;
  background-clip: padding-box;
}
.scrollbar--webkit::-webkit-scrollbar-button {
  display: none;
}
.graph--summary svg .line,
svg.graph--summary .line {
  stroke-width: 2;
  stroke: #808080;
  fill: none;
}
.graph--summary svg .line--bold,
svg.graph--summary .line--bold {
  stroke-width: 4;
}
.graph--summary svg .axis--x,
svg.graph--summary .axis--x,
.graph--summary svg .axis--y,
svg.graph--summary .axis--y {
  fill: none;
  stroke: none;
}
.graph--summary svg .axis--x .tick,
svg.graph--summary .axis--x .tick,
.graph--summary svg .axis--y .tick,
svg.graph--summary .axis--y .tick {
  stroke: #ebebeb;
}
.graph--summary svg .axis--x .tick line,
svg.graph--summary .axis--x .tick line,
.graph--summary svg .axis--y .tick line,
svg.graph--summary .axis--y .tick line {
  stroke-dasharray: 1.5, 3;
  stroke: #363636;
}
.graph--summary svg .point,
svg.graph--summary .point {
  fill: #1c1c1c;
  stroke: #b3b3b3;
  stroke-width: 2;
}
.graph--summary svg .area,
svg.graph--summary .area {
  fill: #b3b3b3;
  fill-opacity: 0.1;
}
.graph--summary svg .label-bottom,
svg.graph--summary .label-bottom,
.graph--summary svg .label-top,
svg.graph--summary .label-top {
  fill: #e6e6e6;
}
.graph--summary svg .text-anchor--middle,
svg.graph--summary .text-anchor--middle {
  text-anchor: middle;
}
.graph--summary svg .text-anchor--inherit,
svg.graph--summary .text-anchor--inherit {
  text-anchor: inherit;
}
.graph--summary svg text,
svg.graph--summary text {
  fill: #ccc;
}
/* Tables
// Tables
//
// This section describes tables
//
// listtable - a
// listtable.hover-class - a
// datatable - a
// datatable.datatable--stripes - a
// datatable.datatable--stripes-third - a
// datatable.datatable--hover - a
//
// markup:
// section.sg-section-partial-inside
//  div(class="{$modifiers}")
//   table
//     thead
//       tr
//         th.padding-left--none
//           i.icon-3.box.margin-right
//           span.h2 Running
//         th
//           i.icon-173.box.margin-right
//           span.text--bold Age group
//         th
//           span.text--bold Reacht next level
//     tbody
//       tr
//         td
//           | 1 
//           span km
//         td.text--center
//           | 3'30
//         td
//           | 3'30 
//           span min
//       tr
//         td
//           | 1 
//           span km
//         td.text--center
//           | 3'30 
//         td
//           | 3'30 
//           span min
//       tr
//         td
//           | 1 
//           span km
//         td.text--center
//           | 3'30 
//         td
//           | 3'30 
//           span min
//     tfoot
//       tr
//         td Marathon
//         td
//         td 3'23 h
//
// Styleguide 6.11
*/
table {
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}
.listtable.hover-class tr.odd td,
.listtable.hover-class tr:nth-child(odd) td {
  background-color: #262626;
}
.listtable.hover-class tr:hover td {
  background-color: #363636;
  cursor: pointer;
}
.listtable td {
  padding: 3px;
  vertical-align: middle;
}
.datatable .width-50 {
  width: 50%;
}
.datatable .width-25 {
  width: 25%;
}
.datatable .width-20 {
  width: 20%;
}
.datatable .width-15 {
  width: 15%;
}
.datatable .width-10 {
  width: 10%;
}
.datatable .width-5 {
  width: 5%;
}
.datatable--stripes tbody tr:nth-child(odd) td {
  background-color: #262626;
}
.datatable--stripes tr.odd td {
  background-color: #262626;
}
.datatable--stripes-third tbody tr:nth-child(4n+1):not(.hidden) td {
  background-color: #262626;
}
.datatable--hover tbody tr:not(.selected):hover td {
  background-color: #363636;
}
.datatable--hover tbody tr td {
  cursor: pointer;
}
.datatable--hover tbody tr td .edit-options {
  display: inline;
}
body .datatable--sorting .sorting-td {
  cursor: pointer;
  color: #969696;
  vertical-align: top;
  white-space: nowrap;
}
body .datatable--sorting .sorting-td:hover {
  color: #ccc;
}
body .datatable--sorting .sorting-td-label {
  margin-right: 3px;
}
body .datatable--sorting .sorting-td-icon {
  font-size: 10px;
}
body .datatable--sorting .sorting-td-icon:before {
  content: "\f154";
}
body .datatable--sorting .sorting-td--asc,
body .datatable--sorting .sorting-td--desc {
  color: #fff;
}
body .datatable--sorting .sorting-td--asc .sorting-td-icon:before {
  content: "\f151";
}
body .datatable--sorting .sorting-td--desc .sorting-td-icon:before {
  content: "\f156";
}
body .datatable--smaller td,
body .datatable--smaller th {
  padding: 9px 9px;
}
.datatable table {
  width: 100%;
}
.datatable td,
.datatable th {
  padding: 9px 18px;
}
@media (max-width: 767px) {
  .datatable td,
  .datatable th {
    font-size: 12px;
    padding: 3px 6px !important;
  }
}
.datatable th * {
  vertical-align: middle !important;
}
.datatable td {
  vertical-align: middle;
}
.datatable tr.selected {
  transition: background-color 0.2s;
}
.datatable tr.selected td {
  background-color: #ebebeb !important;
  color: #212121;
}
.datatable tr.details-tr td {
  color: #212121;
  background-color: #e6e6e6 !important;
}
.datatable tfoot td {
  color: #969696;
  background-color: #212121;
}
@media (min-width: 768px) and (max-width: 979px) {
  .laptable td:nth-child(n+8),
  .laptable th:nth-child(n+8) {
    display: none;
  }
}
@media (max-width: 767px) {
  .laptable td:nth-child(n+7),
  .laptable th:nth-child(n+7) {
    display: none;
  }
}
/* Text more
// Text more
//
// This section describes Text more component
//
// .text-more-text--lines-3 - a
// .text-more-text--lines-1 - a
//
// markup:
// div.sg-section-partial-inside
//   div.text-more.text-more--show
//     div(class="{$modifiers}")
//      | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
//     div.more-link
//      a.link.link--light More...
//
// Styleguide 6.14
*/
.text-more--show .text-more-link {
  display: block;
}
.text-more--show .text-more-text--lines-1 {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-height: 1.4em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.text-more--show .text-more-text--lines-3 {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.text-more--show .text-more-text--lines-4 {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  max-height: 5.6em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.text-more--show .text-more-text--lines-5 {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  max-height: 7em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.text-more--show .text-more-text--lines-6 {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  max-height: 8.399999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.text-more--show .text-more-text .link {
  display: inline;
}
.text-more-link {
  display: none;
}
/* Tooltip - tooltipper
// Tooltip - tooltipper
//
// This section describes tooltipper
//
// .tooltipper - a
// .tooltipper.tooltipper--dark - a
//
// markup:
// section
//  div(class='pos-rel {$modifiers}')
//    div(class='tooltipper-wrapper')
//      div(class='tooltipper-iconWrapper')
//        i(class='icon-23 box tooltipper-icon')
//      div(class='tooltipper-text') This is text
//
// Styleguide 6.9.2
*/
.tooltipper {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
  pointer-events: none;
  border-radius: 9px;
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
  position: absolute;
  padding: 12px;
}
.tooltipper h1,
.tooltipper h2,
.tooltipper h3,
.tooltipper h4,
.tooltipper h5,
.tooltipper .h1,
.tooltipper .h2,
.tooltipper .h3,
.tooltipper .h4,
.tooltipper .h5,
.tooltipper .inputField-label {
  color: #212121;
  text-shadow: none;
}
.tooltipper h6,
.tooltipper .extra-info {
  color: #808080;
}
.tooltipper a:not(.button):not(.box):not(.link),
.tooltipper .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.tooltipper a:not(.button):not(.box):not(.link):hover:not([disabled]),
.tooltipper .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.tooltipper .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.tooltipper .editable-view.edit-mode .edit-bg input,
.tooltipper .editable-view.edit-mode .edit-bg select,
.tooltipper .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.tooltipper .editable-view.edit-mode .edit-bg select option,
.tooltipper .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.tooltipper div .table-grid.clickable:hover:not(.disabled),
.tooltipper div .media-grid.clickable:hover:not(.disabled),
.tooltipper div .table-grid.clickable.selected,
.tooltipper div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.tooltipper div .table-grid:nth-child(odd),
.tooltipper div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.tooltipper .note {
  background: #fff;
}
.tooltipper:after {
  content: " ";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
  display: block;
  left: 24px;
  transform: rotate(-135deg);
  top: -6px;
}
.tooltipper-wrapper {
  min-width: 260px;
}
.tooltipper--mediaConnect,
.tooltipper--error {
  display: none;
}
input.error ~ .tooltipper--mapSearch {
  display: block;
  left: 24px;
}
/* Tooltips
// Tooltips
//
// This section describes boxtip
//
// .boxtip - a
// .boxtip.boxtip--dark - a
// .boxtip.boxtip--compact - a
// .boxtip.boxtip--no-tip - a
//
// markup:
// section
//  .boxtip-container.pos-rel.visible
//    div(class='pos-rel {$modifiers}')
//      ul
//        li
//          .boxtip-image
//        li
//          ul.boxtip-content
//            li.row-flex
//              div
//                i.icon-34.box
//              div.boxtip-title
//                h4 Title
//              p From start 0.08 km
//
// Styleguide 6.9
*/
.boxtip {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
  pointer-events: none;
  border-radius: 9px;
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
}
.boxtip h1,
.boxtip h2,
.boxtip h3,
.boxtip h4,
.boxtip h5,
.boxtip .h1,
.boxtip .h2,
.boxtip .h3,
.boxtip .h4,
.boxtip .h5,
.boxtip .inputField-label {
  color: #212121;
  text-shadow: none;
}
.boxtip h6,
.boxtip .extra-info {
  color: #808080;
}
.boxtip a:not(.button):not(.box):not(.link),
.boxtip .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.boxtip a:not(.button):not(.box):not(.link):hover:not([disabled]),
.boxtip .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.boxtip .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.boxtip .editable-view.edit-mode .edit-bg input,
.boxtip .editable-view.edit-mode .edit-bg select,
.boxtip .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.boxtip .editable-view.edit-mode .edit-bg select option,
.boxtip .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.boxtip div .table-grid.clickable:hover:not(.disabled),
.boxtip div .media-grid.clickable:hover:not(.disabled),
.boxtip div .table-grid.clickable.selected,
.boxtip div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.boxtip div .table-grid:nth-child(odd),
.boxtip div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.boxtip .note {
  background: #fff;
}
.boxtip a,
.boxtip .button,
.boxtip button {
  pointer-events: all;
}
.boxtip-container {
  position: absolute;
  display: none;
}
.boxtip-image {
  border-radius: 9px 9px 0 0;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: inset 0 -70px 40px -40px rgba(0,0,0,0.4);
}
.boxtip-top {
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 9px;
}
.boxtip-content {
  padding: 9px;
}
.boxtip-content span:not(:last-child):after {
  content: ',';
  padding-right: 3px;
}
.boxtip-content-description {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.2em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.boxtip:not(.boxtip--compact) {
  width: 284px;
}
.boxtip--compact {
  max-width: 284px;
}
.boxtip:not(.boxtip--no-tip) {
  position: absolute;
}
.boxtip:not(.boxtip--no-tip):after {
  content: " ";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
  display: block;
  bottom: -6px;
  box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
  transform: rotate(45deg);
  left: calc(50% - 6px);
}
.boxtip--dark {
  background-color: #1c1c1c !important;
}
.boxtip--dark:before,
.boxtip--dark:after {
  border-right-color: #1c1c1c;
  border-bottom-color: #1c1c1c;
}
/* Tooltip - bubble
// Tooltip - bubble
//
// This section describes bubble
//
// .bubble - a
// .bubble.center - a
// .bubble.bubble--dark - a
//
// markup:
// section
//  div(class='pos-rel {$modifiers}')
//    div Text here
//
// Styleguide 6.9.1
*/
.bubble {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
  pointer-events: none;
  border-radius: 9px;
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
  position: absolute;
  padding: 12px;
}
.bubble h1,
.bubble h2,
.bubble h3,
.bubble h4,
.bubble h5,
.bubble .h1,
.bubble .h2,
.bubble .h3,
.bubble .h4,
.bubble .h5,
.bubble .inputField-label {
  color: #212121;
  text-shadow: none;
}
.bubble h6,
.bubble .extra-info {
  color: #808080;
}
.bubble a:not(.button):not(.box):not(.link),
.bubble .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.bubble a:not(.button):not(.box):not(.link):hover:not([disabled]),
.bubble .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.bubble .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.bubble .editable-view.edit-mode .edit-bg input,
.bubble .editable-view.edit-mode .edit-bg select,
.bubble .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.bubble .editable-view.edit-mode .edit-bg select option,
.bubble .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.bubble div .table-grid.clickable:hover:not(.disabled),
.bubble div .media-grid.clickable:hover:not(.disabled),
.bubble div .table-grid.clickable.selected,
.bubble div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.bubble div .table-grid:nth-child(odd),
.bubble div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.bubble .note {
  background: #fff;
}
.bubble:after {
  content: " ";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
  display: block;
  bottom: -6px;
  box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
  transform: rotate(45deg);
  left: calc(50% - 6px);
}
.bubble--dark {
  background-color: #1c1c1c !important;
}
.bubble--dark:before,
.bubble--dark:after {
  border-right-color: #1c1c1c;
  border-bottom-color: #1c1c1c;
}
.bubble-header {
  font-weight: bold;
}
.bubble.center {
  width: 192px;
}
.bubble.center:before,
.bubble.center:after {
  left: 90px;
}
/* Triggers
// Triggers
//
// This section describes Triggers component
//
// .trigger--show - show
// .trigger--show-desktop - show only in desktop
//
// markup:
// div.sg-section-partial-inside
//   div(class="clickable trigger {$modifiers}")
//     div.padding.pos-rel
//       div.trigger-elem.pos-abs.pos-top
//         span This will be visible on hover
//
// Styleguide 6.15
*/
.trigger--show:hover .trigger-elem {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 768px) {
  .trigger--show-desktop:hover .trigger-elem {
    visibility: visible;
    opacity: 1;
  }
}
.trigger-elem {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
/*top 50%
    transform translateY(-50%)
    left 0*/
}
.calendar-header .middle a {
  color: #e6e6e6;
}
.calendar-tools-settings {
  position: absolute;
  top: -6px;
  right: -6px;
}
.calendar-tools-settings-ul {
  padding: 18px !important;
  padding-bottom: 6px !important;
}
.calendar-week {
  text-align: right;
}
.calendar-week,
.calendar-day {
  padding: 6px;
  width: 10% !important;
}
.calendar-selectweek {
  padding: 6px;
  background-color: #262626;
}
@media (min-width: 768px) {
  .calendar-selectweek-icon {
    padding: 0 18px;
  }
}
.calendar-selectweek--selectable {
  cursor: pointer;
}
.calendar-selectweek--selectable:hover {
  background-color: #363636;
}
.calendar-selectweek--selectable:hover ~ div {
  background-color: #363636;
}
.calendar-selectweek--selectable:hover a {
  color: #fff;
}
.calendar-summary {
  padding: 0 12px;
}
.calendar-selectweek,
.calendar-day {
  margin-bottom: 3px !important;
}
.calendar-selectweek:not(:last-child),
.calendar-day:not(:last-child) {
  margin-right: 3px;
}
.calendar-day {
  min-height: 68px;
}
.calendar-day:not(.calendar-day--othermonth) {
  background-color: #262626;
}
.calendar-day--othermonth {
  background-color: #212121;
}
.calendar-day--today .calendar-day-number span {
  background-color: #363636;
  border-radius: 50%;
  padding: 3px;
  margin-top: -3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
}
@media (min-width: 768px) {
  .calendar-day--today .calendar-day-number span {
    margin-right: -3px;
  }
}
.calendar-day-number {
  text-align: right;
  margin-bottom: 6px;
}
.calendar-day:hover {
  background-color: #2b2b2b;
  cursor: pointer;
}
.calendar-day:hover .calendar-day-addnew {
  visibility: visible;
  opacity: 1;
}
.calendar-day-addnew {
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
}
.calendar-menu {
  position: relative;
  z-index: auto;
}
.calendar-menu i {
  vertical-align: top;
}
.calendar-menu li {
  float: left;
}
.no-touchevents .calendar-menu > li:hover ul {
  display: block;
}
.calendar-menu ul {
  z-index: 10;
  display: none;
  position: absolute;
  width: 400px;
  top: 0;
  left: 0;
}
@media (max-width: 480px) {
  .calendar-menu ul {
    width: auto;
    top: 33px;
  }
}
.calendar-stash-active .calendar-stash-tooltip {
  display: block;
}
.calendar-stash-tooltip {
  top: 0;
  display: none;
  left: 50%;
  transform: translate(-50%, -101%);
  pointer-events: all;
}
.calendar-stash-tooltip .calendar-stash-items {
  margin-bottom: -6px;
}
.calendar-stash-tooltip .calendar-stack {
  margin-right: 6px;
  margin-bottom: 3px;
}
.calendar-stack {
  margin-right: 3px;
  display: block;
}
@media (max-width: 480px) {
  .calendar-stack {
    margin-right: 0;
  }
}
.calendar-stack--stacked {
  position: absolute;
  border-radius: 50%;
  box-shadow: -1px 0px 4px rgba(0,0,0,0.35);
}
.calendar-stack--stacked:hover {
  z-index: 10 !important;
}
.calendar-stash:hover,
.calendar-stash:focus {
  z-index: 4;
}
.calendar-stash-first {
  position: relative;
}
.calendar-stash-first .planned-move:before {
  display: none;
}
.calendar-stash-first .planned-move:after {
  background: transparent !important;
}
.calendar-stash-first label {
  margin: 0;
}
.calendar-stash-number {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.4em;
  left: 0;
  text-align: center;
  color: #212121;
  z-index: 1;
}
@media (max-width: 767px) {
  .calendar-stash-number {
    line-height: 2em;
  }
}
.calendar-stash-input {
  display: none;
}
.calendar-stash-input:checked ~ .vertical {
  display: block;
  left: 35px;
  margin-right: 3px;
}
@media (max-width: 480px) {
  .calendar-stash-input:checked ~ .vertical {
    top: 32px;
    left: 0;
  }
  .calendar-stash-input:checked ~ .vertical li {
    margin-top: 3px;
  }
}
.calendar-stash-input:checked ~ .calendar-stash--first .calendar-stash-number,
.calendar-stash-input:checked ~ .calendar-stash--first .icon-empty {
  display: none;
}
.calendar-stash-input:checked ~ .calendar-stash--first .icon-close-stash {
  display: block;
}
.calendar-stash-icon-close {
  display: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.scroller-div {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 408px;
}
@media (max-width: 767px) {
  .scroller-div {
    max-height: 100%;
  }
}
.stucki {
  position: fixed !important;
  z-index: 98;
}
.stucki.scrolling-header {
  background-color: #2b2b2b;
  top: header;
  box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  text-align: right;
  padding: 24px;
  z-index: 97;
}
.stucki h3 {
  margin: 0;
  text-align: center;
}
.edit-header {
  margin-bottom: 6px;
}
.edit-header .extra-info {
  font-size: 12px;
  color: #808080;
}
.edit-content {
  position: relative;
}
.edit-content select {
  width: 100%;
}
.edit-content .extra-info {
  padding-right: 6px;
  padding-left: 3px;
}
.editable-view .edit-show {
  display: none;
}
.editable-view .edit-hide {
  display: inline-block;
}
.editable-view.edit-mode .edit-show {
  display: inline-block;
}
.editable-view.edit-mode .edit-hide {
  display: none;
}
.editable-view.edit-mode .edit-bg {
  text-shadow: none;
}
.editable-view.edit-mode .edit-content {
  position: relative;
}
.editable-view.edit-mode .edit-content >div:not(.date-input) >button,
.editable-view.edit-mode .edit-content >div:not(.date-input) select,
.editable-view.edit-mode .edit-content >div:not(.date-input) textarea {
  width: 100% !important;
}
.editable-view.edit-mode .edit-content >div:not(.date-input) >input[type="text"],
.editable-view.edit-mode .edit-content >div:not(.date-input) >input[type="password"],
.editable-view.edit-mode .edit-content >div:not(.date-input) >input[type="email"] {
  width: 100% !important;
  padding-right: 36px;
}
.editable-view.edit-mode .edit-content >div:not(.date-input) >input[type="text"].no-icon,
.editable-view.edit-mode .edit-content >div:not(.date-input) >input[type="password"].no-icon,
.editable-view.edit-mode .edit-content >div:not(.date-input) >input[type="email"].no-icon {
  padding-right: 8px;
}
.editable-view.edit-mode .edit-content >div:not(.date-input) >.extra-info {
  position: absolute;
  right: 0;
  top: 9px;
  display: block;
  padding-left: 3px;
  cursor: default;
}
.editable-view.edit-mode input[type=text],
.editable-view.edit-mode input[type=password],
.editable-view.edit-mode textarea {
  background: none;
}
.filters-height {
  overflow: hidden;
  transition: max-height 0.5s;
  max-height: 48px;
}
.filters-height.height-154 {
  max-height: 157px;
}
.filters-height.height-34 {
  max-height: 36px;
}
.filters-height.height-232 {
  max-height: 232px;
}
.filters--summary .filters-height {
  max-height: 378px;
}
@media (max-width: 767px) {
  .filters--summary .filters-height {
    max-height: 384px;
  }
}
.more-options,
.more-less-buttons {
  margin-top: 18px;
}
.more-options i,
.more-less-buttons i {
  padding-right: 6px;
}
.more-options--marginless,
.more-less-buttons--marginless {
  margin-top: 0;
}
.show-more {
  padding-top: 12px;
  clear: both;
}
.show-more span {
  padding-left: 6px;
}
.more-show {
  display: none !important;
}
.more .more-show {
  display: block !important;
}
.more a.more-show,
.more span.more-show {
  display: inline-block !important;
}
.more table.more-show {
  display: table !important;
}
.more tr.more-show {
  display: table-row !important;
}
.more td.more-show {
  display: table-cell !important;
}
.more .more-hide {
  display: none !important;
}
.timestamp {
  color: #e6e6e6;
  text-transform: uppercase;
}
.timestamp .my-date {
  border-right: 1px solid #363636;
  padding-right: 7px;
}
.timestamp .move {
  padding-left: 6px;
}
.middle-all * {
  vertical-align: middle;
}
.options {
  padding-top: 12px;
}
.highestPoint-wrapper {
  background-color: #f70;
  height: 22px;
  padding: 2px 4px 2px 4px;
  min-width: 20px;
  text-align: center;
  display: block;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.8);
}
.highestPoint-wrapper:hover {
  background-color: #fcffc5 !important;
  cursor: pointer;
}
.highestPoint-wrapper .highestPoint {
  display: inline-block;
  line-height: 22.5px;
  color: #000;
  font-size: 11px;
  text-shadow: 1px 1px 1px transparent;
}
.highcharts-averagePoint {
  height: 23px;
  background: url("http://d1fme7i4fenwen.cloudfront.net/27605/img/graph_avg_arrow_endurance.png") no-repeat 100% 50%;
}
.highcharts-averagePoint span {
  width: 100%;
  text-shadow: 1px 1px 1px transparent;
  color: #000;
  margin-top: -1px;
  margin-left: -8px;
  text-align: center;
  display: block;
}
.disablable {
  position: relative;
  clear: both;
}
.disablable.disabled {
  display: none;
}
.trigger {
  position: absolute;
  overflow: visible;
}
.trigger.bg {
  width: 100%;
  position: relative;
}
.trigger.bg .hidden {
  background-color: #2b2b2b;
  width: 100%;
}
.trigger .hidden {
  display: none;
  position: absolute;
  z-index: 100;
}
.trigger .hidden.gear {
  top: 18px;
  left: 0;
}
.trigger:hover .hidden {
  display: block !important;
}
.list-text {
  line-height: 140%;
}
.list-text h4,
.list-text h5 {
  margin-top: 12px;
  margin-bottom: 6px;
}
.list-text .h6 {
  margin: 6px 0;
}
.list-text p {
  margin-bottom: 6px;
}
.list-text li:not(.row-flex) {
  list-style-type: disc;
  padding-bottom: 6px;
  margin-left: 18px;
}
.list-text ol li {
  list-style-type: decimal !important;
}
.list-text strong {
  font-weight: bold;
  padding-bottom: 6px;
  color: #ebebeb;
}
.list-text--with-strongs br {
  display: none;
}
.list-text--with-strongs strong {
  display: block;
  margin-top: 12px;
  margin-bottom: 6px;
}
.list-text--with-strongs strong:first-child {
  display: none;
}
.list-longer p {
  margin-bottom: 12px;
}
.ac_input {
  width: 98%;
}
.ac_results {
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
.ac_results h1,
.ac_results h2,
.ac_results h3,
.ac_results h4,
.ac_results h5,
.ac_results .h1,
.ac_results .h2,
.ac_results .h3,
.ac_results .h4,
.ac_results .h5,
.ac_results .inputField-label {
  color: #212121;
  text-shadow: none;
}
.ac_results h6,
.ac_results .extra-info {
  color: #808080;
}
.ac_results a:not(.button):not(.box):not(.link),
.ac_results .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.ac_results a:not(.button):not(.box):not(.link):hover:not([disabled]),
.ac_results .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.ac_results .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.ac_results .editable-view.edit-mode .edit-bg input,
.ac_results .editable-view.edit-mode .edit-bg select,
.ac_results .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.ac_results .editable-view.edit-mode .edit-bg select option,
.ac_results .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.ac_results div .table-grid.clickable:hover:not(.disabled),
.ac_results div .media-grid.clickable:hover:not(.disabled),
.ac_results div .table-grid.clickable.selected,
.ac_results div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.ac_results div .table-grid:nth-child(odd),
.ac_results div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.ac_results .note {
  background: #fff;
}
.ac_results li {
  padding: 6px;
}
.ac_over {
  background: #ccc;
  cursor: pointer;
}
.close {
/*position absolute
  top 10px
  right 10px
  width 10px
  height 10px*/
  cursor: pointer;
}
.bikePod {
  clear: both;
  margin-top: 6px;
  text-align: right;
}
.graph-avg-arrow {
  position: relative;
  z-index: 1;
  min-width: 18px;
  left: 0;
  top: -3px;
  line-height: 1;
  padding: 6.5px;
  color: #212121;
  text-shadow: none;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  text-align: center;
}
.graph-avg-arrow:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #62c9fc;
}
.ui-datepicker {
  z-index: 101 !important;
  background-color: #fff !important;
  text-shadow: none;
  color: #212121;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
.ui-datepicker h1,
.ui-datepicker h2,
.ui-datepicker h3,
.ui-datepicker h4,
.ui-datepicker h5,
.ui-datepicker .h1,
.ui-datepicker .h2,
.ui-datepicker .h3,
.ui-datepicker .h4,
.ui-datepicker .h5,
.ui-datepicker .inputField-label {
  color: #212121;
  text-shadow: none;
}
.ui-datepicker h6,
.ui-datepicker .extra-info {
  color: #808080;
}
.ui-datepicker a:not(.button):not(.box):not(.link),
.ui-datepicker .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.ui-datepicker a:not(.button):not(.box):not(.link):hover:not([disabled]),
.ui-datepicker .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.ui-datepicker .editable-view.edit-mode .edit-bg {
  box-shadow: none;
}
.ui-datepicker .editable-view.edit-mode .edit-bg input,
.ui-datepicker .editable-view.edit-mode .edit-bg select,
.ui-datepicker .editable-view.edit-mode .edit-bg textarea {
  color: #212121;
}
.ui-datepicker .editable-view.edit-mode .edit-bg select option,
.ui-datepicker .editable-view.edit-mode .edit-bg select optgroup {
  background: #e6e6e6;
  color: #212121;
}
.ui-datepicker div .table-grid.clickable:hover:not(.disabled),
.ui-datepicker div .media-grid.clickable:hover:not(.disabled),
.ui-datepicker div .table-grid.clickable.selected,
.ui-datepicker div .media-grid.clickable.selected {
  background-color: #ebebeb;
}
.ui-datepicker div .table-grid:nth-child(odd),
.ui-datepicker div .media-grid:nth-child(odd) {
  background-color: transparent;
}
.ui-datepicker .note {
  background: #fff;
}
.ui-datepicker.mini,
.ui-datepicker.ui-widget {
  background: #2b2b2b;
  padding: 6px;
}
.ui-datepicker.mini [class*="header"],
.ui-datepicker.ui-widget [class*="header"] {
  position: relative;
  margin-bottom: 12px;
}
.ui-datepicker.mini [class*="header"] a,
.ui-datepicker.ui-widget [class*="header"] a {
  position: absolute;
  z-index: 2;
}
.ui-datepicker.mini [class*="header"] a.ui-datepicker-prev,
.ui-datepicker.ui-widget [class*="header"] a.ui-datepicker-prev {
  left: 6px;
}
.ui-datepicker.mini [class*="header"] a.ui-datepicker-prev:after,
.ui-datepicker.ui-widget [class*="header"] a.ui-datepicker-prev:after {
  content: '\f153';
  position: relative;
  top: 2px;
}
.ui-datepicker.mini [class*="header"] a.ui-datepicker-next,
.ui-datepicker.ui-widget [class*="header"] a.ui-datepicker-next {
  right: 6px;
}
.ui-datepicker.mini [class*="header"] a.ui-datepicker-next:after,
.ui-datepicker.ui-widget [class*="header"] a.ui-datepicker-next:after {
  content: '\f154';
  position: relative;
  top: 2px;
}
.ui-datepicker.mini td,
.ui-datepicker.ui-widget td,
.ui-datepicker.mini th,
.ui-datepicker.ui-widget th {
  text-align: center;
  padding: 6px;
}
.ui-datepicker.mini .ui-datepicker-title,
.ui-datepicker.ui-widget .ui-datepicker-title {
  z-index: 1;
  text-align: center;
  position: relative;
  margin-bottom: 24px;
}
.ui-slider {
  background: #424242;
}
.ui-slider a {
  background: #ebebeb;
  color: #ccc;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 12px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 4px solid transparent;
  background-color: #969696;
  background-clip: padding-box;
}
.custom-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.grid-hori .edit-header {
  margin-top: 3px;
}
@media (min-width: 768px) {
  .grid-hori .edit-header {
    margin-bottom: 0;
  }
}
.grid-hori .edit-header.height-fix {
  min-height: 36px;
}
.grid-hori .edit-text {
  line-height: 24px;
}
.grid--with-margins >.row-fluid {
  margin-bottom: 9px;
}
.grid-form .inputField-icon {
  display: none !important;
}
.grid-form--view .inputField label {
  display: none;
}
.grid-form--edit .inputField-input--area {
  overflow: auto;
  width: 100%;
}
.grid-form--edit select {
  line-height: 1;
}
.grid-form .row-flex {
  margin-bottom: 9px;
}
.ie9 .grid-form .row-flex input {
  float: left;
}
.ie9 .grid-form .row-flex .inputField-select {
  padding: 7px;
}
.row-fluid:empty,
.row-flex:empty {
  display: none;
}
@media (min-width: 768px) {
  .grid-half:not(.single-item) >.row-fluid,
  .media-grid:not(.single-item) >.row-fluid,
  .editable-view:not(.single-item) >.row-fluid,
  .grid-normal:not(.single-item) >.row-fluid,
  .grid-hori:not(.single-item) >.row-fluid,
  .grid-half:not(.single-item) >.row-flex,
  .media-grid:not(.single-item) >.row-flex,
  .editable-view:not(.single-item) >.row-flex,
  .grid-normal:not(.single-item) >.row-flex,
  .grid-hori:not(.single-item) >.row-flex {
    margin-bottom: 9px;
  }
}
@media (max-width: 767px) {
  .grid-half:not(.single-item) >.row-fluid >div,
  .media-grid:not(.single-item) >.row-fluid >div,
  .editable-view:not(.single-item) >.row-fluid >div,
  .grid-normal:not(.single-item) >.row-fluid >div,
  .grid-hori:not(.single-item) >.row-fluid >div,
  .grid-half:not(.single-item) >.row-flex >div,
  .media-grid:not(.single-item) >.row-flex >div,
  .editable-view:not(.single-item) >.row-flex >div,
  .grid-normal:not(.single-item) >.row-flex >div,
  .grid-hori:not(.single-item) >.row-flex >div,
  .grid-half:not(.single-item) >.row-fluid >p,
  .media-grid:not(.single-item) >.row-fluid >p,
  .editable-view:not(.single-item) >.row-fluid >p,
  .grid-normal:not(.single-item) >.row-fluid >p,
  .grid-hori:not(.single-item) >.row-fluid >p,
  .grid-half:not(.single-item) >.row-flex >p,
  .media-grid:not(.single-item) >.row-flex >p,
  .editable-view:not(.single-item) >.row-flex >p,
  .grid-normal:not(.single-item) >.row-flex >p,
  .grid-hori:not(.single-item) >.row-flex >p {
    margin-bottom: 9px;
  }
}
.hide-details .media-grid .media-height {
  display: none;
}
.media-grid:hover >li >.media-hidden,
.media-grid:hover >.media-content >.media-hidden,
.media-grid:hover >ul >li >.media-hidden,
.media-grid:hover >.media-hidden {
  display: block;
}
.media-grid:hover .item-buttons {
  display: block;
}
.media-grid.disabled .media-img,
.media-grid.disabled .feed-image {
  opacity: 0.4;
}
.media-grid.disabled h4,
.media-grid.disabled .h3,
.media-grid.disabled p {
  color: #808080 !important;
}
.media-grid.highlighted .media-text {
  color: #212121;
  text-shadow: 1px 1px 0px rgba(255,255,255,0.75);
}
.media-grid.highlighted .media-text a:not(.button):not(.box):not(.link),
.media-grid.highlighted .media-text .clickable:not(.box):not(.link) {
  color: #2599c7;
}
.media-grid.highlighted .media-text a:not(.button):not(.box):not(.link):hover:not([disabled]),
.media-grid.highlighted .media-text .clickable:not(.box):not(.link):hover:not([disabled]) {
  color: #ccc;
}
.media-grid.highlighted .media-text {
  background-color: rgba(255,255,255,0.8);
}
.media-grid .media-content {
  position: relative;
}
.media-grid .media-hidden {
  position: absolute;
  right: 0;
  display: none;
  z-index: 1;
}
.media-grid .icons-container,
.media-grid .icons-container-2 {
  display: block;
  z-index: 0;
  right: 6px;
}
.media-grid .icons-container >span,
.media-grid .icons-container-2 >span {
  padding-right: 6px;
}
@media (min-width: 768px) {
  .media-grid .icons-container~.media-text h4,
  .media-grid .icons-container-2~.media-text h4 {
    max-width: 70%;
  }
}
.media-grid .icons-container-2 {
  display: none;
  margin-top: 6px;
}
.media-grid h2 {
  text-overflow: ellipsis;
  overflow: hidden;
}
.media-grid p {
  word-wrap: break-word;
  word-break: break-word;
}
.media-grid--noshadow {
  box-shadow: none;
}
.media-grid.clickable,
.table-grid.clickable {
  cursor: pointer;
}
.media-grid.clickable:hover:not(.disabled),
.table-grid.clickable:hover:not(.disabled),
.media-grid.clickable.selected,
.table-grid.clickable.selected {
  background-color: #363636;
}
.media-grid {
  zoom: 1;
  width: auto !important;
  margin-left: 0 !important;
  float: none !important;
  padding: 6px 0;
  position: relative;
}
.media-grid:not(.single-item) .media-height {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.media-grid.single-item {
  width: auto !important;
  padding: 0;
  margin-bottom: 0;
}
.media-grid.single-item >.row-fluid {
  margin-bottom: 0;
}
.media-grid.single-item .media-more a.more,
.media-grid.single-item .media-more a.less {
  display: none;
}
.media-grid.single-item .media-more--less .media-height {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  max-height: 7em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
  transition: all 0.2s ease-in-out;
}
.media-grid.single-item .media-more--less a.more {
  display: inline-block;
}
.media-grid.single-item .media-more--more .media-height {
  display: block;
  max-height: initial;
}
.media-grid.single-item .media-more--more a.less {
  display: inline-block;
}
@media (max-width: 767px) {
  .media-grid--mobile .media-text {
    overflow: visible !important;
  }
  .media-grid--mobile .media-text .media-more {
    margin-top: 12px;
  }
}
.media-grid.border,
.media-grid .border {
  border-bottom: 1px solid #363636;
  padding-bottom: 6px;
}
.media-grid.media-small .icons-container {
  display: none;
}
.media-grid.media-small .icons-container-2 {
  display: block;
}
.media-grid .media-img {
  float: left;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .media-grid .media-img {
    margin-right: 9px;
  }
}
.media-grid .media-img.small {
  margin-right: 6px;
}
.media-grid .media-img.size-36 {
  margin-right: 9px;
}
.media-grid .media-img.size-128 {
  margin-right: 18px;
}
.media-grid .media-img.size-222 {
  margin-right: 24px;
}
@media (max-width: 480px) {
  .media-grid .media-img.size-phone {
    margin-right: 12px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .media-grid .media-img.size-phone {
    margin-right: 24px;
  }
}
.media-grid .media-text {
  float: none;
  overflow: hidden;
  zoom: 1;
}
.media-grid .media-text .media-middle {
  line-height: 36px;
}
.media-grid .media-text h1 {
  word-break: break-word;
}
.table-grid {
  margin-bottom: 9px;
}
.table-grid.odd,
.table-grid:nth-child(odd) {
  background-color: #262626;
}
@media (min-width: 768px) {
  .table-grid--padding-none .row-flex {
    min-height: 12px;
  }
  .table-grid--padding-none .row-flex >div {
    padding-top: 3px;
  }
}
.table-grid .media-text .row-fluid {
  margin-bottom: 0;
}
.table-grid .media-grid {
  padding: 0;
}
.grid >li {
  padding-bottom: 6px;
}
.grid >li >.col {
  padding-right: 12px;
  float: left;
}
.grid >li >.col:last-child {
  padding-right: 0;
}
.grid.float-none >li {
  float: none;
}
.grid.float-none >li >.col {
  float: none;
}
.grid.longer >li {
  padding-bottom: 12px;
}
.grid.single >li {
  padding-bottom: 0;
}
.grid.small >li >.col {
  padding-right: 6px;
}
.grid.small >li >.col:last-child {
  padding-right: 0;
}
.grid.hori >li {
  clear: none;
  float: left;
  padding-right: 18px;
  padding-bottom: 0;
}
.grid.hori >li:last-child {
  padding-right: 0;
}
.grid.hori.small >li {
  padding-right: 6px;
  padding-bottom: 6px;
}
.grid.hori.small >li:last-child {
  padding-right: 0;
}
.grid.hori.wide >li {
  padding-right: 36px;
}
.grid.hori.wide >li:last-child {
  padding-right: 0;
}
.grid.list-headers h4 {
  margin-top: 18px;
  margin-bottom: 6px;
}
.grid.no-margin >li {
  margin-bottom: 0;
  padding-bottom: 0;
}
.map-wrapper {
  position: relative;
  height: 100%;
}
.map-wrapper.google .map-overlay button {
  border-radius: 2px;
}
.map-wrapper.google .map-overlay-controls {
  top: 10px;
}
@media (max-width: 767px) {
  .map-wrapper.google .map-overlay-controls {
    top: initial;
    bottom: 46px;
  }
}
.map-wrapper.google .map-overlay-controls--search {
  top: 10px;
  left: 112px;
}
@media (max-width: 767px) {
  .map-wrapper.google .map-overlay-controls--search {
    left: initial;
    right: 6px;
  }
}
.map-wrapper.google .map-overlay-controls--search button {
  border-radius: 0 2px 2px 0;
}
.map-wrapper.amap .map-overlay-controls {
  top: 106px;
}
.map-content {
  height: 400px;
  overflow: hidden;
}
.map-button--expand {
  display: block;
}
.map-button--contract {
  display: none;
}
.map-marker:not(.img--route) {
  display: block;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.map-marker:not(.img--route) img {
  display: block;
}
.map-marker:not(.img--route) span {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 17px;
}
.map-marker:not(.map-marker--transparent) {
  background: transparent;
  box-shadow: none;
}
.map-toolbar {
  width: 100%;
  bottom: 0;
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  padding: 6px;
  box-sizing: border-box;
}
.map-toolbar-fancy {
  padding: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 52px;
  z-index: 115;
  transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  pointer-events: none;
}
.map-toolbar-fancy.active {
  background: rgba(0,0,0,0.6);
}
.map-toolbar-fancy .button--light {
  height: 36px;
  padding-left: 12px;
  vertical-align: middle;
}
.map-toolbar-fancy .button--light >i {
  vertical-align: bottom;
}
.map-toolbar-fancy .button--light:disabled {
  opacity: 1;
  color: #b3b3b3 !important;
}
.map-toolbar-fancy select {
  background-color: #fff;
  color: #2b2b2b;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 12px;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.35);
  background-size: 20px;
  height: 36px;
  padding-right: 40px !important;
  vertical-align: bottom;
}
.map-toolbar-fancy .tooltipper {
  bottom: -15px;
  right: 230px;
}
.map-toolbar-fancy .map-menu {
  right: 10px;
  bottom: 30px;
  position: absolute;
  pointer-events: all;
}
.map-toolbar-fancy .routeplanner-controls {
  position: absolute;
  left: calc(45% - 195px);
  bottom: 20px;
  transition: bottom 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  pointer-events: all;
}
.map-overlay {
  box-sizing: border-box;
  position: absolute;
  background-color: transparent !important;
  padding: 0;
}
.map-overlay-controls {
  top: 20px;
  right: 10px;
  transition: bottom 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  z-index: 115;
}
.map-overlay-controls--top {
  top: 20px;
  right: 56px;
  z-index: 3;
}
.map-overlay-controls--search {
  top: 20px;
  left: 10px;
  width: 280px;
  z-index: 115;
}
.map-overlay-marker {
  position: absolute;
  cursor: pointer;
  top: calc(50% - 54px);
  left: calc(50% - 19px);
}
@media (max-width: 480px) {
  .map-overlay-marker {
    width: 150px;
  }
}
.map--full .map-content {
  height: 800px;
}
.map--full-window {
  height: 100%;
  width: 100% !important;
  max-width: 100% !important;
  position: fixed !important;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 3000;
}
.map--full-window .map-content {
  height: 100%;
}
.map--full-window .map-with-toolbar .map-wrapper {
  height: 90%;
  height: calc(100% - 90px);
}
@media (max-width: 680px) {
  .map--full-window .map-with-toolbar .map-wrapper {
    height: 85%;
    height: calc(100% - 120px);
  }
}
.map--full-window .map-with-toolbar--bottom .map-wrapper {
  height: 95%;
}
.map--full-window .map-with-toolbar--move .map-wrapper {
  height: calc(100% - 72px);
}
@media (min-width: 768px) {
  .map--full-window .map-with-toolbar--move .map-wrapper {
    height: calc(100% - 113px);
  }
}
.map--full-window .map-button--expand {
  display: none;
}
.map--full-window .map-button--contract {
  display: block;
}
.map--full-window .right .tooltipper {
  bottom: 48px;
}
.map--full-window .right .tooltipper .tooltipper-wrapper:before {
  top: 44px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #ebebeb;
  border-bottom: none;
}
.map--noSearch .mapSearch {
  display: none;
}
.map--dummy .map-content {
  background-color: #363636;
  display: table;
  width: 100%;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.map--dummy .map-content >div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.map .img--route.highlight {
  box-shadow: 1px 1px 20px #f00;
  background: rgba(255,0,0,0.4);
}
.map .img--round.highlight {
  box-shadow: 0px 0px 9px 2px #f00;
}
.attribution-reposition {
  position: relative;
  bottom: 47px;
}
.hrElem {
  position: absolute;
  right: 6px;
  top: -9px;
  white-space: nowrap;
}
.i_padding {
  padding: 24px 0;
}
.i_padding img {
  width: inherit;
}
img {
  border: none;
}
object {
  outline: none;
}
.more-hide i,
.more-show i,
.less-hide i {
  margin-right: 6px;
}
.embed-latest-move-banner {
  width: 100%;
  cursor: pointer;
}
.touchevents-scroll-enabler {
  position: absolute;
  top: 0;
  height: 2072px;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  opacity: 0.001;
}
#cookie-note {
  transition: height 0.5s;
  background: #0f0f0f;
  color: #ebebeb;
  font-size: 12px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
}
#cookie-note div {
  padding: 12px;
  text-align: center;
}
div.loginfacebook {
  display: inline-block;
  vertical-align: bottom;
}
div.loginfacebook button {
  background-color: #3b5999;
  padding: 6px 6px;
  vertical-align: bottom;
  margin-left: 3px;
}
div.loginfacebook button:hover {
  background-color: #293e6b;
}
div.loginfacebook button img {
  width: 18px;
  height: 18px;
  padding-right: 3px;
}
div.loginfacebook button span {
  vertical-align: top;
  line-height: 20px;
  padding-right: 3px;
}
.facebook {
  background-color: #3b5999 !important;
}
.facebook:hover {
  background-color: #293e6b !important;
}
.like-text-highlight {
  cursor: pointer;
  color: #62c9fc;
  transition: color 0.2s ease-out;
}
.like-text-highlight:hover {
  color: #fff;
}
.modal-container {
  width: 100%;
  min-height: 100%;
  position: fixed;
  background-color: rgba(33,33,33,0.6);
  top: 0;
  left: 0;
  z-index: 100;
}
.modal-container h1,
.modal-container h2,
.modal-container h3,
.modal-container h4,
.modal-container h5,
.modal-container .h1,
.modal-container .h2,
.modal-container .h3,
.modal-container .h4,
.modal-container .h5,
.modal-container p,
.modal-container a {
  color: #1c1c1c;
  text-shadow: 1px 1px 0px rgba(255,255,255,0.75);
}
.modal-container a {
  color: #2599c7;
}
.modal-container .wrapper {
  background-color: transparent;
}
.modal-container .wrapper .modal {
  margin-top: 200px;
  background-color: #e6e6e6;
  padding: 36px;
}
.modal-container .wrapper textarea {
  resize: vertical;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.4);
  background-color: #525252;
  min-height: 250px;
}
.pageable {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0 !important;
  cursor: pointer;
}
.pageable >* {
  box-sizing: border-box;
}
.pageable .pageable__content {
  transition: margin-left 0.2s ease-in-out;
}
.pageable .pageable__page {
  display: block;
  float: left;
}
.pager {
  clear: both;
}
.pager__pageIndicator {
  cursor: pointer;
  background-color: #b3b3b3;
}
.pager__pageIndicator--active {
  background-color: #e6e6e6;
}
.pager--round {
  text-align: center;
}
.pager--round .pager__pageIndicator {
  margin-right: 3px;
  border-radius: 50%;
  height: 12px;
  width: 12px;
}
.pager--round .pager__pagePrevious,
.pager--round .pager__pageNext {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  cursor: pointer;
}
.pager--round .pager__pagePrevious i,
.pager--round .pager__pageNext i {
  display: none;
}
.pager--round .pager__pagePrevious {
  border-right: 6px solid #b3b3b3;
}
.pager--round .pager__pageNext {
  border-left: 6px solid #b3b3b3;
}
.pager--block .pager__pageIndicator {
  height: 4px;
  border-right: 3px solid #212121;
}
.pager--block .pager__pageIndicator--last {
  border-right: none;
}
.pager--block[data-page-count="1"] .pager__pageIndicator {
  width: 100%;
}
.pager--block[data-page-count="2"] .pager__pageIndicator {
  width: 50%;
}
.pager--block[data-page-count="3"] .pager__pageIndicator {
  width: 33.333333333333336%;
}
.pager--block[data-page-count="4"] .pager__pageIndicator {
  width: 25%;
}
.pager--block[data-page-count="5"] .pager__pageIndicator {
  width: 20%;
}
.pager--block[data-page-count="6"] .pager__pageIndicator {
  width: 16.666666666666668%;
}
.pager--block[data-page-count="7"] .pager__pageIndicator {
  width: 14.285714285714286%;
}
.pager--block[data-page-count="8"] .pager__pageIndicator {
  width: 12.5%;
}
.pager--block[data-page-count="9"] .pager__pageIndicator {
  width: 11.11111111111111%;
}
.pager--block[data-page-count="10"] .pager__pageIndicator {
  width: 10%;
}
.pager--block[data-page-count="11"] .pager__pageIndicator {
  width: 9.090909090909092%;
}
.pager--block[data-page-count="12"] .pager__pageIndicator {
  width: 8.333333333333334%;
}
.pager--block[data-page-count="13"] .pager__pageIndicator {
  width: 7.692307692307693%;
}
.pager--block[data-page-count="14"] .pager__pageIndicator {
  width: 7.142857142857143%;
}
.pager--block[data-page-count="15"] .pager__pageIndicator {
  width: 6.666666666666667%;
}
.pager--block[data-page-count="16"] .pager__pageIndicator {
  width: 6.25%;
}
.touchevents .pager__pageNext,
.touchevents .pager__pagePrevious {
  opacity: 0 !important;
}
.touchevents [data-media-type="video"] .pager__pageNext,
.touchevents [data-media-type="video"] .pager__pagePrevious {
  opacity: 1 !important;
}
[data-page-count="1"] .pager__pageNext,
[data-page-count="1"] .pager__pagePrevious {
  opacity: 0 !important;
}
.custom-slider {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  background: none;
  overflow: visible !important;
}
.custom-slider:focus {
  outline: none;
}
.custom-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #fff;
  border: none;
  animate: 0.2s;
  border-radius: 3px;
}
.custom-slider::-webkit-slider-thumb {
  height: 22px;
  width: 22px;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
  animate: 0.2s;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}
.custom-slider:focus::-webkit-slider-runnable-track {
  background: #fff;
}
.custom-slider::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 3px;
  -moz-user-select: none;
       user-select: none;
  outline: none;
}
.custom-slider::-moz-range-thumb {
  height: 21px;
  width: 21px;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  margin-top: -8px;
}
.custom-slider::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 3px;
}
.custom-slider::-ms-fill-lower {
  background: #fff;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d;
}
.custom-slider::-ms-fill-upper {
  background: #fff;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d;
}
.custom-slider::-ms-thumb {
  height: 22px;
  width: 22px;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
  animate: 0.2s;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}
.custom-slider:focus::-ms-fill-lower {
  background: #fff;
}
.custom-slider:focus::-ms-fill-upper {
  background: #fff;
}
.datatable.align-top td {
  vertical-align: top;
}
.datatable table .edit-options {
  display: none;
  position: relative;
  top: -6px;
}
.datatable table .extra-info {
  white-space: nowrap;
  font-size: 10px;
  color: #ccc;
}
.datatable table .extra-info span {
  position: absolute;
  white-space: nowrap;
  background: #363636;
  padding: 4px 6px;
  padding-left: 24px;
  border-left: none;
}
.datatable table .extra-info span a {
  padding-right: 3px;
  font-size: 14px;
  display: inline-block;
}
.datatable table tr.row-closed {
  display: none;
}
.datatable table tr.row-header .icon-160 {
  display: none;
}
.datatable table tr.row-header.closed .icon-159 {
  display: none;
}
.datatable table tr.row-header.closed .icon-160 {
  display: inline-block;
}
.datatable table tr.row-header td {
  background: #2b2b2b;
}
.datatable table tr.row-total td {
  border: none;
}
.datatable table tr.row-header {
  cursor: pointer;
}
.datatable table tr.row--selected td {
  color: #fff;
}
.datatable table tr.row--not-selected td {
  color: #808080;
}
.datatable table tr.strip-padding td,
.datatable table tr.strip-padding th {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.datatable .datatable-pager {
  position: absolute;
  bottom: -32px;
  width: 156px;
  margin-left: calc(50% - 78px);
}
@media (max-width: 767px) {
  .datatable .datatable-pager {
    bottom: -22px;
  }
}
.datatable .dataTables_paginate,
.datatable .paging {
  float: right;
  text-align: right;
}
.datatable .dataTables_paginate a,
.datatable .paging a {
  margin-left: 6px;
  line-height: 130%;
}
.datatable .dataTables_paginate a.first,
.datatable .paging a.first,
.datatable .dataTables_paginate a.last,
.datatable .paging a.last {
  display: none;
}
.datatable .dataTables_paginate a.paginate_active,
.datatable .paging a.paginate_active,
.datatable .dataTables_paginate a.aqPagingHi,
.datatable .paging a.aqPagingHi {
  color: #fff;
}
.datatable .dataTables_paginate span,
.datatable .paging span {
  border-left: 1px solid #363636;
  border-right: 1px solid #363636;
}
.datatable .dataTables_paginate span.show,
.datatable .paging span.show {
  border: none;
}
.datatable .dataTables_paginate .paginate_disabled_previous,
.datatable .dataTables_paginate .paginate_disabled_next {
  display: none;
}
.datatable .paging {
  text-align: center;
  float: none;
}
.paging {
  clear: both;
  text-align: center;
}
.paging:not(:empty) {
  padding: 6px;
}
.paging a {
  margin-left: 6px;
}
.paging a.aqPagingHi {
  color: #fff;
}
.pager-container {
  text-align: center;
  margin-top: 12px;
}
.pager-container .pager {
  display: inline-block;
}
.pager-container .pager .page {
  cursor: pointer;
  color: #2599c7;
  display: inline;
  margin-right: 3px;
}
.pager-container .pager .page.selected,
.pager-container .pager .page:hover {
  color: #fff;
}
.pop-up-window .pager-container .pager .page.selected,
.pop-up-window .pager-container .pager .page:hover {
  color: #212121;
}
.tooltip {
  padding: 6px;
  text-shadow: 1px 1px 0px rgba(255,255,255,0.75);
  color: #212121;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
  pointer-events: none;
  border-radius: 9px;
  min-width: 240px;
  max-width: 360px;
}
.tooltip--under {
  z-index: 91;
}
.tooltip.compact {
  padding: 5px;
  max-width: 200px;
  min-width: 100px;
}
.tooltip.tp-moveviewingfloater .table-grid {
  margin-bottom: 0;
}
.tooltip.tp-moveviewingfloater .table-grid .row-flex {
  padding-bottom: 0;
}
.tooltip.tp-moveviewingfloater .table-grid .row-flex >div {
  width: auto;
}
.tooltip .preview-wide:nth-child(odd),
.tooltip .table-grid:nth-child(odd),
.tooltip .media-grid:nth-child(odd) {
  background-color: transparent !important;
}
.tooltip.darker {
  background: #e6e6e6;
}
.tooltip li {
  padding-bottom: 6px;
}
.tooltip li:last-child {
  padding-bottom: 0;
}
.tooltip .tooltip-icon {
  margin-right: 6px;
  float: left;
}
.tooltip .tooltip-title,
.tooltip h4,
.tooltip .h4,
.tooltip h3,
.tooltip h5,
.tooltip h6 {
  color: #212121;
}
.tooltip .tooltip-title {
  padding-bottom: 0;
}
.highcharts-container {
  overflow: visible !important;
}
.pointerevents .highcharts-container {
  touch-action: none;
}
.highcharts-tooltip .tooltip {
  position: static;
  overflow: hidden;
  background: #fff;
}
.media-grid .tooltip {
  min-width: 300px;
}
.appSuggestor {
  display: block;
  overflow: hidden;
  transition: all 0.4s;
}
.appSuggestor,
.appSuggestor * {
  box-sizing: border-box;
}
.appSuggestor--loading {
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: transparent;
}
.appSuggestor__title {
  text-transform: uppercase;
  color: #1c1c1c;
  margin-bottom: 10px;
}
.appSuggestor__app {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: top;
  align-items: top;
  -webkit-justify-content: center;
  justify-content: center;
}
.appSuggestor__appIcon,
.appSuggestor__appIcon > img {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin-right: 10px;
}
.appSuggestor__appInfo {
  margin-right: 10px;
  flex: 1 0 0;
/* IE 9 and 10 */
}
.appSuggestor__appInfoTitle,
.appSuggestor__appInfoDescription {
  color: #1c1c1c;
}
.appSuggestor__appInfoDescription {
  max-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.appSuggestor__appInfoMoreRadio {
  display: none;
}
.appSuggestor__appInfoMoreLabelReadMore {
  display: block;
}
.appSuggestor__appInfoMoreLabelReadLess {
  display: none;
}
.appSuggestor__appInfoMoreRadio:checked ~ .appSuggestor__appInfoDescription {
  max-height: none;
}
.appSuggestor__appInfoMoreRadio:checked ~ .appSuggestor__appInfoMoreLabel .appSuggestor__appInfoMoreLabelReadMore {
  display: none;
}
.appSuggestor__appInfoMoreRadio:checked ~ .appSuggestor__appInfoMoreLabel .appSuggestor__appInfoMoreLabelReadLess {
  display: block;
}
.appSuggestor__appInfoMoreRadio:checked ~ .appSuggestor__appInfoLessLabel {
  display: none;
}
.appSuggestor__appInfoMoreLabel {
  color: #2599c7;
}
.appSuggestor__app--used {
  opacity: 0.5;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .appSuggestor__app {
    clear: both;
    margin-bottom: 10px;
  }
  .appSuggestor__appInfo {
    width: 70%;
    margin-left: 2%;
  }
  .appSuggestor__appInfo,
  .appSuggestor__appIcon,
  .appSuggestor__appUse {
    display: block;
    float: left;
  }
  .appSuggestor__appUse {
    float: right;
  }
}
.appSuggestor__moreApps {
  text-align: right;
  margin-right: 10px;
}
.pageable {
  width: 100%;
  overflow: hidden;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.pageable__content {
  transition: margin-left 0.2s ease-in-out;
}
.barchart {
  margin-top: 12px;
}
.barchart-bar {
  height: 4px;
  border-radius: 9px;
}
.barchart-value {
  white-space: nowrap;
}
.barchart-value span {
  display: none;
}
.ie8 .check,
.ie7 .check {
  border: none;
}
.ie9 h1,
.ie8 h1,
.ie7 h1 {
  word-break: break-word !important;
}
.ie9 .image-grid p,
.ie8 .image-grid p,
.ie7 .image-grid p,
.ie9 .media-grid p,
.ie8 .media-grid p,
.ie7 .media-grid p,
.ie9 .image-grid h2,
.ie8 .image-grid h2,
.ie7 .image-grid h2,
.ie9 .media-grid h2,
.ie8 .media-grid h2,
.ie7 .media-grid h2 {
  word-break: break-word !important;
}
.ie9 select,
.ie8 select,
.ie7 select {
  background-image: none;
  padding-right: 7px !important;
}
@media screen and (min-width: 0 0) {
  .middle-all input {
    margin-top: 0 !important;
  }
}
.coachesfrontpage .cover i {
  color: #62c9fc;
  margin-right: 12px;
}
.coachesfrontpage .cover-top {
  height: 385px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.coachesfrontpage .results-area {
  margin-top: 36px;
}
.coachesfrontpage .coach-list {
  padding: 0 48px;
}
.startcoaching-banner h3 {
  margin-bottom: 0;
}
.startcoaching-banner img {
  margin-bottom: -4px;
}
.multiselect-wrapper {
  position: relative;
  font-size: 16px;
}
.multiselect-wrapper .multiselect-inner {
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("../img/arrow_down.png");
  padding: 9px;
  position: relative;
}
.multiselect-wrapper button {
  margin: 2px 3px 2px 0;
}
.multiselect-wrapper i {
  margin: 0 0 0 3px;
}
.multiselect-wrapper .multiselect-placeholder {
  color: #808080;
  background: none;
}
.multiselect-wrapper .multiselect-options-wrapper {
  position: absolute;
  padding: 9px;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 166px;
  overflow: auto;
  box-sizing: border-box;
  box-shadow: 0 1px 6px rgba(0,0,0,0.4);
  z-index: 999;
}
.multiselect-wrapper .multiselect-options-wrapper ul.multiselect-options {
  position: relative;
}
.multiselect-wrapper .multiselect-options-wrapper li {
  cursor: pointer;
  padding: 3px 3px;
  position: relative;
}
.multiselect-wrapper .multiselect-options-wrapper lifocus {
  background: #2b2b2b;
}
.startcoaching-privacy-error {
  background: #b01e22;
  color: #fff;
}
.startcoaching-privacy-error a {
  color: #fff;
}
.startcoachingpage .wrapper {
  position: relative;
}
.startcoachingpage .wrapper .disabled {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #1c1c1c;
  opacity: 0.8;
  z-index: 99;
  content: " ";
}
.becomeACoachForm {
  position: relative;
}
.becomeACoachForm .tooltipper {
  margin-top: 10px;
}
.becomeACoachForm .row-flex--form-row:not(:last-child) {
  border-bottom: 1px solid rgba(78,78,78,0.5);
}
.becomeACoachForm textarea {
  resize: vertical;
  min-height: 10em;
}
.becomeACoachForm h3 > input {
  transform: translate(0, -33%);
}
.becomeACoachForm .map-toolbar {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.becomeACoachForm .row-enter {
  max-height: 0;
  opacity: 0;
}
.becomeACoachForm .row-enter.row-enter-active {
  max-height: 200px;
  opacity: 1;
  transition: max-height 0.5s ease-in, opacity 0.5s ease-in;
}
.becomeACoachForm .row-leave {
  max-height: 200px;
  opacity: 1;
}
.becomeACoachForm .row-leave.row-leave-active {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease-in, opacity 0.5s ease-in;
}
.coach-img {
  margin: 0 auto;
  height: auto;
  max-width: 100%;
  width: 100%;
  display: block;
  position: relative;
  border-radius: 99em;
}
.coach-image-wrapper {
  position: relative;
}
.coach-image-wrapper i[class^='icon-'] {
  color: #db3839;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(30%, 10%);
}
.coach-image-wrapper i[class^='icon-']:after {
  color: #fff !important;
}
.coachprofile .modal-container .wrapper .modal.no-bg {
  background-color: transparent;
}
.coach-list-item {
  border-top: 1px solid #363636;
  box-sizing: border-box;
}
.coach-list-item:first-child {
  border-top: none;
}
.coach-list-item a.coachpage-link {
  padding: 12px 0;
  color: inherit;
}
.coach-list-item .coach-name {
  color: #62c9fc;
  word-wrap: break-word;
}
.coach-list-item .coach-name,
.coach-list-item .coach-location {
  margin-bottom: 3px;
}
.coach-list-item .coach-clients {
  color: #737373;
  margin-bottom: 8px;
}
.coach-list-item .coach-sports {
  margin-bottom: 1em;
}
.coach-sidebar {
  background-color: #2b2b2b;
  padding-top: 17px;
}
.coach-sidebar > div.padding {
  padding: 0 17px;
}
.coach-sidebar .accepting-clients {
  color: #68bd2e;
}
.coach-sidebar .accepting-clients i[class^=icon] {
  border: 2px solid #68bd2e;
  border-radius: 99em;
  padding: 0.2em;
}
.message-info {
  text-align: center;
}
#coachpage .activity-list {
  display: flex;
  list-style-type: none;
  list-position: inside;
}
#coachpage .activity-list li {
  margin-bottom: 12px;
}
#coachpage .activity-list li h4 {
  display: flex;
  align-items: center;
  padding-right: 6px;
}
#coachpage .activity-list li h4 i {
  width: 32px;
  margin-right: 6px;
}
#coachpage .activity-list li h4 span {
  width: calc(100% - 38px);
  word-break: break-word;
}
#coachpage .no-clients-view i {
  color: #62c9fc;
}
#coachpage .area {
  box-shadow: none;
}
#coachpage .wrapper {
  background: none;
}
#coachpage .client-list-item .client-move-list a {
  color: inherit;
}
#coachpage .client-list-item .client-list-item-top {
  background: #2b2b2b;
}
#coachpage .client-list-item .client-list-item-top i[class^=icon] {
  cursor: pointer;
}
#coachpage .client-list-item .client-list-item-top i[class^=icon].icon--red {
  color: #b01e22;
}
#coachpage .client-list-item .note {
  background: none;
  position: relative;
  box-sizing: border-box;
  border: transparent 2px solid;
  height: auto;
  padding: 0;
  margin: 0;
}
#coachpage .client-list-item .note textarea {
  background-color: transparent;
  height: auto;
  padding: 6px;
}
#coachpage .client-list-item .note--editing-off textarea {
  resize: none;
}
#coachpage .client-list-item .note--editing-on textarea {
  resize: vertical;
}
#coachpage .client-list-item .note--editing-on {
  background: #363636;
}
#coachpage .client-list-item .note--outline,
#coachpage .client-list-item .note--editing-on {
  border: #424242 2px solid;
  background: #363636;
  border-radius: 2px;
}
#coachpage .client-list-item .note--outline:after,
#coachpage .client-list-item .note--editing-on:after,
#coachpage .client-list-item .note--outline:before,
#coachpage .client-list-item .note--editing-on:before {
  bottom: 100%;
  right: 47px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#coachpage .client-list-item .note--outline:after,
#coachpage .client-list-item .note--editing-on:after {
  border-color: transparent;
  border-bottom-color: #424242;
  border-width: 20px;
  z-index: 1;
}
#coachpage .client-list-item .note--outline:before,
#coachpage .client-list-item .note--editing-on:before {
  border-color: transparent;
  border-bottom-color: #363636;
  border-width: 17px;
  z-index: 2;
  transform: translateX(-3px);
}
.coach-indicator {
  background-color: rgba(23,92,160,0.75);
  position: relative;
  z-index: 1;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 58px;
}
.coach-indicator .wrapper {
  background: none;
  padding-top: 24px;
  padding-bottom: 24px;
}
.coach-indicator .wrapper h4 {
  margin: 0;
}
.coach-indicator .wrapper h4 a {
  color: #fff;
  line-height: 1.5em;
}
.coach-indicator .wrapper h4 a i {
  margin-right: 0.5em;
  font-size: 1.5em;
  line-height: 50%;
  transform: translateY(25%);
  display: inline-block;
  font-style: normal;
}
@media all and (max-width768px) {
  .startcoaching-banner {
    background-image: none;
  }
  .startcoaching-banner .row-flex > .offset5 {
    margin-left: 0;
  }
}
.coaches-settings-listitem {
  background-color: #363636;
}
.endcoachingmodal {
  position: fixed;
}
.publicity-infos--coach {
  display: none;
  margin-top: 12px;
  color: #f00;
  background-color: #363636;
  padding: 12px;
  font-size: 12px;
  text-shadow: none;
}
.publicity-infos--coach i[class^=icon] {
  color: #fff;
  background-color: #f00;
  border-radius: 99em;
  padding: 0.33em;
  margin-right: 6px;
}
.publicity-infos--coach i[class^=icon].iscoach {
  display: block;
}
@media all and (max-width: 768px) {
  .contact-coach-modal {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
    transform: translate(0, 0);
  }
}
.covermobile--header h1 {
  margin-bottom: 1.3em;
}
.covermobile--text {
  border: 3px solid #808080;
  border-radius: 13px;
  padding: 22px;
  margin-top: -3%;
  margin-bottom: 6px;
}
.covermobile--text h2 {
  margin-bottom: 13px;
}
.visible-mobile-os {
  display: none;
}
.hidden-mobile-os {
  display: inherit;
}
.os-type-mobile .visible-mobile-os {
  display: inherit;
}
.os-type-mobile .hidden-mobile-os {
  display: none;
}
.ui-tabs-anchor {
  padding-bottom: 12px;
}
[data-selected-count="1"]:after,
[data-selected-count="2"]:after,
[data-selected-count="3"]:after,
[data-selected-count="4"]:after,
[data-selected-count="5"]:after {
  display: block;
  color: #212121;
  position: absolute;
  top: 12px;
  text-shadow: 1px 1px #fff;
}
[data-selected-count="1"]:after {
  content: "•";
}
[data-selected-count="2"]:after {
  content: "••";
}
[data-selected-count="3"]:after {
  content: "•••";
}
[data-selected-count="4"]:after {
  content: "••••";
}
[data-selected-count="5"]:after {
  content: "•••••";
}
.map-page-body {
  height: 100% !important;
}
.map-page-body .page-header-nav-fancy {
  z-index: 3502;
}
.discover-page {
  color: #b3b3b3;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100%;
  overflow: hidden;
}
.discover-sidebar {
  position: absolute;
  background-color: rgba(10,10,10,0.9);
  height: calc(100% - 63px);
  width: 0;
  left: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  color: #e6e6e6;
}
.discover-sidebar:hover #expandSidebarIcon {
  color: #ccc;
}
.discover-sidebar .library-section {
  background-color: transparent !important;
}
.discover-sidebar.expanded {
  width: 350px;
  overflow: hidden;
}
.discover-sidebar .createMapItemMenu {
  display: none;
  position: absolute;
  bottom: 50px;
  width: 100%;
  transition: bottom 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.discover-sidebar .createMapItemMenu-small {
  width: 140px;
  bottom: 58px;
  left: 30px;
}
.discover-sidebar .createMapItemBtn {
  height: 10px;
  background-color: #fff;
  color: #000;
  padding-left: 25px;
  padding-top: 8px;
  padding-bottom: 17px;
  border-top: 1px solid #c2c2c2;
  font-size: 12px;
}
.discover-sidebar .createMapItemBtn:hover {
  background-color: #e6e6e6;
}
.discover-sidebar .listing-image {
  height: 154px;
  width: 154px;
  margin-right: 3px;
  margin-top: 3px;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-flex;
}
.add-new,
.add-new--small,
.menu-btn.toggled--small,
.menu-btn.toggled,
.map-selector-menu--small,
.map-selector-menu {
  position: absolute;
  background-color: #29abe2;
  color: #fff;
  font-size: 16px;
  padding-left: 0px;
  padding-right: 0px;
  bottom: 25px;
  left: 20px;
  height: 31px;
  width: 40px;
  padding-top: 9px;
  border-radius: 50px;
  text-align: center;
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), bottom 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  cursor: pointer;
}
.add-new .create-route-text,
.add-new--small .create-route-text,
.menu-btn.toggled--small .create-route-text,
.menu-btn.toggled .create-route-text,
.map-selector-menu--small .create-route-text,
.map-selector-menu .create-route-text {
  position: absolute;
  top: 8px;
  left: 38px;
  opacity: 0;
  width: 200px;
  visibility: hidden;
  transition: visibility 0ms, opacity 300ms 100ms linear;
  font-size: 13px;
}
.add-new:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]),
.add-new--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]),
.menu-btn.toggled--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]),
.menu-btn.toggled:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]),
.map-selector-menu--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]),
.map-selector-menu:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) {
  background-color: #198cbc;
  width: 155px;
  border-radius: 0;
  text-align: left;
  padding-right: 11px;
  padding-left: 13px;
  padding-right: 20px;
}
.add-new:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .create-route-text,
.add-new--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .create-route-text,
.menu-btn.toggled--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .create-route-text,
.menu-btn.toggled:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .create-route-text,
.map-selector-menu--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .create-route-text,
.map-selector-menu:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .create-route-text,
.add-new:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .add-new--itemlist,
.add-new--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .add-new--itemlist,
.menu-btn.toggled--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .add-new--itemlist,
.menu-btn.toggled:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .add-new--itemlist,
.map-selector-menu--small:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .add-new--itemlist,
.map-selector-menu:hover:not(.menu-btn):not(.map-selector-menu):not([disabled]) .add-new--itemlist {
  opacity: 1;
  visibility: visible;
}
.add-new--small,
.add-new--small--small,
.menu-btn.toggled--small--small,
.menu-btn.toggled--small,
.map-selector-menu--small--small,
.map-selector-menu--small {
  text-align: center;
  padding-left: 1px;
  height: 25px;
  padding-top: 5px;
  padding-right: 0;
}
.add-new .h4,
.add-new--small .h4,
.menu-btn.toggled--small .h4,
.menu-btn.toggled .h4,
.map-selector-menu--small .h4,
.map-selector-menu .h4 {
  padding-left: 5px;
  top: 1px;
  position: relative;
}
.add-new--itemlist,
.add-new--small--itemlist,
.menu-btn.toggled--small--itemlist,
.menu-btn.toggled--itemlist,
.map-selector-menu--small--itemlist,
.map-selector-menu--itemlist {
  position: absolute;
  bottom: 37px;
  left: 0;
  width: 187px;
  background: #fff;
  color: #212121;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0ms, opacity 200ms 100ms linear;
}
.add-new--itemlist >li,
.add-new--small--itemlist >li,
.menu-btn.toggled--small--itemlist >li,
.menu-btn.toggled--itemlist >li,
.map-selector-menu--small--itemlist >li,
.map-selector-menu--itemlist >li {
  padding: 9px;
  font-size: 13px;
}
.add-new--itemlist >li:hover,
.add-new--small--itemlist >li:hover,
.menu-btn.toggled--small--itemlist >li:hover,
.menu-btn.toggled--itemlist >li:hover,
.map-selector-menu--small--itemlist >li:hover,
.map-selector-menu--itemlist >li:hover {
  background: #e6e6e6;
}
.menu-btn {
  position: absolute;
  left: 20px;
  top: 85px;
  width: 288px;
  height: 25px;
  background: rgba(10,10,10,0.9);
  cursor: pointer;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.menu-btn i {
  margin-right: 10px;
  position: absolute;
  right: 0;
  top: 32%;
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.menu-btn.toggled {
  background: rgba(10,10,10,0.9);
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  border-radius: 0;
  width: 30px;
}
.menu-btn .selection-description {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}
.discover-control-bar,
.activityselector-container {
  position: absolute;
  top: 200px;
  left: 20px;
  width: 290px;
  height: auto;
  min-height: 60px;
  max-height: 500px;
  overflow-y: none;
  overflow-x: none;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 12px;
  padding-right: 7px;
  display: none;
  background-color: #fff;
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
.discover-control-bar.inactive,
.activityselector-container.inactive {
  pointer-events: none;
}
.discover-control-bar .locationInputGroup,
.activityselector-container .locationInputGroup {
  position: relative;
}
.discover-control-bar input[type=text],
.activityselector-container input[type=text] {
  background-color: #e6e6e6;
  width: 95%;
  color: #969696;
  font-size: 13px;
  padding-left: 52px;
  padding-top: 8px;
  padding-bottom: 9px;
  padding-right: 15px;
  box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.1);
  margin-top: 6px;
}
.discover-control-bar input[type=text]:focus,
.activityselector-container input[type=text]:focus {
  color: #212121;
}
.discover-control-bar input[type=text].active,
.activityselector-container input[type=text].active {
  color: #212121;
}
.discover-control-bar .locationIcon,
.activityselector-container .locationIcon {
  position: absolute;
  left: 10px;
  bottom: 9px;
  font-size: 16px;
  color: #424242;
}
.discover-control-bar .locationIcon >i,
.activityselector-container .locationIcon >i {
  position: absolute;
  top: 4px;
  left: 22px;
  font-size: 11px;
}
.discover-control-bar-routeInfo .route-value,
.activityselector-container-routeInfo .route-value {
  text-transform: lowercase;
  font-size: 20px;
}
.discover-control-bar .route-est-time,
.activityselector-container .route-est-time {
  text-align: center;
  padding: 3px;
  background: #ebebeb;
  font-size: 12px;
  height: 18px;
}
.discover-control-bar .buttonGroup,
.activityselector-container .buttonGroup {
  position: relative;
  margin-top: 25px;
  width: 97%;
}
.discover-control-bar .buttonGroup .cancel-btn,
.activityselector-container .buttonGroup .cancel-btn {
  color: #fff;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  bottom: -35px;
  left: 42%;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
.discover-control-bar .buttonGroup .cancel-btn:hover,
.activityselector-container .buttonGroup .cancel-btn:hover {
  color: #e6e6e6;
}
.discover-control-bar .route-device-group,
.activityselector-container .route-device-group {
  background: #e6e6e6;
  width: 292px;
  position: relative;
  left: -15px;
  min-height: 30px;
  max-height: 64px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5px;
  padding-left: 14px;
  padding-right: 6px;
  padding-bottom: 10px;
}
.discover-control-bar .route-device-group .deviceList,
.activityselector-container .route-device-group .deviceList {
  font-size: 12px;
}
.discover-control-bar .route-device-group .deviceList label,
.activityselector-container .route-device-group .deviceList label {
  margin-top: 5px !important;
  position: relative;
}
.discover-control-bar .route-device-group .deviceList input[name="route"]:not(:checked) ~ label .fancy-off,
.activityselector-container .route-device-group .deviceList input[name="route"]:not(:checked) ~ label .fancy-off {
  background-color: #ccc;
}
.discover-control-bar .route-device-group .deviceList input[name="route"]:not(:checked) ~ label:before,
.activityselector-container .route-device-group .deviceList input[name="route"]:not(:checked) ~ label:before {
  background-color: #969696;
}
.discover-control-bar .route-device-group .deviceList input[name="route"]:checked ~ label .fancy-off,
.activityselector-container .route-device-group .deviceList input[name="route"]:checked ~ label .fancy-off {
  background-color: #fff;
}
.discover-control-bar.map-saved-msg,
.activityselector-container.map-saved-msg {
  text-align: center;
  padding-top: 25px;
  color: #212121;
}
.discover-control-bar.map-saved-msg i,
.activityselector-container.map-saved-msg i {
  top: 1px;
  left: -20px;
  margin-right: -20px;
}
.discover-control-bar.map-save-failed-msg,
.activityselector-container.map-save-failed-msg {
  padding-left: 40px;
  top: 490px;
  color: #212121;
  padding-top: 10px;
  background-color: #fff;
}
.discover-control-bar.map-save-failed-msg i,
.activityselector-container.map-save-failed-msg i {
  top: 10px;
  left: 15px;
}
.discover-control-bar.small,
.activityselector-container.small {
  width: 210px;
  margin-left: 20px;
}
.discover-control-bar.scrolling,
.activityselector-container.scrolling {
  padding-top: 10px;
}
.discover-control-bar.expandable,
.activityselector-container.expandable {
  position: relative;
  top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  width: 297px;
  max-width: 297px;
  height: auto;
  min-height: 45px;
  max-height: none;
  background: transparent;
  transition: max-width 100ms linear;
  color: #fff;
  box-shadow: none;
}
.discover-control-bar.expandable .mapitem-list-header,
.activityselector-container.expandable .mapitem-list-header {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  left: -14px;
  width: 104%;
}
.discover-control-bar.expandable .mapitem-list-header .sorting-list,
.activityselector-container.expandable .mapitem-list-header .sorting-list {
  width: auto;
  min-width: 110px;
}
.discover-control-bar .route-button-group,
.activityselector-container .route-button-group {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 3px;
  border-top: 1px solid #e6e6e6;
  margin-left: -15px;
  margin-top: -2px;
  width: 309px;
  background: #e6e6e6;
}
.discover-control-bar .route-button-group .route-action-btn,
.activityselector-container .route-button-group .route-action-btn {
  width: 28%;
  cursor: pointer;
}
.discover-control-bar .route-button-group .route-action-btn >span,
.activityselector-container .route-button-group .route-action-btn >span,
.discover-control-bar .route-button-group .route-action-btn >i,
.activityselector-container .route-button-group .route-action-btn >i {
  color: #737373;
}
.discover-control-bar .route-button-group .route-action-btn.disabled,
.activityselector-container .route-button-group .route-action-btn.disabled {
  background: #fff;
  opacity: 1;
}
.discover-control-bar .route-button-group .route-action-btn.disabled >span,
.activityselector-container .route-button-group .route-action-btn.disabled >span,
.discover-control-bar .route-button-group .route-action-btn.disabled >i,
.activityselector-container .route-button-group .route-action-btn.disabled >i {
  color: #ccc !important;
}
.discover-control-bar .route-button-group .route-action-btn .route-btn-tooltip,
.activityselector-container .route-button-group .route-action-btn .route-btn-tooltip {
  display: none;
}
.discover-control-bar .controlbar-close-btn,
.activityselector-container .controlbar-close-btn {
  position: absolute;
  display: block;
  top: 10px;
  right: 4px;
  padding: 5px;
  cursor: pointer;
}
.discover-control-bar .controlbar-close-btn:hover,
.activityselector-container .controlbar-close-btn:hover {
  color: #fff;
}
.discover-control-bar .controlbar-close-btn--bg,
.activityselector-container .controlbar-close-btn--bg {
  color: #e6e6e6;
  position: absolute;
  top: 0;
  right: 0;
  padding: 9px;
  cursor: pointer;
}
.discover-control-bar .controlbar-close-btn--bg:hover,
.activityselector-container .controlbar-close-btn--bg:hover {
  color: #fff;
}
.discover-control-bar-titlesection,
.activityselector-container-titlesection,
.discover-control-bar-titlesection--big,
.activityselector-container-titlesection--big,
.discover-control-bar-titlesection--big--big {
  background: #424242;
  position: relative;
  width: 298px;
  height: 28px;
  left: -15px;
  top: -10px;
  padding-left: 15px;
  padding-top: 12px;
  padding-bottom: 3px;
}
.discover-control-bar-titlesection--big,
.activityselector-container-titlesection--big,
.discover-control-bar-titlesection--big--big,
.activityselector-container-titlesection--big--big,
.discover-control-bar-titlesection--big--big--big {
  height: auto;
  min-height: 80px;
  max-height: 105px;
  padding-bottom: 5px;
  padding-top: 15px;
}
.discover-control-bar-titlesection--big #routeTitle,
.activityselector-container-titlesection--big #routeTitle,
.discover-control-bar-titlesection--big--big #routeTitle,
.activityselector-container-titlesection--big--big #routeTitle,
.discover-control-bar-titlesection--big--big--big #routeTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 245px;
  max-height: 60px;
  margin-top: 2px;
  display: inline-block;
  word-break: break-all;
}
.discover-control-bar-titlesection--big #routeViewIcon,
.activityselector-container-titlesection--big #routeViewIcon,
.discover-control-bar-titlesection--big--big #routeViewIcon,
.activityselector-container-titlesection--big--big #routeViewIcon,
.discover-control-bar-titlesection--big--big--big #routeViewIcon {
  margin-left: -3px;
}
.discover-control-bar .visible-items-list,
.activityselector-container .visible-items-list {
  display: block;
  margin-left: -15px;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background: #fff;
}
.offlineMapCreationOverlay,
.offlineMapCreationOverlay.pinhole {
  height: 50%;
  width: 0;
  max-width: 550px;
  max-height: 550px;
  background-color: transparent;
  z-index: 2;
  position: absolute;
  top: 25%;
  left: calc(50% - 160px);
  box-shadow: 0px 0px 0px 9999px rgba(0,0,0,0.5);
  pointer-events: none;
  display: none;
  transition: border-radius 200ms ease-in;
}
.offlineMapCreationOverlay.pinhole,
.offlineMapCreationOverlay.pinhole.pinhole {
  height: 40%;
  box-shadow: 0px 0px 0px 9999px rgba(0,0,0,0.9);
  z-index: 4;
  left: calc(50% - 120px);
  transition: border-radius 200ms ease-in;
}
.offlineMapCreationOverlay.pinhole.round,
.offlineMapCreationOverlay.pinhole.pinhole.round {
  border-radius: 300px;
}
.offlineMapCreationOverlay.transparent,
.offlineMapCreationOverlay.pinhole.transparent {
  box-shadow: none;
  border-radius: 300px;
  z-index: 5;
}
.offlineMapCreationOverlay.transparent .confirm-detail-btn,
.offlineMapCreationOverlay.pinhole.transparent .confirm-detail-btn {
  display: block !important;
}
.offlineMapCreationOverlay.transparent .cancel-detail-btn,
.offlineMapCreationOverlay.pinhole.transparent .cancel-detail-btn {
  display: block !important;
  font-size: 16px !important;
}
.offlineMapCreationOverlay .width-scale-group,
.offlineMapCreationOverlay.pinhole .width-scale-group {
  position: absolute;
  bottom: -30px;
  width: 100%;
  font-size: 12px;
  color: #e6e6e6;
  text-align: center;
  background-color: transparent;
  display: block;
}
.offlineMapCreationOverlay .width-scale-group .width-scale,
.offlineMapCreationOverlay.pinhole .width-scale-group .width-scale {
  display: block;
  height: 4px;
  width: 99.7%;
  left: 0;
  top: 2px;
  position: relative;
  border: 1px solid #ccc;
  border-top: none;
  margin-bottom: 4px;
  background-color: transparent;
}
.offlineMapCreationOverlay .width-scale-group span,
.offlineMapCreationOverlay.pinhole .width-scale-group span {
  position: relative;
  width: 100%;
  top: 2px;
}
.offlineMapCreationOverlay .detail-controls,
.offlineMapCreationOverlay.pinhole .detail-controls {
  position: absolute;
  top: -11%;
  height: 160%;
  margin-top: 10px;
}
.offlineMapCreationOverlay .detail-controls .map-detail-slider,
.offlineMapCreationOverlay.pinhole .detail-controls .map-detail-slider {
  position: relative;
  margin-top: 120%;
  left: -8px;
  width: 100%;
  pointer-events: auto;
  padding-right: 0;
}
.offlineMapCreationOverlay .detail-controls .confirm-detail-btn,
.offlineMapCreationOverlay.pinhole .detail-controls .confirm-detail-btn {
  bottom: 115px;
  left: 105%;
  pointer-events: auto;
  background-color: #fff;
  height: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}
.offlineMapCreationOverlay .detail-controls .confirm-detail-btn:hover,
.offlineMapCreationOverlay.pinhole .detail-controls .confirm-detail-btn:hover {
  background-color: #e6e6e6;
}
.offlineMapCreationOverlay .detail-controls .cancel-detail-btn,
.offlineMapCreationOverlay.pinhole .detail-controls .cancel-detail-btn {
  top: 0;
  left: 110%;
  pointer-events: auto;
}
.offlineMapCreationOverlay .detail-controls .detail-tooltip,
.offlineMapCreationOverlay.pinhole .detail-controls .detail-tooltip {
  pointer-events: none;
  background-color: rgba(0,0,0,0.45);
  width: 219px;
  height: auto;
  max-height: 90px;
  text-align: center;
  border-radius: 2px;
  display: inline-block;
  top: -3px;
  left: -110px;
  padding-top: 12px;
  padding: 10px;
}
.offlineMapCreationOverlay .detail-tooltip:after,
.offlineMapCreationOverlay.pinhole .detail-tooltip:after {
  bottom: 100%;
  left: 60%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: rgba(0,0,0,0.45);
  border-width: 10px;
  margin-left: -30px;
}
.offlineMapCreationOverlay .detail-info,
.offlineMapCreationOverlay.pinhole .detail-info {
  text-align: center;
  left: 0;
  top: -5px;
}
.offlineMapCreationOverlay .region-rect-tooltip,
.offlineMapCreationOverlay.pinhole .region-rect-tooltip {
  z-index: 3;
  left: 20%;
  top: 35%;
  text-align: center;
  width: 50%;
  display: block;
  background-color: rgba(0,0,0,0.6);
  border-radius: 2px;
}
.offlineMapCreationOverlay .region-rect-tooltip .close-tooltip-btn,
.offlineMapCreationOverlay.pinhole .region-rect-tooltip .close-tooltip-btn {
  top: -2px;
  right: 6px;
  pointer-events: auto;
  font-size: 15px;
}
.discover-page .info {
  cursor: pointer;
  pointer-events: auto;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
  opacity: 0.8;
}
.library-items {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 30px);
  width: 100%;
}
.library-items .libraryItemBtn {
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  color: #e6e6e6;
  margin-left: 20px;
  width: 293px;
}
.library-items .libraryItemBtn .new-items-indicator {
  position: relative;
  margin-right: 0;
  margin-left: 5px;
  top: -10px;
  background-color: #f00;
  border-radius: 10px;
  width: 9px;
  height: 11px;
  padding-bottom: 4px;
  padding-left: 3px;
  padding-right: 3px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  display: none;
}
.library-items .libraryItemBtn:hover .h4 {
  color: #fff;
}
.library-items .libraryItemBtn .h4 {
  color: #e6e6e6;
}
.library-items .library-action-btn {
  width: 100%;
}
.library-items .library-action-btn >a {
  color: #e6e6e6;
}
.library-items .library-action-btn:hover >a {
  color: #fff;
}
.library-items .library-action-btn:hover >i {
  color: #fff;
}
.library-items .libraryitem-list {
  position: relative;
  width: 300px;
  top: 0;
  left: -14px;
  max-height: 0;
  height: auto;
  overflow: hidden;
  transition: max-height 400ms linear;
}
.libraryItem {
  display: block;
  background-color: #2b2b2b;
  width: 293px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 4px;
  margin-bottom: 2px;
  margin-top: 1px;
  height: 38px;
  overflow: hidden;
  cursor: pointer;
}
.libraryItem--disabled,
.libraryItem--active {
  cursor: default;
  pointer-events: none;
}
.libraryItem--disabled span,
.libraryItem--active span {
  opacity: 0.5;
  cursor: default;
}
.libraryItem--active i {
  opacity: 0.5;
}
.libraryItem span {
  display: block;
  margin-left: 45px;
  margin-top: 2px;
  width: 73%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.libraryItem i {
  float: left;
  top: 3px;
  position: relative;
  color: #ccc;
}
.libraryItem .h6 {
  text-transform: none;
}
.libraryItem:hover .h6 {
  color: #fff;
}
.libraryItem:hover .region-delete {
  display: block;
}
.libraryItem .region-delete {
  margin-right: 10px;
  color: #969696;
  display: none;
  float: right;
}
.libraryItem .region-delete:hover {
  color: #f00;
}
.mapDataBtn {
  background-color: rgba(255,255,255,0.3);
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 2px;
  font-size: 13px;
  color: #212121;
  cursor: pointer;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mapDataBtn.selected {
  color: #000;
}
.save-btn {
  background-color: #e52727 !important;
  color: #fff !important;
}
.save-btn:hover {
  background-color: #cc252a !important;
}
.light-btn {
  background-color: #fff !important;
  border-top: 1px solid #ccc !important;
}
.light-btn:hover {
  background-color: #e6e6e6 !important;
}
.static-save {
  position: relative;
  left: 0px;
  bottom: 0;
  margin-left: -15px;
  width: 108% !important;
}
.route-save-info {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  position: fixed;
  pointer-events: none;
  text-align: center;
  display: none;
}
.route-save-info-wrapper {
  position: absolute;
  top: 45%;
  left: 45%;
  height: auto;
  min-height: 60px;
  width: 240px;
  padding: 36px;
  background-color: #fff;
  word-wrap: break-word;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
}
.tablet-info-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 197;
  position: fixed;
  display: none;
}
.tablet-info-overlay-wrapper {
  position: absolute;
  top: 35%;
  left: 35%;
}
.tablet-info-overlay-deviceicon {
  position: relative;
  height: 150px;
  width: 100px;
  left: 30%;
  margin-bottom: 20px;
  background-color: transparent;
  border-top: 14px solid #fff;
  border-bottom: 14px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  border-radius: 5px;
  animation: turn 5s infinite;
}
.closed {
  max-height: 0 !important;
}
.open {
  max-height: 490px !important;
}
.route-activity-list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
  width: 190px;
  position: absolute;
  top: 260px;
  left: 85px;
  background: #fff;
  display: block;
  border-radius: 3px;
  padding: 0;
  box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
}
.activityselector-container {
  background-color: transparent;
  display: block;
  min-height: 65px;
  top: auto;
  box-shadow: none;
}
.activityselector {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-height: 50px;
  width: 100%;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
.activityselector-selected {
  margin-left: 10px;
  padding-top: 10px;
  position: relative;
  max-width: 200px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  top: -1px;
}
.activityselector-wrapper div {
  margin-left: 10px;
  margin-right: 12px;
  margin-top: 5px;
  margin-bottom: 8px;
  cursor: pointer;
}
.activityselector-filter-wrapper {
  margin: 0 !important;
  width: 100%;
  display: none;
  background-color: #2b2b2b;
  z-index: 1;
  position: relative;
  height: 45px;
}
.activityselector-filter-wrapper input[type=text] {
  width: 79%;
  font-size: 16px;
  color: #808080 !important;
  background-color: #2b2b2b;
  height: 45px;
  outline: 0;
  box-shadow: none;
  padding-left: 18px;
  margin-top: 0;
  text-transform: capitalize;
}
.activityselector-filter-wrapper input[type=text]:focus {
  color: #fff !important;
  outline: 0;
}
.activityselector-filter-wrapper i {
  background-color: #2b2b2b !important;
  position: relative;
}
.activityselector-filter-wrapper .icon-170 {
  margin-left: 19px;
  top: 14px;
  cursor: auto;
}
.activityselector-filter-wrapper .icon-184 {
  margin-left: 0px;
  margin-right: 10px;
  top: 15px;
  cursor: pointer;
  display: none;
  color: #969696;
}
.activityselector-filter-wrapper .icon-184:hover {
  color: #fff !important;
}
.activityselector-noresults {
  pointer-events: none;
  border: none !important;
  left: 9px;
  margin-top: 7px;
}
.activityselector-groupheader {
  background-color: #212121;
  height: 18px !important;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 7px;
  margin: 0;
  pointer-events: none;
  text-transform: uppercase;
}
.activityselector-groupheader span {
  color: #b3b3b3;
}
.activityselector-groupheader-small {
  padding: 3px;
  padding-left: 10px;
  padding-top: 10px;
  text-transform: uppercase;
}
.activityselector-groupheader-small span {
  color: #212121;
}
.activityselector-activity .h5 {
  text-transform: none;
}
.activityselector-activity.small:hover a,
.activityselector-activity.small .selected-activity a {
  color: #000 !important;
}
.activityselector ul.dropdown {
  position: relative;
  background-color: none;
  border-radius: 3px;
}
.activityselector ul.dropdown .submenu {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
  height: 450px;
  top: -2px;
  left: 0;
  background-color: #2b2b2b;
  display: none;
  border-radius: 3px;
  transition: max-height 400ms linear;
  z-index: 117;
}
.activityselector ul.dropdown .submenu .color-icon {
  font-size: 20px;
  top: 5px;
}
.activityselector ul.dropdown .submenu .selected-activity a {
  color: #fff;
}
.activityselector ul.dropdown .submenu .selected-activity i {
  opacity: 1;
}
.activityselector ul.dropdown .submenu .selected-activity .round-icon {
  display: block !important;
}
.activityselector ul.dropdown .submenu .selected-activity .color-icon {
  display: none;
}
.activityselector ul.dropdown .submenu li {
  position: relative;
  top: 0;
  height: 47px;
  border-bottom: 1px solid #212121;
  cursor: pointer;
}
.activityselector ul.dropdown .submenu li div {
  margin: 0;
  left: 10px;
  top: 7px;
  position: relative;
  height: 90%;
}
.activityselector ul.dropdown .submenu li a {
  position: relative;
  left: 46px;
  top: 6px;
  color: #969696;
}
.activityselector ul.dropdown .submenu li i {
  position: absolute;
  top: 0px;
  opacity: 0.7;
}
.activityselector ul.dropdown .submenu li:hover a {
  color: #fff;
}
.activityselector ul.dropdown .submenu li:hover i {
  opacity: 1;
}
.activityselector ul.dropdown .submenu li:hover .round-icon {
  display: block !important;
}
.activityselector ul.dropdown .submenu li:hover .color-icon {
  display: none;
}
.activityselector-buttons {
  width: 314px;
  position: relative;
  left: -9px;
  bottom: -40px;
  z-index: -1;
}
.waypoint-details {
  width: 100%;
  cursor: pointer;
}
.waypoint-details:hover {
  color: #212121;
}
.visible-item-details {
  width: 289px;
  padding: 15px;
  padding-left: 10px;
  cursor: pointer;
  background: #2b2b2b;
}
.visible-item-details a:hover {
  color: #3c9bfa !important;
}
.visible-item-details .visible-item-description {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  max-height: 55px;
  max-width: 210px;
}
.visible-item-details:not(:last-child) {
  border-bottom: 1px solid #212121;
}
.visible-item-details:hover {
  background: #363636;
}
.visible-item-details .favorite-icon {
  transition: color 200ms linear;
}
.visible-item-details .favorite-icon:hover:not(.saved) {
  color: #62c9fc !important;
}
.visible-item-details .favorite-icon.saved {
  color: #29abe2 !important;
}
.visible-item-details .offset-2 {
  position: relative;
  left: 16.666%;
}
.refresh-map-btn {
  z-index: 200;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25) !important;
  padding: 13px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.map-autorefresh {
  z-index: 200;
}
.map-autorefresh:hover {
  background: #fff !important;
}
.textarea-light {
  background-color: #fff;
  overflow: hidden;
  padding: 0;
}
.textarea-light.editable {
  color: #212121;
}
.textarea-light.full {
  width: 99% !important;
}
.info-tooltip {
  display: block;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
  height: auto;
  min-height: 60px;
  width: 245px;
  position: absolute;
  background-color: #ebebeb;
  padding: 10px;
  border-radius: 3px;
  z-index: 116;
}
.info-tooltip.too-many-points,
.info-tooltip.simplify-info-tooltip {
  left: 40px;
  top: 390px;
}
.info-tooltip:before {
  right: 72%;
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #ebebeb;
  border-width: 10px;
  margin-top: -10px;
}
.route-btn-tooltip {
  display: block;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
  height: auto;
  width: auto;
  min-width: 40px;
  max-width: 180px;
  position: absolute;
  z-index: 4;
  background-color: #fff;
  padding: 10px;
  text-align: center;
  border-radius: 9px;
  z-index: 115;
}
.route-btn-tooltip:after {
  right: calc(50% - 6px);
  bottom: -6px;
  border: 6px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent #fff #fff transparent;
  transform: rotate(45deg);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.filter-settings {
  display: none;
  background-color: #2b2b2b;
  max-height: 300px;
  width: 245px;
  position: absolute;
  top: 180px;
  left: 30px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  border-radius: 9px;
}
.filter-settings:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #2b2b2b;
  border-width: 10px;
  margin-left: -10px;
}
.filter-toggle {
  display: block;
  cursor: pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #363636;
  color: #ccc;
  max-width: 200px;
  min-width: 110px;
  width: auto;
  text-align: center;
}
.filter-toggle.selected {
  background-color: #363636;
  color: #212121;
}
.filter-btn {
  float: right;
  position: absolute;
  cursor: pointer;
  top: 88px;
  right: 2px;
}
.filter-btn >i:hover,
.filter-btn >i.hover {
  color: #29abe2 !important;
  animation: 1.5s settings_animation;
}
.route-scrolling-section {
  overflow-x: hidden;
  overflow-y: auto;
  width: 297px !important;
  max-height: 400px;
  position: relative;
}
[data-id="errorTooltip_heatmapIssue"] {
  position: absolute;
  right: 70px;
  bottom: 70px;
  display: none;
  z-index: 1;
}
.map-provider-options {
  bottom: 0;
  width: 0;
  padding: 0;
  opacity: 0;
  display: block !important;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.map-provider-options span {
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0ms, opacity 200ms 100ms linear;
}
.map-provider-options .map-provider-option {
  width: 116%;
  margin-left: -15px;
}
.map-provider-options .map-provider-option:hover {
  background: #e6e6e6;
}
.map-provider-options .map-provider-option:hover span {
  color: #212121;
}
.map-provider-options .map-provider-option span {
  color: #969696;
  margin-left: 15px;
}
.map-selector-menu {
  left: auto;
}
.map-selector-menu:hover {
  width: 155px;
  border-radius: 0;
  text-align: left;
  padding-left: 13px;
  padding-right: 20px;
}
.map-selector-menu:hover i {
  display: none;
}
.map-selector-menu:hover .map-provider-options {
  bottom: 0;
  width: 187px !important;
  padding: 15px;
  opacity: 1;
}
.map-selector-menu:hover .map-provider-options span {
  visibility: visible;
  opacity: 1;
}
.mapscale {
  position: absolute;
  bottom: 0;
  right: 360px;
  width: 130px;
  height: 12px;
  background: rgba(255,255,255,0.5);
  padding: 8px 5px 0 5px;
  z-index: 115;
}
.mapscale .scale-indicator {
  border: 1px solid #2b2b2b;
  border-top: none;
  position: absolute;
  left: 53px;
  bottom: 4px;
  height: 6px;
  width: 79px;
}
.mapscale span {
  position: relative;
  bottom: 5px;
}
.heatmap-toggle {
  position: absolute;
  right: 60px;
  bottom: 30px;
  padding: 8px !important;
  padding-right: 20px !important;
  background: #fff;
  color: #b3b3b3;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25) !important;
}
.heatmap-toggle:hover {
  color: #737373 !important;
  background: #ebebeb !important;
}
.heatmap-toggle i {
  margin-right: 5px !important;
}
.heatmap-toggle.toggled {
  color: #000;
}
.map-media-list {
  margin-left: 20px;
}
.no-rounding {
  border-radius: 0 !important;
}
.temp-marker {
  background: url("/img/movemarkers/1.png") no-repeat;
  background-size: cover;
  position: absolute;
  height: 10px;
  width: 10px;
}
.light {
  color: #fff !important;
}
.light_0 {
  color: #fff !important;
}
.light_1 {
  color: #ccc !important;
}
.light_2 {
  color: #e6e6e6 !important;
}
.light_3 {
  color: #ccc !important;
}
.light_4 {
  color: #ccc !important;
}
.light_5 {
  color: #969696 !important;
}
.light_6 {
  color: #808080 !important;
}
.dark {
  color: #000 !important;
}
.dark_2 {
  color: #212121 !important;
}
.dark_3 {
  color: #2b2b2b !important;
}
.dark_4 {
  color: #363636 !important;
}
.dark_5 {
  color: #424242 !important;
}
.dark_6 {
  color: #737373 !important;
}
.red {
  color: #f00;
}
.blue {
  color: #62c9fc;
}
.blue_2 {
  color: #2599c7;
}
.basic-big {
  font-size: 16px;
}
.basic-small {
  font-size: 11px;
}
.map--full-with-menu {
  height: calc(100% - 60px);
  width: 100% !important;
  max-width: 100% !important;
  position: absolute !important;
  bottom: 0px;
  right: 0;
  padding: 0 !important;
  margin: 0;
}
.map--full-with-menu .map-content {
  height: 100%;
}
.map--full-with-menu .map-menu.map-selector-menu {
  background-color: #fff;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
.map--full-with-menu .map-menu.map-selector-menu.disabled {
  opacity: 1 !important;
}
.map--full-with-menu .map-menu.map-selector-menu.disabled a {
  color: #b3b3b3 !important;
}
.map--full-with-menu .map-menu.map-selector-menu a {
  color: #212121;
  text-shadow: none;
  padding-right: 30px;
}
.map--full-with-menu .map-menu.map-selector-menu a span {
  vertical-align: top;
}
.map--full-with-menu .map-menu.map-selector-menu a i {
  padding-top: 3px;
}
.map--full-with-menu .map-menu.map-selector-menu ul li:hover a {
  background-color: #ebebeb;
}
.map--full-with-menu .map-menu.map-selector-menu >li:hover >a {
  background-color: transparent !important;
}
.map--full-with-menu .map-menu.map-selector-menu #selectedMapProvider {
  font-size: 16px;
}
.map--full-with-menu .map-menu.map-selector-menu ul {
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
  width: 0;
  min-width: 0;
  max-height: 275px;
}
.map--full-with-menu .map-overlay-controls {
  z-index: 115;
  right: 10px;
  top: auto !important;
  bottom: 88px;
}
.map--full-with-menu .map-overlay-controls--search {
  width: 297px;
  left: auto !important;
  top: 24px !important;
  right: 10px;
  z-index: 115;
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.map--full-with-menu .map-overlay-controls--search input {
  height: 49px;
  width: 115% !important;
  padding-left: 15px;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
}
.map--full-with-menu .map-overlay-controls--search button {
  height: 49px;
}
.map--full-with-menu .map-overlay-controls--search button >i {
  font-size: 16px;
  color: #969696;
}
.map--full-with-menu .map-overlay-controls--top {
  z-index: 116;
  top: auto;
  bottom: 30px;
  right: 10px;
}
.map--full-with-menu .map.amap .map-overlay-controls {
  top: auto !important;
  bottom: 88px;
  right: 10px;
}
.map--full-with-menu .googlemap-control-positioner {
  bottom: 68px;
  right: 19px;
  position: absolute;
  width: 138px;
  z-index: 116;
}
.map--full-with-menu .googlemap-control-positioner >div {
  z-index: 116 !important;
}
.map--full-with-menu .googlemap-control-positioner .gm-style-mtc div:nth-child(2) {
  top: -28px !important;
}
@media (max-width: 1024px) {
  .offlineMapCreationOverlay {
    left: calc(50% - 70px);
    max-height: 350px;
    max-width: 350px;
  }
  .offlineMapCreationOverlay#pinhole {
    left: calc(52% - 40px) !important;
    max-height: 250px;
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .offlineMapCreationOverlay {
    top: 28%;
    left: calc(15%);
    max-height: 80%;
    max-width: 80%;
    margin-bottom: 100px;
  }
  .offlineMapCreationOverlay#pinhole {
    left: calc(22%) !important;
    max-height: 80%;
    max-width: 80%;
  }
  .offlineMapCreationOverlay #detailControls {
    margin-top: 2px;
  }
  .offlineMapCreationOverlay #detailControls #mapDetailSlider {
    left: 0px;
    max-width: 90%;
  }
  .offlineMapCreationOverlay #detailControls #confirmDetailButton {
    bottom: 60px;
    left: 42%;
  }
  .map_share {
    top: 85px !important;
  }
}
@-moz-keyframes turn {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  20% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(90deg);
    opacity: 1;
  }
  80% {
    transform: rotate(90deg);
    opacity: 1;
  }
  95% {
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes turn {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  20% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(90deg);
    opacity: 1;
  }
  80% {
    transform: rotate(90deg);
    opacity: 1;
  }
  95% {
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg);
    opacity: 0;
  }
}
@-o-keyframes turn {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  20% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(90deg);
    opacity: 1;
  }
  80% {
    transform: rotate(90deg);
    opacity: 1;
  }
  95% {
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg);
    opacity: 0;
  }
}
@keyframes turn {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  20% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(90deg);
    opacity: 1;
  }
  80% {
    transform: rotate(90deg);
    opacity: 1;
  }
  95% {
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg);
    opacity: 0;
  }
}
@-moz-keyframes settings_animation {
  0% {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes settings_animation {
  0% {
    transform: rotate(180deg);
  }
}
@-o-keyframes settings_animation {
  0% {
    transform: rotate(180deg);
  }
}
@keyframes settings_animation {
  0% {
    transform: rotate(180deg);
  }
}
.feed.loading {
  min-height: 120px;
}
@media (max-width: 767px) {
  .feed .feed-child .feed-content-image {
    margin: 0 12px;
  }
}
.feed .MoveCreated .feed-child .feed-child {
  margin-left: 44px;
}
@media (max-width: 767px) {
  .feed .MoveCreated .feed-child .feed-child {
    margin-left: 34px;
  }
}
.feed-wrapper {
  background-color: #212121;
  position: relative;
  margin-bottom: 6px;
}
.feed-wrapper--highlighted {
  background-color: #363636;
}
.feed-wrapper--no-image {
  margin-bottom: 12px;
}
.feed-wrapper--no-image .feed-wrapper {
  background-color: transparent;
}
.feed-wrapper--no-image .feed-image {
  display: none;
}
.feed-wrapper--no-image .feed-section {
  padding: 0;
}
.feed--with-alt-color .feed-wrapper {
  background-color: #2b2b2b;
}
.feed--with-alt-color .feed-wrapper:nth-child(even) {
  background-color: #212121;
}
.feed-shout-button {
  padding: 0;
  line-height: initial;
  height: 94px;
  width: 120px;
}
@media (max-width: 767px) {
  .feed-shout-button {
    width: 94px;
  }
}
.feed-shout-button[disabled] {
  opacity: 1;
  color: #808080;
  background-color: #2b2b2b;
}
.feed-shout-input {
  background-color: #2b2b2b;
  height: 94px;
}
.feed-shout-input textarea {
  height: 94px;
}
.feed-shout--inside {
  margin-top: 6px;
}
.feed-section {
  padding: 18px 36px;
}
@media (max-width: 767px) {
  .feed-section {
    padding: 9px;
  }
}
.feed-section:empty {
  display: none;
}
.feed-section--inside {
  background-color: #2b2b2b;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #363636;
}
.feed-section--footer {
  padding-bottom: 12px;
}
.feed-section--footer-with-image .feed-content-feed:empty + .feed-border {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.feed-section--footer-with-image .feed-content-para + .feed-content-feed + .feed-border {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #363636;
}
.feed-section--footer-no-image {
  padding-top: 0;
  margin-top: -12px;
}
@media (min-width: 768px) {
  .feed-section--margin {
    margin-left: 55px;
  }
}
.feed-border {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #363636;
}
@media (max-width: 767px) {
  .feed-border-childs .media-img {
    margin-top: 9px;
  }
}
.feed-border--bottom {
  border-bottom: 1px solid #363636;
  margin-bottom: 9px;
}
.feed-reply {
  margin-top: 6px;
  line-height: 1;
}
.feed-child:empty {
  display: none;
}
.feed-child .feed-reply {
  margin-left: 44px;
}
@media (max-width: 767px) {
  .feed-child .feed-reply {
    margin-left: 46px;
  }
}
.feed-content-top {
  color: #969696;
  max-width: 80%;
}
.feed-content-text {
  overflow: hidden;
  position: relative;
}
.feed-content-para {
  color: #e6e6e6;
}
.feed-content-para:not(.feed-content-para--comment) {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.199999999999999em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
.feed-content-para--comment {
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  overflow: hidden;
  max-height: 28em;
  line-height: 1.4em;
  position: relative;
/*&:after
    content "\02026"
    text-align right
    position absolute
    bottom 0
    right 0
    height unit($lineheight, 'em')*/
}
@media (max-width: 767px) {
  .feed-content-image {
    width: 22px !important;
    min-height: 22px !important;
  }
}
.feed-date {
  position: absolute;
  top: 0;
  text-align: right;
  right: 0;
  z-index: 3;
  color: #969696;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-bottom: 0;
  padding-left: 0;
}
.feed .media-hidden {
  z-index: 4;
}
.shoutbox-input--reply {
  display: none;
}
.shoutbox-chars {
  height: 18px;
  box-sizing: border-box;
  padding: 3px;
  padding-left: 9px;
}
.shoutbox-item .shoutbox-reply-container {
  display: none;
  margin-top: 12px;
}
.shoutbox-item--reply .feed-wrapper {
  margin-bottom: 0;
}
.shoutbox-item--reply .feed-section {
  padding: 0;
}
.shoutbox-item--replying .shoutbox-reply-container {
  display: block;
}
.shoutbox-item--replying .shoutbox-input--reply {
  display: block;
}
body:not(.editing) .header-data .inputField--activitySelector .iconWrapper {
  display: none;
}
#highlight-section-container .highlight-wrapper {
  opacity: 0;
  transition: 0.3s opacity;
}
#highlight-section-container .highlight-wrapper--hidden {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
}
#highlight-section-container .highlight-wrapper.ready {
  transition: 0.5s opacity;
  opacity: 1;
}
#highlight-section .highlight-content {
  position: relative;
}
@media (min-width: 768px) {
  #highlight-section .highlight-content--no-images {
    padding-bottom: 25%;
  }
}
#highlight-section .filters-row >.inputField {
  min-height: 80px;
}
#highlight-section .filters-row >.inputField--multisport {
  min-height: 116px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #highlight-section .row-flex >.inputField-actualValue.fl0 {
    flex: 1;
  }
}
.homepage .left-gap {
  padding-left: 24px;
}
.homepage .right-gap {
  padding-right: 24px;
}
.homepage .hero-unit {
  height: calc(100vh - 250px);
  min-height: 500px;
  max-height: 850px;
  position: relative;
}
.homepage .hero-unit .hero-unit-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  z-index: 1;
  transition: opacity 500ms ease-out;
  opacity: 0;
}
.homepage .hero-unit .hero-unit-bg.active-bg {
  opacity: 1;
}
.homepage .hero-unit .area {
  height: 100%;
}
.homepage .hero-unit .area,
.homepage .hero-unit .container {
  position: relative;
}
.homepage .hero-unit .row-flex {
  justify-content: center;
}
.homepage .hero-unit .hero-text {
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.homepage .hero-unit .connect-link {
  display: flex;
  margin-top: 20px;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.homepage .hero-unit .connect-link h3 {
  margin: 0;
}
.homepage .hero-unit .homepage-theme-switch {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
}
.homepage .hero-unit .homepage-theme-switch .wrapper {
  padding: 0;
}
.homepage .hero-unit .homepage-theme-switch a {
  margin-top: 20px;
  color: #fff;
  display: block;
}
.homepage .hero-unit .homepage-theme-switch i {
  animation: upAndDown 1500ms linear infinite;
}
.homepage .register-wrapper {
  justify-content: center;
}
.homepage .register-prefill {
  background: #fff;
  padding: 6px;
  top: auto;
  height: auto;
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.33);
  margin: 0 auto;
  box-sizing: border-box;
}
.homepage .register-prefill input {
  width: 70%;
  box-shadow: none;
  border: none;
}
.homepage .register-prefill a {
  width: 30%;
}
.homepage .feature-row {
  text-align: center;
}
.homepage .feature-row:not(:last-child) {
  margin-bottom: 24px;
}
.homepage .feature-row > div {
  background-size: cover;
}
.homepage .feature-row h3,
.homepage .feature-row p {
  color: #000;
}
.homepage .feature-row .featured-move-animation {
  opacity: 0.01;
}
.homepage .feature-row .featured-move-animation-enter.featured-move-animation-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.homepage .feature-row .featured-move-animation-leave {
  opacity: 1;
}
.homepage .feature-row .featured-move-animation-leave.featured-move-animation-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}
.homepage .feature-row .featured-move {
  min-height: 455px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
}
.homepage .feature-row .fade--bottom {
  z-index: 1;
}
.homepage .feature-row .featured-move {
  position: absolute;
}
.homepage .feature-row .featured-move-thumbs-shouts {
  position: absolute;
  box-sizing: border-box;
  top: 36px;
  padding-right: 36px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.homepage .feature-row .featured-move-thumbs-shouts h4 {
  padding-left: 12px;
  flex-grow: 0;
  flex-shrink: 0;
}
.homepage .feature-row .featured-move-thumbs-shouts h4 i {
  margin-right: 6px;
}
.homepage .feature-row .featured-move-content {
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 36px;
  z-index: 2;
}
.homepage .feature-row .featured-move-content h3,
.homepage .feature-row .featured-move-content p {
  color: #fff;
}
.homepage .feature-row .featured-move-content .move-info {
  margin-left: 12px;
  max-width: 80%;
  display: inline-block;
}
.homepage .feature-row .featured-move-content .move-info span.distance {
  margin-right: 6px;
}
.homepage .feature-row .featured-move-content .move-info h3 {
  margin-bottom: 0;
}
.homepage .feature-row .coach-disclaimer {
  color: #b3b3b3;
  font-style: italic;
}
.homepage .feature-row .feature-row-content {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 455px;
}
.homepage .feature-row .feature-row-content--top {
  justify-content: flex-start;
}
.homepage .feature-row .fl6 {
  display: flex;
}
.homepage .feature-row .fl6 > .feature-row-content {
  width: 100%;
}
.homepage .feature-row .fl6 .feature-decription {
  padding: 0 48px 24px;
}
.homepage .feature-row .feature-decription {
  padding: 12px 36px 24px;
  width: 100%;
  box-sizing: border-box;
}
.homepage .feature-row .feature-decription .applinks {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.homepage .feature-row .feature-decription .applinks a {
  padding: 0 6px;
  display: inline-block;
}
.homepage .feature-row .feature-decription .applinks img {
  display: inline-block;
  max-width: 100%;
}
.homepage .feature-row .feature-decription p {
  margin-bottom: 1em;
}
.homepage .overlay-img {
  max-width: 60%;
  max-height: 60%;
  min-height: 1px;
  min-width: 1px;
  display: inline-block;
}
.homepage .overlay-img.overlay-img--large {
  max-width: 75%;
  max-height: 75%;
}
.homepage .featureset {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media all and (min-width: 980px) {
  .hidden-desktop {
    display: none;
  }
}
@media all and (max-height: 860px) {
  .hero-unit .margin-top-huge {
    margin-top: 0;
  }
  .hero-unit .hero-text {
    margin-bottom: 10px;
  }
}
@media all and (min-width: 769px) {
  .homepage .hero-unit .homepage-theme-switch.fixed {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    height: 36px;
    padding: 12px 0;
    width: 100%;
    transform: translateY(0);
  }
  .homepage .hero-unit .homepage-theme-switch.fixed button {
    position: relative;
  }
  .homepage .hero-unit .homepage-theme-switch.fixed a {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .homepage .left-gap,
  .homepage .right-gap {
    padding: 0;
  }
  .homepage .right-gap {
    margin-bottom: 24px;
  }
  .homepage .feature-row:nth-child(2n - 1) .feature-row-image {
    order: -1;
  }
  .homepage .feature-row .overlay-img:not(.featureset) {
    margin: 24px 0;
  }
  .homepage .feature-row .feature-row-image {
    padding-bottom: 100%;
  }
  .homepage .feature-row .featured-move {
    position: absolute;
    min-height: 0;
  }
  .homepage .feature-row .feature-row-content {
    min-height: 0px;
  }
  .homepage .feature-row .feature-decription {
    padding: 24px;
  }
}
@media all and (max-width: 768px) {
  .homepage {
    margin-bottom: 0;
  }
  .homepage .hero-unit {
    height: auto;
    padding-top: 70px;
    min-height: 100px;
    max-height: 3000px;
  }
  .homepage .hero-unit .hero-unit-bg {
    top: 0;
  }
  .homepage .hero-unit .hero-text {
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .homepage .hero-unit a.connect-link {
    margin: 10px 0 20px;
  }
  .homepage .hero-unit .homepage-theme-switch {
    position: relative;
  }
}
.how-movescount-works {
  text-align: center;
}
.how-movescount-works h3,
.how-movescount-works h4,
.how-movescount-works p {
  margin-bottom: 0.5em;
}
.how-movescount-works p {
  padding: 0 12px;
}
.how-movescount-works img {
  height: 75px;
}
.how-movescount-works .circle {
  position: relative;
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  margin-top: 20px;
}
.how-movescount-works .circle:before,
.how-movescount-works .circle:after {
  content: " ";
  top: 0;
  left: 0;
  position: absolute;
  box-sizing: border-box;
}
.how-movescount-works .circle:before {
  border-radius: 99em;
  border: 3px solid #b3b3b3;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.how-movescount-works .circle:after {
  width: 300%;
  height: 100%;
  transform: translate(-33.33333333333%, 0);
  background: #e6e6e6;
  z-index: 2;
}
.how-movescount-works .items >div:first-child .greyline {
  margin-left: 50%;
}
.how-movescount-works .items >div:last-child .greyline {
  margin-right: 50%;
}
.how-movescount-works .greyline {
  background: #b3b3b3;
  height: 3px;
  margin-top: -13px;
  z-index: 1;
  position: relative;
}
@media (max-width: 767px) {
  .how-movescount-works .line {
    background: #b3b3b3;
    height: 48px;
    display: block;
    width: 3px;
    z-index: 1;
    position: relative;
  }
}
@-moz-keyframes upAndDown {
  0% {
    transform: translateY(80%);
  }
  20% {
    transform: translateY(0%);
  }
  35% {
    transform: translateY(80%);
  }
  50% {
    transform: translateY(50%);
  }
  60% {
    transform: translateY(80%);
  }
  100% {
    transform: translateY(80%);
  }
}
@-webkit-keyframes upAndDown {
  0% {
    transform: translateY(80%);
  }
  20% {
    transform: translateY(0%);
  }
  35% {
    transform: translateY(80%);
  }
  50% {
    transform: translateY(50%);
  }
  60% {
    transform: translateY(80%);
  }
  100% {
    transform: translateY(80%);
  }
}
@-o-keyframes upAndDown {
  0% {
    transform: translateY(80%);
  }
  20% {
    transform: translateY(0%);
  }
  35% {
    transform: translateY(80%);
  }
  50% {
    transform: translateY(50%);
  }
  60% {
    transform: translateY(80%);
  }
  100% {
    transform: translateY(80%);
  }
}
@keyframes upAndDown {
  0% {
    transform: translateY(80%);
  }
  20% {
    transform: translateY(0%);
  }
  35% {
    transform: translateY(80%);
  }
  50% {
    transform: translateY(50%);
  }
  60% {
    transform: translateY(80%);
  }
  100% {
    transform: translateY(80%);
  }
}
body .area {
  box-shadow: none;
}
.body--no-header-cover .header {
  position: static;
}
.body--no-header-cover .header-cover {
  display: none;
}
.body--no-header-nav-sub .header-nav-sub {
  display: none;
}
.body--no-footer #footer {
  display: none;
}
#container,
.container {
  margin: 0 auto;
}
.errorPage {
  min-height: 400px;
}
.wrapper.compact {
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  text-shadow: none;
  width: 99%;
}
.wrapper #moveCharts {
  min-height: 321px;
}
.wrapper #moveCharts-compact {
  min-height: 0;
}
.wrapper #barchart {
  min-height: 150px;
}
.wrapper #curve {
  min-height: 150px;
}
.wrapper #moveCharts-scatter {
  min-height: 295px;
}
.wrapper #moveCharts-placeholder {
  position: relative;
  left: 0;
  top: 48px;
  width: 100%;
}
.wrapper #moveCharts-placeholder #placeholder-info {
  position: absolute;
  top: 35%;
  left: 25%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 100px;
  padding-right: 100px;
  background: linear-gradient(to right, rgba(33,33,33,0) 0%, #212121 20%, #212121 50%, #212121 80%, rgba(33,33,33,0) 100%) /* W3C */;
}
.wrapper #moveCharts-placeholder .placeholder-line {
  height: 1px;
  background-color: #fff;
  margin-bottom: 54px;
  position: relative;
  opacity: 0.2;
  width: 97%;
  left: 3%;
}
.wrapper #moveCharts-placeholder .placeholder-line--thick {
  height: 1px;
  background-color: #fff;
  margin-bottom: 60px;
  position: relative;
  opacity: 0.7;
  border-radius: 1px;
  width: 97%;
  left: 3%;
}
.slideri {
  position: relative;
  overflow: hidden;
}
.slideri .slide-container {
  position: relative;
  height: 480px;
}
.slideri .slide {
  top: 0;
  position: absolute;
  width: 100% !important;
  left: 100%;
}
.slideri .slide-active {
  display: block;
}
.slideri .slide-active .img-bg-item {
  box-shadow: inset 0px -120px 200px 16px rgba(0,0,0,0.59);
}
@media (max-width: 767px) {
  .slideri .slide-active .img-bg-item {
    box-shadow: inset 0px -60px 100px 8px rgba(0,0,0,0.59);
  }
}
@media (min-width: 768px) {
  .slideri .slide-active {
    transition: 0.6s left;
    transform: translateZ(0);
  }
}
.slideri .slide--current {
  left: 0;
}
.slideri .slide--prev {
  left: -100%;
}
@media (max-width: 480px) {
  .slideri .slide-container {
    height: 288px;
  }
}
.slideri .slider-header {
  width: 100%;
}
.slideri .slider-header .wrapper {
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .slideri .slider-header {
    position: absolute;
    bottom: 56px;
  }
  .slideri .slider-header .slider-header-wrapper {
    margin: 0 auto;
  }
  .slideri .slider-header .wrapper {
    background-color: rgba(0,0,0,0.5);
  }
}
.expander {
  bottom: 0;
  right: 0;
  margin-right: 24px;
  margin-bottom: 36px;
  position: absolute;
/*.chart
    height 150px */
}
.debug-info {
  padding-top: 12px;
  padding-bottom: 24px;
  display: none;
  position: relative;
}
.debug-info div {
  background: #363636;
  position: relative;
  padding: 3px;
  padding-left: 1px;
}
.debug-info div p {
  padding-left: 6px;
  white-space: nowrap;
  line-height: 1;
  font-size: 12px;
}
.allIcons {
  padding-bottom: 12px;
  float: left;
  clear: both;
}
.allIcons div {
  float: left;
  margin-bottom: 12px;
  margin-right: 12px;
}
.allIcons .detail {
  position: relative;
  display: inline-block;
  top: -24px;
  width: 18px;
  padding-right: 4px;
  font-size: 10px;
  text-align: right;
}
.allIcons i {
  background: #ffe41a;
}
@media (max-width: 480px) {
  .phone-small-hide {
    display: none !important;
  }
  .upload-grid .upload-button {
    overflow: hidden;
    float: none !important;
  }
  .upload-grid .upload-button .button {
    margin: 0;
  }
  .upload-grid .size-phone {
    margin-right: 0 !important;
    float: none;
    width: auto !important;
    min-height: initial !important;
  }
  .upload-grid .size-phone >div {
    float: left;
  }
  .upload-grid .size-phone >p {
    clear: both;
  }
  .upload-grid .size-phone .upload-img {
    width: 36px !important;
    margin-right: 6px;
  }
  .upload-grid .media-text {
    clear: both;
    margin-top: 12px;
  }
  body {
    -webkit-text-size-adjust: none;
  }
}
@media (max-width: 767px) {
  .margin-top {
    margin-top: 18px;
  }
  .margin-top-small {
    margin-top: 12px;
  }
  .margin-top-base {
    margin-top: 36px;
  }
  .margin-top-huge {
    margin-top: 72px;
  }
  .margin--mobile {
    margin-top: 18px;
  }
  .margin-right {
    margin-right: 6px;
  }
  .margin-right-big {
    margin-right: 12px;
  }
  .margin-right-base {
    margin-right: 36px;
  }
  .margin-right--medium {
    margin-right: 9px;
  }
  .margin-right--huge {
    margin-right: 48px;
  }
  .margin-left {
    margin-left: 6px;
  }
  .margin-left--icon-box {
    margin-left: 44px;
  }
  .margin-bottom {
    margin-bottom: 18px;
  }
  .margin-bottom-small {
    margin-bottom: 6px;
  }
  .margin-bottom--quarter {
    margin-bottom: 3px;
  }
}
@-ms-viewport {
  width: device-width;
}
.message-action {
  width: 44px;
  height: 48px;
  background-color: rgba(0,0,0,0);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-12px, -12px);
}
.message-action--active:after {
  background: #b01e22;
  width: 6px;
  height: 6px;
  top: 0;
  right: 0;
  position: absolute;
  content: " ";
  border-radius: 99em;
}
.message-center {
  height: 0;
  overflow: hidden;
  background: #2b2b2b;
}
.message-center:before {
  content: " ";
  background: linear-gradient(180, #212121, transparent);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  z-index: 5;
}
.message-center.container {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
}
.message-center--open {
  min-height: 300px;
}
.message-center .message-center-center {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.message-center .message-center-actions,
.message-center .message-center-extra-action,
.message-center .message-center-messages {
  width: 100%;
  flex-shrink: 0;
}
.message-center .message-center-messages::-webkit-scrollbar,
.message-center .message-center-sidebar::-webkit-scrollbar {
  width: 8px !important;
}
.message-center .message-center-messages::-webkit-scrollbar-track,
.message-center .message-center-sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.message-center .message-center-messages::-webkit-scrollbar-thumb,
.message-center .message-center-sidebar::-webkit-scrollbar-thumb {
  background-color: #424242;
  cursor: pointer;
  border-radius: 3px;
  outline: 1px solid #363636;
}
.message-center .message-center-messages {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
}
.message-center .message-center-sidebar {
  background: #3e3e3e;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.message-center .chatmessage {
  border-bottom: 1px solid #525252;
  padding: 12px 6px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.message-center .chatmessage p {
  word-wrap: break-word;
}
.message-center .chatmessage-special {
  background: #393939;
  padding-top: 12px;
  padding-bottom: 12px;
}
.message-center .chatmessage-special > div:first-child {
  margin-bottom: 12px;
}
.message-center .chatmessage-special--ended .icon {
  color: #b01e22;
}
.message-center .chatmessage-special--ended .icon:after {
  color: #fff;
}
.message-center .chatmessage--userimage {
  margin: 0 auto;
}
.message-center .remove-dragger-space {
  height: calc(100% - 5px);
}
.message-center .dragger {
  height: 5px;
  background: #737373;
  cursor: pointer;
}
.message-center .archived-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.message-center .message-center-extra-action {
  background: #2b2b2b;
  padding: 12px 0;
  min-height: 5.5em;
  box-sizing: border-box;
}
.message-center .message-center-messages {
  background-color: #343434;
}
.message-center .message-center-messages::-webkit-scrollbar {
  width: 8px !important;
}
.message-center .message-center-messages::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.message-center .message-center-messages::-webkit-scrollbar-thumb {
  background-color: #424242;
  cursor: pointer;
  border-radius: 3px;
  outline: 1px solid #363636;
}
.message-center .message-center-actions {
  padding: 5px;
  box-sizing: border-box;
  background-color: #2b2b2b;
}
.message-center .message-center-actions textarea {
  background: #363636;
  resize: none;
  font-size: 12px;
  line-height: 1.2em;
  height: 3.6em;
  box-sizing: border-box;
  padding: 12px;
}
.message-center .message-center-actions textarea::-webkit-scrollbar {
  width: 8px !important;
}
.message-center .message-center-actions textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.message-center .message-center-actions textarea::-webkit-scrollbar-thumb {
  background-color: #212121;
  cursor: pointer;
  outline: 1px solid #1c1c1c;
}
.message-center .message-center-actions button.extra-actions-button {
  color: #424242 !important;
  border: 1px solid #424242;
  box-shadow: none !important;
  opacity: 1;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: transparent;
  z-index: 6;
  position: relative;
}
.message-center .message-center-actions .extra-actions {
  padding: 0 6px;
  position: relative;
}
.message-center .message-center-actions .extra-actions-list {
  position: absolute;
  top: -0.33em;
  transform: translateY(-100%);
  right: 0;
  width: 200px;
}
.message-center .message-center-actions .extra-actions-list button {
  border: none;
  font-size: 1em;
  width: 100%;
}
.message-center .messager-details {
  padding-left: 6px;
}
.message-center .username-location > h3 {
  margin: 0;
}
.message-center .username-location {
  box-sizing: border-box;
  padding-right: 0.5em;
}
.message-center .message-count {
  background-color: #b01e22;
  border-radius: 99em;
  padding: 0.33em;
  min-width: 1.2em;
  line-height: 1.2em;
  display: block;
  text-align: center;
  font-size: 12px;
  top: 50%;
  font-style: normal;
  color: #fff;
}
.message-center .conversation {
  cursor: pointer;
  min-height: 70px;
  box-sizing: border-box;
  padding: 6px 12px;
  border-bottom: 1px solid #2b2b2b;
}
.message-center .conversation--active {
  background: #424242;
}
@media (max-width: 767px) {
  .message-center--open {
    min-height: 100% !important;
  }
}
.moveImages .pageable__content {
  transition: none;
}
.moveImages:hover .pager__pageNext,
.moveImages:hover .pager__pagePrevious {
  opacity: 1;
}
.moveImages .pager__pageNext,
.moveImages .pager__pagePrevious {
  z-index: 2;
  cursor: pointer;
  transition: opacity 0.2s;
  position: absolute;
  top: 0;
  border: none;
  height: 100%;
  height: calc(100% - 8px);
  width: 36px;
  opacity: 0;
  color: #e6e6e6;
}
.moveImages .pager__pageNext i,
.moveImages .pager__pagePrevious i {
  position: absolute;
  top: calc(50% - 18px);
}
.moveImages .pager__pageNext:hover,
.moveImages .pager__pagePrevious:hover {
  opacity: 1;
}
.moveImages .pager__pageNext {
  right: 0;
}
.moveImages .pager__pagePrevious {
  left: 0;
}
.moveImages {
  position: relative;
}
.moveImages .imageWrapper {
  height: 100%;
  width: auto;
}
#ruleApp #ruleBasicInfoContainer,
#ruleApp #ruleImperialConversionsInfo,
#ruleApp #ruleRemoveNotAllowed,
#ruleApp #ruleEditNotAllowed,
#ruleApp #ruleSaveDisclaimer,
#ruleApp #ruleEditInputs,
#ruleApp .saveButton1,
#ruleApp .saveButton2,
#ruleApp .editButton,
#ruleApp .removeButton,
#ruleApp .copyButton,
#ruleApp .DisplayButton {
  display: none;
}
#ruleApp.viewMode .copyButton,
#ruleApp.viewMode #ruleRemoveNotAllowed,
#ruleApp.viewMode #ruleEditNotAllowed,
#ruleApp.viewMode #ruleImperialConversionsInfo {
  display: block;
}
#ruleApp.viewMode.editable .editButton {
  display: block;
}
#ruleApp.viewMode.editable #ruleEditNotAllowed,
#ruleApp.viewMode.editable .copyButton {
  display: none;
}
#ruleApp.viewMode.deletable .removeButton {
  display: block;
}
#ruleApp.viewMode.deletable #ruleRemoveNotAllowed {
  display: none;
}
#ruleApp.myApp .removeButton,
#ruleApp.myApp .editButton {
  display: flex;
}
#ruleApp.editMode #ruleEditInputs,
#ruleApp.editMode #ruleSaveDisclaimer,
#ruleApp.editMode #ruleDesignerSeparator {
  display: block;
}
#ruleApp.editMode .saveButton1,
#ruleApp.editMode .saveButton2,
#ruleApp.editMode .DisplayButton {
  display: block;
}
#ruleApp #ruleBasicInfoContainer .preview-content {
  margin-bottom: 2em;
}
#ruleApp #ruleImperialConversionsInfo table {
  width: 100%;
  padding-top: 6px;
}
#ruleApp #ruleImperialConversionsInfo td {
  padding-right: 6px;
  padding-bottom: 6px;
}
#ruleApp li.operatorError .ui-button-text {
  background: #f00;
}
#ruleApp li.operatorError .errorImage {
  display: inline-block;
}
#ruleApp li.errorImage {
  display: none;
}
#ruleApp .col.large {
  margin-right: 12px !important;
}
#ruleApp #ruleComponents {
  position: relative;
  padding: 18px;
  padding-left: 0;
  padding-right: 36px;
}
#ruleApp #ruleComponents li {
  margin-bottom: 12px;
  clear: both;
}
#ruleApp #ruleComponents li:last-child {
  margin-bottom: 0;
}
#ruleApp .children {
  padding: 4px 12px 4px 4px;
  border: 1px solid #363636;
  float: left;
  width: 100%;
}
#ruleApp .removeParentheses {
  display: block;
  position: absolute;
  right: 0;
}
#ruleApp .parentheses {
  float: left;
  width: 100%;
}
#ruleApp .selection {
  position: absolute;
  border: 1px solid #363636;
  border-color: #fff;
  background-color: #e6e6e6;
  z-index: 50;
}
#ruleApp .dropped {
  background-color: #afa;
}
#ruleApp .activeDrag {
  background-color: #2b2b2b;
}
#ruleApp #operatorContainer {
  width: 200px;
  position: relative;
}
#ruleApp #operatorContainer * {
  box-sizing: border-box;
}
#ruleApp #operatorContainer .operator-container.operatorError .operator:not(:hover) >label {
  background-color: #f00 !important;
  color: #ccc !important;
}
#ruleApp .sliderValue {
  padding-bottom: 6px;
}
#ruleApp #ruleError {
  color: #f00;
}
#ruleApp .compileError {
  color: #f00;
}
#ruleApp .value {
  float: right;
}
#ruleApp #ruleSliders > div:not(:last-child) {
  padding-bottom: 12px;
}
#ruleApp #ruleResult {
  margin-top: 105px;
  width: 100%;
  text-align: center;
  position: absolute;
}
#ruleApp .charCountText {
  padding-top: 3px;
  float: right;
}
#ruleApp .ruleSimulator {
  width: 600px;
}
#ruleApp .selectButton,
#ruleApp .valueButton {
  white-space: nowrap !important;
}
#ruleApp .operator {
  margin: 0;
  float: left;
}
#ruleApp .operator-container {
  overflow: hidden;
  display: inline-block;
  height: 36px;
  width: auto;
  position: relative;
  z-index: 1;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.35);
  padding-bottom: 0 !important;
}
#ruleApp .operator-container:hover {
  z-index: 2;
  opacity: 1;
}
@media (max-width: 767px) {
  #ruleApp .operator-container:hover {
    overflow: visible;
  }
}
#ruleApp .operator-container-wrapper {
  position: relative;
  top: 0;
  background-color: #212121;
}
#ruleApp .operator-container-wrapper:hover {
  transition: top 0.2s ease-in-out;
}
#ruleApp .operator input[type="radio"] {
  display: none;
}
#ruleApp .operator input:checked ~ label,
#ruleApp .operator:hover label {
  color: #212121;
  background-color: #fff;
  text-shadow: none;
}
#ruleApp .operator label {
  background-color: #424242;
  color: #ccc;
  text-transform: uppercase;
  padding: 3px 0 0 0;
  margin: 0;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  height: 36px;
  line-height: 36px;
  width: 44px;
  text-align: center;
}
#ruleAppError label {
  background-color: #f00;
  color: #ccc;
}
#ruleApp .relative {
  position: relative;
}
#ruleApp div.delete {
  position: absolute;
  right: 0;
  top: 0;
}
#ruleApp #myRulesListItems .delete {
  right: 6px;
}
@media (max-width: 767px) {
  #ruleApp .operator-container,
  #ruleApp #operatorContainer {
    width: 44px;
  }
  #ruleApp .operator-container:hover ~ .operator-container {
    overflow: visible;
    opacity: 0.1;
    pointer-events: none;
  }
  #ruleApp .operator-container[data-selected="+"] .operator-container-wrapper {
    top: 0;
  }
  #ruleApp .operator-container[data-selected="-"] .operator-container-wrapper {
    top: -41px;
  }
  #ruleApp .operator-container[data-selected="*"] .operator-container-wrapper {
    top: -82px;
  }
  #ruleApp .operator-container[data-selected="/"] .operator-container-wrapper {
    top: -123px;
  }
  #ruleApp .operatorError label {
    background-color: #f00 !important;
    color: #ccc !important;
  }
  #ruleApp .operator {
    float: none;
    margin-bottom: 1px;
  }
  #ruleApp .operator label {
    margin-left: 0px !important;
  }
}
#followedUsers h4 {
  text-transform: none;
}
#followedUsers .preview.odd,
#followedUsers .preview:nth-child(odd) {
  background-color: #262626;
}
#followedUsers .preview:hover {
  background-color: #363636;
}
.ac_front {
  z-index: 2000;
}
.ac_front2 {
  z-index: 3500;
}
#routeSelector .pop-up-window {
  z-index: 3000;
}
.avg-values .display_none {
  display: none !important;
}
#routeControlDiv ~ #eventMostActiveUsers {
  padding-top: 0 !important;
}
#WzTtDiV {
  z-index: 3500 !important;
}
.unsupported-browser-warning-popup .content {
  max-width: 650px;
  max-height: 200px;
  margin: auto !important;
}
.ie8 .unsupported-browser-warning-popup .content,
.ie7 .unsupported-browser-warning-popup .content {
  width: 640px;
  height: 320px;
  max-width: 640px;
}
.ie8 .unsupported-browser-warning-popup .content ul li.row-fluid .span3,
.ie7 .unsupported-browser-warning-popup .content ul li.row-fluid .span3 {
  display: inline-block;
  width: auto;
  float: none;
}
.ie7 .unsupported-browser-warning-popup .content ul li.row-fluid .span3 {
  float: left;
}
#moveChartsOptions button sub {
  vertical-align: sub;
  font-size: 75%;
  line-height: 0;
}
.filters--scoreboard .more-options {
  float: none;
}
#custom_display_items.custommodesortingenabled .item-buttons .icon-156,
#custom_display_items.custommodesortingenabled .item-buttons .icon-151 {
  display: block !important;
}
.wrapper-zindex-override {
  z-index: auto;
}
#summary-period-container {
  margin-bottom: 10px;
}
#summary-period {
  background-color: #353535;
  float: left;
  display: block;
  padding: 10px;
  color: #e1e1e1;
}
#summary-period #summary-period-second {
  margin-right: 15px;
}
#summary-period-menu {
  background-color: #353535;
  font-size: 16px;
  display: block;
  float: left;
  padding: 10px;
  color: #e1e1e1;
}
#summary-period-menu #summary-period-daterange {
  display: flex;
  align-items: center;
}
#summary-period-menu .row-flex:first-of-type {
  margin-bottom: 10px;
}
#summary-period-menu ul li {
  display: inline-block;
}
.addthis_toolbox {
  z-index: 115;
  position: absolute;
  right: 12px;
  top: 150px;
}
.addthis_toolbox a.at300b {
  margin-bottom: 0 !important;
  padding: 0;
}
input[type=text].error {
  color: #ccc !important;
}
input[type=text].error:not(:focus) {
  background-color: #ad1f24 !important;
}
.custom_display_item .columns:not(.columns--clickable) .columns-buttons,
.waypoint_item .columns:not(.columns--clickable) .columns-buttons {
  display: none;
}
.custom_display_item .columns--highlighted .columns-buttons,
.waypoint_item .columns--highlighted .columns-buttons {
  visibility: visible;
}
.boxtip-container {
  pointer-events: none;
}
#tppPage .plannedMoveTemplateBar {
  height: 4px !important;
}
#tppPage .deleteLink {
  display: none;
  z-index: 3;
  right: -12px;
  top: 6px;
}
#tppPage .draggableToLibrary {
  cursor: move;
}
#tppPage .draggableToLibrary:hover .deleteLink {
  display: block;
}
#tppPage .cutOffExtension {
  position: absolute;
  margin-left: -6px;
}
#tppPage .cutOffExtensionInner {
  height: 4px;
  vertical-align: top;
  width: 2px;
  border-left: 2px solid #000;
  border-right: 1px solid #000;
}
#tppPage .plannedMoveTemplateLibraryContainer .rulerLibraryMajorTick,
#tppPage .plannedMoveTemplateLibraryContainer .rulerLibraryMinorTick,
#tppPage .plannedMoveTemplateLibraryContainer .rulerLibraryMajorLabel,
#tppPage .plannedMoveTemplateLibraryContainer .rulerLibraryMinorLabel {
  margin: 0;
  padding: 0;
  position: absolute;
}
#tppPage .loader p {
  display: none;
}
#tppPage .errorMessage {
  color: #f00;
}
#tppPage .errorMessageField {
  border: 1px solid #f00;
}
#tppPage .fieldErrorMessage {
  color: #f00;
}
#tppPage .trainingProgramTemplateViewContainerReadOnly .plannedMoveTemplateBar,
#tppPage .trainingProgramTemplateViewContainerReadOnly .draggableToLibrary {
  cursor: default;
}
#tppPage .ruler {
  height: 28px;
}
#tppPage .rulerMajorTick,
#tppPage .rulerMinorTick {
  display: none;
}
#tppPage .rulerMajorLabel,
#tppPage .rulerMinorLabel {
  position: absolute;
  top: 9px;
}
#tppPage .rulerMinorLabel {
  font-size: 70%;
  line-height: 19px;
}
#tppPage .barGraphic {
  margin-left: 6px;
}
#tppPage .trainingProgramWeekWrapper .dayTd {
  padding-left: 6px;
  padding-top: 6px;
  display: inline-block;
}
@media (min-width: 768px) {
  #tppPage .trainingProgramWeekWrapper .dayTd {
    padding-left: 80px;
  }
}
#tppPage .barWrapper .plannedMoveTemplateBar .ui-resizable-e {
  opacity: 0;
}
#tppPage .barWrapper .addBar {
  margin-top: 6px;
  height: auto !important;
}
#tppPage .barWrapper .mini {
  background-color: #424242;
  border-radius: 0;
}
#tppPage .barWrapper .ui-resizable-e {
  cursor: e-resize;
  width: 24px;
  right: -18px;
  height: 25px;
  background-color: #424242;
}
#tppPage .barWrapper .ui-resizable-e:before {
  content: '\f198';
  padding-left: 6px;
  padding-top: 6px;
  color: #808080;
}
#tppPage .tp-help-popup {
  left: 8%;
  top: 6px;
}
.resizehelper {
  border: 1px dashed #808080;
}
.scroller {
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.scroller--optimized .scroller-image:not(:first-child) .scroller-image-img {
  background-image: none !important;
}
.scroller--full .scroller-image {
  width: 100%;
}
@media (min-width: 768px) {
  .scroller--full .scroller-image {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .scroller--full .scroller-image-img {
    padding-bottom: 100%;
  }
}
.scroller--full .scroller-image:hover .scroller-caption {
  opacity: 1;
}
.scroller--full .scroller-caption {
  opacity: 0;
  top: 0;
}
.scroller--full .fade--top,
.scroller--full .fade--bottom {
  display: block;
}
.scroller--small {
  margin: -3px;
}
.scroller--small .scroller-image {
  width: 222px;
  height: 222px;
  margin: 0 3px;
}
.scroller--small .scroller-caption {
  max-height: 0;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  height: 100%;
  bottom: 0;
  padding: 0 9px;
  pointer-events: none;
}
.scroller--small .scroller-caption a {
  pointer-events: all;
}
.scroller--small .scroller-image:hover .scroller-caption {
  max-height: 100%;
  padding-top: 30%;
}
.scroller--small .fade--top,
.scroller--small .fade--bottom {
  display: none;
}
.scroller .icon-153,
.scroller .icon-154 {
  position: absolute;
  top: calc(50% - 18px);
  z-index: 3;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: none;
}
.scroller .icon-153 {
  left: 10px;
}
.scroller .icon-154 {
  right: 10px;
}
.scroller-images {
  white-space: nowrap;
  position: relative;
  transition: transform 0.5s ease-in-out;
}
.scroller-link {
  height: 100%;
  width: 100%;
  display: block;
  z-index: 2;
  position: absolute;
}
.scroller-image-img {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: 50% 50%;
}
.scroller-caption {
  transition: all 0.5s;
}
.scroller-caption:empty {
  display: none;
}
.scroller-caption-title,
.scroller-caption-notes,
.scroller-caption-creator {
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.scroller-caption-notes p {
  display: inline;
}
html.no-touchevents .scroller:hover.has-next .icon-153,
html.no-touchevents .scroller:hover.has-prev .icon-154 {
  display: block;
  opacity: 0;
  cursor: default;
}
html.no-touchevents .scroller:hover.has-next .icon-154,
html.no-touchevents .scroller:hover.has-prev .icon-153 {
  display: block;
  opacity: 1;
  cursor: pointer;
}
@media (max-width: 1024px) {
  #lbCenter {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    z-index: 100;
    top: 0 !important;
    left: 0 !important;
    overflow: auto;
    margin: 0 !important;
  }
}
#lbImage {
  background-size: cover;
}
@media (max-width: 1024px) {
  #lbImage,
  #lbImage #lbSizer {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #lbImage,
  #lbImage #lbSizer {
    height: 100% !important;
  }
}
@media (max-width: 480px) {
  #lbImage,
  #lbImage #lbSizer {
    height: 285px !important;
  }
}
#lbCaption,
#lbNumber {
  color: #e6e6e6;
}
#lbCaption h4,
#lbNumber h4 {
  float: left;
  width: 80%;
}
#lbCaption .date,
#lbNumber .date {
  float: right;
  width: 19%;
  text-align: right;
}
#lbCaption .link,
#lbNumber .link,
#lbCaption .notes,
#lbNumber .notes,
#lbCaption .creator,
#lbNumber .creator {
  clear: both;
}
.shoutbox li {
  position: relative;
}
.shoutbox p {
  word-break: break-word;
}
.hide-sliders .ui-slider,
.hide-sliders .activitySlider {
  display: none;
}
.hide-sliders .desc-info {
  padding-top: 0;
}
.hide-sliders .part5th {
  color: #ccc;
  padding-bottom: 6px;
}
#routeControlDiv #routeMapControl,
#routeControlDiv #routeMap,
#routeControlDiv #routeMapFooter {
  position: relative;
}
#imageContainer .info {
  cursor: default;
}
.imageScroller {
  overflow: hidden;
}
.imageScroller__container {
  margin-left: 0;
  transition: margin-left 0.2s ease-out;
}
.imageScroller__container > * {
  display: inline-block;
}
.imageScroller__container--loading {
  transition: none;
}
@media (max-width: 480px) {
  .image-container > .icon-cell {
    display: none;
  }
}
#twitter-feed-wrapper {
  display: none;
  overflow: hidden;
}
#twitter-widget-0 {
  width: 100% !important;
}
.selector-pop-up .userRoutes {
  max-height: 465px;
}
#moveSaveOverlay {
  display: none;
  z-index: 300;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
#moveSaveOverlay .upload-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -50px;
}
#moveSaveOverlay .upload-progress progress {
  width: 300px;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
#moveSaveOverlay .upload-progress .progress-text {
  color: #fff;
  line-height: 50px;
  vertical-align: top;
}
#fileDragOverlay {
  display: none;
}
#fileDragOverlay >div {
  width: 100%;
  margin-top: 50%;
}
#media-browse-input {
  display: none;
}
@media (max-width: 640px) {
  #imageSection .filters,
  #imageSection .more-options {
    margin-top: 0;
  }
}
.connection-container .error {
  display: none;
}
.connection-container .connection-content {
  max-height: 0;
  transition: max-height 1s ease-out 0s;
  overflow: hidden;
}
.connection-container .connection-content img {
  max-height: 24px;
}
.connection-container .connection-button-container {
  transition: max-height 0.5s ease-out 1s;
  max-height: 144px;
  overflow: hidden;
}
.connection-container .connection-button-container img {
  width: 100%;
  max-height: 36px;
  max-width: 227px;
}
.connection-container.connection-connected .connection-button-container {
  max-height: 0;
  transition-delay: 0s;
}
.connection-container.connection-connected .connection-content {
  display: block;
  max-height: 300px;
  transition-delay: 1s;
}
.connection-container.connection-invalid .error {
  display: block;
}
.connection-container.connection-expired .error-expired {
  display: block;
}
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  line-height: 1.4em;
  overflow: hidden;
  position: relative;
}
.CodeMirror-scroll {
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow hidden in .CodeMirror, and the paddings in .CodeMirror-sizer */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  padding-right: 30px;
  height: 100%;
  outline: none /* Prevent dragging from highlighting the element */;
  position: relative;
  overflow: auto;
}
.CodeMirror-sizer {
  position: relative;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler {
  position: absolute;
  display: none;
  z-index: 6;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
  z-index: 6;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0 /* Vertical padding around content */;
  cursor: text;
}
.CodeMirror pre {
  padding: 0 4px /* Horizontal padding of content */;
  z-index: 2 /* must be over CodeMirror-selected */;
  position: relative /* must be over CodeMirror-selected */;
}
.CodeMirror-scrollbar-filler {
  background-color: #ebebeb /* The little square between H and V scrollbars */;
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #363636;
  background-color: #808080;
  position: absolute;
  left: 0;
  top: 0;
  heigh: 100%;
  z-index: 3;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-linenumbers,
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
}
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid #fff;
  position: absolute;
  visibility: hidden;
  border-right: none;
  width: 0;
}
.CodeMirror-focused div.CodeMirror-cursor {
  visibility: visible;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid #c0c0c0;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: transparent;
  background: rgba(0,200,0,0.4);
}
.CodeMirror-matchingbracket {
  color: #0f0;
}
.CodeMirror-nonmatchingbracket {
  color: #f22;
}
.CodeMirror-selected {
  background: rgba(0,0,0,0.6);
}
.CodeMirror-focused .CodeMirror-selected {
  background: rgba(0,0,0,0.6);
}
.CodeMirror-lines .CodeMirror-cursor {
  border-left: 1px solid #7991e8;
}
/* these measure style somehow fix double click word selection */
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre {
  position: static;
}
.activeline {
  background: none repeat scroll 0% 0% rgba(255,255,255,0.031);
}
/* ambiance theme for codemirror */
/* Color scheme */
.cm-keyword {
  color: #cda869;
}
.cm-atom {
  color: #cf7ea9;
}
.cm-number {
  color: #78cf8a;
}
.cm-def {
  color: #aac6e3;
}
.cm-variable {
  color: #ffb795;
}
.cm-variable-2 {
  color: #eed1b3;
}
.cm-variable-3 {
  color: #faded3;
}
.cm-property {
  color: #eed1b3;
}
.cm-operator {
  color: #fa8d6a;
}
.cm-comment {
  color: #b3b3b3;
}
.cm-string {
  color: #8f9d6a;
}
.cm-string-2 {
  color: #9d937c;
}
.cm-meta {
  color: #d2a8a1;
}
.cm-error {
  color: #af2018;
}
.cm-qualifier {
  color: #ffe41a;
}
.cm-builtin {
  color: #99c;
}
.cm-bracket {
  color: #24c2c7;
}
.cm-tag {
  color: #fee4ff;
}
.cm-attribute {
  color: #9b859d;
}
.cm-header {
  color: #62c9fc;
}
.cm-quote {
  color: #24c2c7;
}
.cm-hr {
  color: #ffc0cb;
}
.cm-link {
  color: #f4c20b;
}
.cm-special {
  color: #ff9d00;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}
.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}
.cm-searching {
  background: #ffa;
  background: rgba(255,255,0,0.4);
}
@media print {
  .CodeMirror div.CodeMirror-cursor {
    visibility: hidden;
  }
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #c0c0c0;
  background: #fff;
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto;
}
.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  max-width: 19em;
  overflow: hidden;
  white-space: pre;
  color: #000;
  cursor: pointer;
}
.CodeMirror-hint-active {
  background: #08f;
  color: #fff;
}
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  cursor: default;
  background: #363636;
  outline: 0;
  font: 12px/1.5;
}
.leaflet-container img {
  max-width: none !important;
}
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important;
}
.leaflet-container a {
  color: #2599c7;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid #ffa500;
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #000;
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255,255,255,0.7);
  margin: 0;
}
.leaflet-container.leaflet-crosshair {
  cursor: crosshair;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  border: 2px dotted #38f;
  background: rgba(255,255,255,0.5);
}
.leaflet-overlay-pane {
  z-index: 4;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-tile-pane {
  z-index: 2;
}
.leaflet-objects-pane {
  z-index: 3;
}
.leaflet-shadow-pane {
  z-index: 5;
}
.leaflet-marker-pane {
  z-index: 6;
}
.leaflet-popup-pane {
  z-index: 7;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url("#default#VML");
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
  float: left;
  clear: both;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-right {
  right: 0;
}
.leaflet-right .leaflet-control {
  float: right;
  margin-right: 10px;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-left {
  left: 0;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  transition: none;
}
.leaflet-clickable {
  cursor: pointer;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px;
  text-indent: 1px;
}
.leaflet-control-zoom-out {
  font-size: 20px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-toggle {
  background-image: url("../img/layers.png");
  width: 33px;
  height: 32px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("../img/layers-2x.png");
  background-size: 26px 26px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255,255,255,0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #fff;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
@font-face {
  font-family: 'mapboxgl';
  src: url("font/icon.eot?v=1");
  src: url("font/icon.eot?v=1#iefix-lwq1d6") format('embedded-opentype'), url("font/icon.woff?v=1") format('woff');
  font-weight: normal;
  font-style: normal;
}
.mapboxgl-map {
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-nav-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-nav-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
  position: absolute;
}
.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left;
}
.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right;
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left;
}
.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right;
}
.mapboxgl-ctrl {
  clear: both;
}
.mapboxgl-ctrl > button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.mapboxgl-ctrl > button:last-child {
  border-bottom: 0;
}
.mapboxgl-ctrl > button:hover {
  background-color: rgba(0,0,0,0.05);
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: rgba(255,255,255,0.5);
  margin: 0;
}
.mapboxgl-ctrl-group {
  border-radius: 4px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}
.mapboxgl-ctrl-group > button {
  width: 30px;
  height: 30px;
  display: block;
  padding: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
}
.mapboxgl-ctrl-icon:before {
  font-family: 'mapboxgl';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out:before {
  content: '\e600';
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in:before {
  content: '\e601';
}
.mapboxgl-ctrl-attrib a {
  color: rgba(0,0,0,0.75);
  text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: bold;
  margin-left: 2px;
}
.mapboxgl-popup {
  position: absolute;
  will-change: transform;
  pointer-events: none;
}
.mapboxgl-popup-tip {
  display: none;
}
.mapboxgl-popup-content {
  pointer-events: auto;
  transform: translate(-50%, -50%);
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.cover-top {
  pointer-events: all;
  color: #e6e6e6;
}
.cover-content {
  box-sizing: border-box;
  min-height: 300px;
  pointer-events: all;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .cover-content {
    min-height: 241px;
  }
}
@media (min-width: 768px) {
  .cover-image {
    margin-bottom: 18px !important;
  }
}
@media (max-width: 767px) {
  .cover-image {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .cover-image div {
    width: 180px;
    max-height: 180px;
  }
  .cover-image div img {
    max-height: 180px;
  }
}
@media (max-width: 767px) {
  .cover-image div {
    width: 60px;
    max-height: 60px;
  }
  .cover-image div img {
    max-height: 60px;
  }
}
@media (max-width: 767px) {
  .cover-image-bg .parallax-img {
    background-position: 50% 0%;
    background-size: auto 400px;
  }
}
.cover-image-down {
  margin-bottom: 0 !important;
}
.cover-buttons {
  pointer-events: all;
  margin-top: 18px;
}
.cover-buttons-list {
  padding: 0 12px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cover-buttons-list {
    bottom: -16px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
  }
}
.cover--bigger .cover-fade {
  display: none;
}
.cover--bigger .cover-text {
  margin-top: 6px;
}
.cover--bigger .cover-content {
  min-height: 800px;
}
@media (max-width: 767px) {
  .cover--bigger .cover-content {
    min-height: 241px;
  }
}
.cover:not(.cover--bigger) .cover-h1 {
  text-transform: none;
}
.cover--widget {
  position: relative;
}
.cover--widget .cover-fade {
  background-color: rgba(0,0,0,0.5);
  height: 100%;
  z-index: 0;
}
.cover--widget .cover-top {
  height: 1px;
}
@media (min-width: 768px) {
  .cover--widget .cover-buttons {
    height: 36px;
    position: relative;
  }
}
.cover--layer {
  position: absolute;
  width: 100%;
  top: 63px;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.cover--layer .cover-buttons-list {
  text-align: center;
  left: 0;
  width: 100%;
  position: absolute;
}
@media (min-width: 768px) {
  .cover--layer .cover-buttons-list {
    bottom: 36px;
  }
}
.cover--layer .desc-info {
  color: #ccc !important;
}
.notification-count {
  top: 0;
  right: 0;
  background-color: #f00;
  padding: 6px;
  border-radius: 99em;
  color: #fff;
  transform: translate(50%, -35%);
}
.custom-select {
  height: 100%;
  width: 100%;
}
.custom-select-selected {
  height: 100%;
  cursor: pointer;
}
.custom-select .custom-select--selection {
  flex: 1;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.custom-select .custom-select--selection-with-icon {
  display: flex;
  height: 100%;
  align-items: center;
  overflow: visible;
}
.custom-select .custom-select--selection-with-icon span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.custom-select-input {
  top: 100%;
  min-width: 100%;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0px rgba(33,33,33,0.5);
  left: 0;
}
.custom-select-input .close-icon {
  cursor: pointer;
}
.custom-select-input .search-icon {
  width: 36px;
}
.custom-select-input input {
  background: transparent;
  padding-left: 0;
}
.custom-select-input .custom-select-lists {
  max-height: 300px;
  overflow-y: auto;
}
.custom-select-input .custom-select-lists li:not(.heading) {
  cursor: pointer;
  transition: color 150ms linear;
  min-height: 36px;
}
.custom-select-input .custom-select-lists li:not(.heading):hover {
  color: #ebebeb;
}
.custom-select-input .custom-select-lists li:not(.heading) .list-item-icon {
  min-height: 36px;
  min-width: 36px;
  transition: all 150ms linear;
}
.custom-select-input .custom-select-lists li:not(.heading) .list-item-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-select-input .custom-select-lists li:not(.heading) .list-item-icon.box:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
}
.custom-select-input .custom-select-lists li:not(:last-child) {
  border-bottom: 1px solid #212121;
}
.fancy,
.fancy-bottom-text {
  clear: both;
}
@media (min-width: 768px) {
  .fancy--check,
  .fancy--radio {
    padding: 0;
  }
  .fancy--check:not(:last-child),
  .fancy--radio:not(:last-child) {
    padding-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .fancy--check:not(:last-child),
  .fancy--radio:not(:last-child) {
    margin-bottom: 1px;
  }
}
.fancy-bottom-text {
  margin: 3px 0;
}
.labeled-input {
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.labeled-input input,
.labeled-input label {
  height: 100%;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  display: block;
  background-color: transparent;
}
.labeled-input input {
  text-align: left;
  padding-right: 6px;
}
.labeled-input label {
  text-align: right;
  padding-right: 6px;
}
.modal-help-content {
  overflow: hidden;
}
.modal-help-paging {
  padding-top: 18px;
  background: linear-gradient(to top, #fff 60%, rgba(255,255,255,0) 100%);
}
@media (max-width: 767px) {
  .modal-help-paging {
    position: fixed;
    bottom: 0;
    padding: 12px;
    padding-top: 36px;
    box-sizing: border-box;
  }
}
.activity-rest-days-IE .separator {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
  stroke-dasharray: 2, 2;
  opacity: 0.3;
}
.activity-trend-graph-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.activity-trend-graph-IE .activity-trend-axis-label {
  fill: #808080;
  text-transform: uppercase;
}
.activity-trend-graph-IE .weekly-avg-label-value {
  fill: #ebebeb;
  text-anchor: middle;
  font: 25px Suunto;
}
.activity-trend-graph-IE .daily-label-value {
  fill: #ebebeb;
  text-anchor: middle;
  font: 16px Suunto;
}
.graph-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.graph-IE .bottom-label {
  fill: #808080;
  text-transform: uppercase;
}
.graph-IE .label-value {
  fill: #ebebeb;
  text-anchor: middle;
  font: 25px Suunto;
}
.display-field-value {
  font-size: 60px;
}
.display-container {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.display-container .watch-base {
  width: 100%;
  position: relative;
}
.display-container .watch-base:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.display-container .watch-base img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  pointer-events: none;
}
.display-container .watch-display {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  padding-top: 70px;
  height: 385px;
  width: 385px;
  box-sizing: border-box;
  padding-bottom: 26px;
  transform: translate(-50%, -50%);
  transform-origin: top left;
  border-radius: 50%;
}
.display-container .watch-display.Breadcrumb {
  padding: 0;
}
.display-container .watch-display.Breadcrumb .watch-display--content {
  margin-top: -23px;
}
.display-container .watch-display--content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.display-container .watch-display--content > div {
  width: 100%;
}
.display-container .watch-display--content > div.bottom-row {
  align-self: flex-end;
}
.display-container .watch-display-bg {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  width: 55%;
  height: 55%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
}
.display-container--noframespace .watch-display-bg {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 5px #1c1c1c;
}
.display-container .separator {
  position: absolute;
  left: 50%;
  top: 70px;
  width: 1px;
  transform: translate(-50%, 0);
  background: #737373;
}
.display-container .Data3Fields.Transition {
  padding-top: 0;
}
.display-container .Data3Fields.Transition .field-label {
  font-size: 24px;
}
.display-container .Data3Fields.Transition .TransitionHeader {
  height: 135px;
  width: 100%;
}
.display-container .Data3Fields.Transition .TransitionHeader:after {
  content: " ";
  transform: rotate(60deg);
  background: #000;
  right: 0;
  height: 156px;
  position: absolute;
  width: 50px;
  top: 39px;
}
.display-container .Data3Fields.Transition .TransitionHeader + div {
  display: none;
}
.display-container .Data3Fields.Transition .TransitionHeader .activity-icon {
  font-size: 65px;
  color: #000;
  transform: translate(-50%, -66%);
  top: 50%;
  left: 50%;
}
.display-container .Data3Fields.Transition .TransitionHeader .icon-156 {
  transform: rotate(45deg);
  right: 50px;
  top: 125px;
}
.display-container .Data3Fields.Transition .TransitionHeader .transitionHeader-text {
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  color: #000;
}
.display-container .Data3Fields.Transition .display-field-value {
  font-size: 60px;
}
.display-container .Data3Fields.Transition .bottom-row {
  -ms-grid-row-align: auto;
      align-self: auto;
}
.display-container .Data4Fields .pos-TopLeft-wrapper {
  padding-left: 24px;
}
.display-container .Data4Fields .pos-TopRight-wrapper {
  padding-right: 24px;
}
.display-container .Data4Fields .separator {
  padding-bottom: 20px;
}
.display-container .Data5Fields .pos-TopLeft-wrapper,
.display-container .Data5Fields .pos-CenterLeft-wrapper {
  padding-left: 24px;
}
.display-container .Data5Fields .pos-TopRight-wrapper,
.display-container .Data5Fields .pos-CenterRight-wrapper {
  padding-right: 24px;
}
.display-container .Data5Fields .separator {
  padding-bottom: 50px;
}
.display-container .Data7Fields,
.display-container .Interval77 {
  padding-left: 50px;
  padding-right: 50px;
}
.display-container .Data7Fields .icon,
.display-container .Interval77 .icon {
  margin: 0 12px;
}
.display-container .Data7Fields .icon-1stLeft-container .windowType,
.display-container .Interval77 .icon-1stLeft-container .windowType,
.display-container .Data7Fields .icon-2ndLeft-container .windowType,
.display-container .Interval77 .icon-2ndLeft-container .windowType,
.display-container .Data7Fields .icon-3rdLeft-container .windowType,
.display-container .Interval77 .icon-3rdLeft-container .windowType {
  margin: 0 6px 0 40px;
}
.display-container .Data7Fields .icon-1stRight-container,
.display-container .Interval77 .icon-1stRight-container,
.display-container .Data7Fields .icon-2ndRight-container,
.display-container .Interval77 .icon-2ndRight-container,
.display-container .Data7Fields .icon-3rdRight-container,
.display-container .Interval77 .icon-3rdRight-container {
  justify-content: flex-end;
}
.display-container .Data7Fields .icon-1stRight-container .aggregate,
.display-container .Interval77 .icon-1stRight-container .aggregate,
.display-container .Data7Fields .icon-2ndRight-container .aggregate,
.display-container .Interval77 .icon-2ndRight-container .aggregate,
.display-container .Data7Fields .icon-3rdRight-container .aggregate,
.display-container .Interval77 .icon-3rdRight-container .aggregate {
  margin: 0 40px 0 6px;
}
.display-container .Table3Columns,
.display-container .Table2Columns {
  padding-top: 45px;
}
.display-container .Table3Columns .separator,
.display-container .Table2Columns .separator {
  display: none;
}
.display-container .Table3Columns .icon,
.display-container .Table2Columns .icon,
.display-container .Table3Columns .aggregate,
.display-container .Table2Columns .aggregate,
.display-container .Table3Columns .windowType,
.display-container .Table2Columns .windowType {
  color: #b0b0b0;
}
.display-container .Table3Columns .table,
.display-container .Table2Columns .table {
  background: #3b3b3b;
  position: relative;
  height: 280px;
  margin-bottom: -33px;
}
.display-container .Table3Columns .icon,
.display-container .Table2Columns .icon {
  margin: 0 4px;
  top: 0;
}
.display-container .Table3Columns .icon-LeftColumn-container,
.display-container .Table2Columns .icon-LeftColumn-container,
.display-container .Table3Columns .icon-RightColumn-container,
.display-container .Table2Columns .icon-RightColumn-container,
.display-container .Table3Columns .icon-CenterColumn-container,
.display-container .Table2Columns .icon-CenterColumn-container,
.display-container .Table3Columns .icon-IndexColumn-container,
.display-container .Table2Columns .icon-IndexColumn-container {
  margin: 2px 0;
}
.display-container .Table3Columns .pos-Top,
.display-container .Table2Columns .pos-Top {
  font-size: 60px;
}
.display-container .SimpleLineChart .pos-Top,
.display-container padding-top 25px .pos-Top {
  font-size: 60px;
}
.display-container .Interval77,
.display-container .Interval37 {
  padding-top: 0px;
}
.display-container .Interval77 .IntervalHeader,
.display-container .Interval37 .IntervalHeader {
  height: 55px;
  margin-bottom: 10px;
}
.display-container .Interval77 .IntervalHeader .icon-IntervalHeader-container,
.display-container .Interval37 .IntervalHeader .icon-IntervalHeader-container {
  display: none;
}
.display-container .Interval77 .IntervalHeader .pos-IntervalHeader,
.display-container .Interval37 .IntervalHeader .pos-IntervalHeader {
  font-size: 45px;
  height: 1em;
  color: #1c1c1c;
}
.display-container .Zones8Fields {
  padding-top: 0px;
}
.display-container .Zones8Fields .pos-Top {
  font-size: 60px;
}
.display-container .Zones8Fields .pos-LeftColumn,
.display-container .Zones8Fields .pos-RightColumn,
.display-container .Zones8Fields .pos-1stCenter,
.display-container .Zones8Fields .pos-1stRight,
.display-container .Zones8Fields .pos-3rdCenter,
.display-container .Zones8Fields .pos-3rdRight,
.display-container .Zones8Fields .pos-Center {
  font-size: 32px;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(1) {
  margin-bottom: 14px;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) {
  padding-top: 4px;
  padding-bottom: 3px;
  margin-bottom: 8px;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndLeft-wrapper,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndCenter-wrapper,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndRight-wrapper,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-LeftColumn-wrapper,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-RightColumn-wrapper,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-Center-wrapper {
  cursor: pointer;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndLeft-wrapper.active,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndCenter-wrapper.active,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndRight-wrapper.active,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-LeftColumn-wrapper.active,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-RightColumn-wrapper.active,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-Center-wrapper.active {
  color: #000;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndLeft-wrapper:not(.active),
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndCenter-wrapper:not(.active),
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndRight-wrapper:not(.active),
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-LeftColumn-wrapper:not(.active),
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-RightColumn-wrapper:not(.active),
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-Center-wrapper:not(.active) {
  color: #aa9811;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-LeftColumn,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndCenter,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-Center {
  font-size: 60px;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-LeftColumn-wrapper .icon,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndCenter-wrapper .icon,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-Center-wrapper .icon {
  margin-top: 23px;
}
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-2ndRight,
.display-container .Zones8Fields .watch-display--content >div:nth-child(3) .pos-RightColumn {
  margin-top: 5px;
}
.display-container .pos-Chart-wrapper {
  margin-top: 12px;
}
.display-container .pos-Chart-wrapper svg {
  overflow: hidden;
}
.display-container .pos-Top,
.display-container .pos-TopLeft,
.display-container .pos-TopRight,
.display-container .pos-Center,
.display-container .pos-CenterLeft,
.display-container .pos-CenterRight,
.display-container .pos-Bottom,
.display-container .pos-BottomLeft,
.display-container .pos-BottomRight,
.display-container .pos-1stLeft,
.display-container .pos-1stCenter,
.display-container .pos-1stRight,
.display-container .pos-2ndLeft,
.display-container .pos-2ndCenter,
.display-container .pos-2ndRight,
.display-container .pos-3rdLeft,
.display-container .pos-3rdCenter,
.display-container .pos-3rdRight,
.display-container .pos-LeftColumn,
.display-container .pos-CenterColumn,
.display-container .pos-RightColumn,
.display-container .pos-IndexColumn {
  height: 1em;
}
.display-container .pos-Top-wrapper,
.display-container .pos-TopLeft-wrapper,
.display-container .pos-TopRight-wrapper,
.display-container .pos-Center-wrapper,
.display-container .pos-CenterLeft-wrapper,
.display-container .pos-CenterRight-wrapper,
.display-container .pos-Bottom-wrapper,
.display-container .pos-BottomLeft-wrapper,
.display-container .pos-BottomRight-wrapper,
.display-container .pos-1stLeft-wrapper,
.display-container .pos-1stCenter-wrapper,
.display-container .pos-1stRight-wrapper,
.display-container .pos-2ndLeft-wrapper,
.display-container .pos-2ndCenter-wrapper,
.display-container .pos-2ndRight-wrapper,
.display-container .pos-3rdLeft-wrapper,
.display-container .pos-3rdCenter-wrapper,
.display-container .pos-3rdRight-wrapper,
.display-container .pos-LeftColumn-wrapper,
.display-container .pos-CenterColumn-wrapper,
.display-container .pos-RightColumn-wrapper,
.display-container .pos-IndexColumn-wrapper {
  cursor: pointer;
}
.display-container .pos-Top-wrapper.active,
.display-container .pos-TopLeft-wrapper.active,
.display-container .pos-TopRight-wrapper.active,
.display-container .pos-Center-wrapper.active,
.display-container .pos-CenterLeft-wrapper.active,
.display-container .pos-CenterRight-wrapper.active,
.display-container .pos-Bottom-wrapper.active,
.display-container .pos-BottomLeft-wrapper.active,
.display-container .pos-BottomRight-wrapper.active,
.display-container .pos-1stLeft-wrapper.active,
.display-container .pos-1stCenter-wrapper.active,
.display-container .pos-1stRight-wrapper.active,
.display-container .pos-2ndLeft-wrapper.active,
.display-container .pos-2ndCenter-wrapper.active,
.display-container .pos-2ndRight-wrapper.active,
.display-container .pos-3rdLeft-wrapper.active,
.display-container .pos-3rdCenter-wrapper.active,
.display-container .pos-3rdRight-wrapper.active,
.display-container .pos-LeftColumn-wrapper.active,
.display-container .pos-CenterColumn-wrapper.active,
.display-container .pos-RightColumn-wrapper.active,
.display-container .pos-IndexColumn-wrapper.active {
  color: #ebebeb;
}
.display-container .pos-Top-wrapper:not(.active),
.display-container .pos-TopLeft-wrapper:not(.active),
.display-container .pos-TopRight-wrapper:not(.active),
.display-container .pos-Center-wrapper:not(.active),
.display-container .pos-CenterLeft-wrapper:not(.active),
.display-container .pos-CenterRight-wrapper:not(.active),
.display-container .pos-Bottom-wrapper:not(.active),
.display-container .pos-BottomLeft-wrapper:not(.active),
.display-container .pos-BottomRight-wrapper:not(.active),
.display-container .pos-1stLeft-wrapper:not(.active),
.display-container .pos-1stCenter-wrapper:not(.active),
.display-container .pos-1stRight-wrapper:not(.active),
.display-container .pos-2ndLeft-wrapper:not(.active),
.display-container .pos-2ndCenter-wrapper:not(.active),
.display-container .pos-2ndRight-wrapper:not(.active),
.display-container .pos-3rdLeft-wrapper:not(.active),
.display-container .pos-3rdCenter-wrapper:not(.active),
.display-container .pos-3rdRight-wrapper:not(.active),
.display-container .pos-LeftColumn-wrapper:not(.active),
.display-container .pos-CenterColumn-wrapper:not(.active),
.display-container .pos-RightColumn-wrapper:not(.active),
.display-container .pos-IndexColumn-wrapper:not(.active) {
  color: #737373;
}
.display-container .pos-Center,
.display-container .pos-Top {
  font-size: 100px;
  line-height: 1em;
  min-height: 1em;
  padding-right: 8px;
  padding-left: 8px;
}
.display-container .pos-1stLeft,
.display-container .pos-1stRight,
.display-container .pos-2ndLeft,
.display-container .pos-2ndRight,
.display-container .pos-3rdLeft,
.display-container .pos-3rdRight,
.display-container .pos-LeftColumn,
.display-container .pos-CenterColumn,
.display-container .pos-RightColumn {
  font-size: 42px;
  height: 1em;
}
.display-container .pos-IndexColumn {
  font-size: 40px;
  background: #fff;
  color: #000;
  border-radius: 4px;
  text-align: right;
  padding-right: 6px;
  position: relative;
  top: 3px;
  left: 3px;
  height: 1.1em;
  line-height: 1.1em;
}
.display-container .pos-IndexColumn-wrapper .aggregate,
.display-container .pos-IndexColumn-wrapper .windowType {
  display: none;
}
.display-container .icon {
  height: 1em;
  font-size: 20px;
}
.display-container .icon-TopLeft,
.display-container .icon-TopRight,
.display-container .icon-CenterLeft,
.display-container .icon-CenterRight {
  margin: 0 4px;
}
.display-container .icon-TopLeft-container,
.display-container .icon-TopRight-container,
.display-container .icon-CenterLeft-container,
.display-container .icon-CenterRight-container {
  height: 1em;
  font-size: 20px;
}
.display-container .icon-left-container .icon {
  margin-top: 10px;
}
.display-container .icon-IndexColumn-container {
  min-height: 20px;
}
.display-container .suffix {
  height: 1em;
  font-size: 28px;
}
.display-container .aggregate,
.display-container .windowType {
  height: 1em;
  font-size: 16px;
}
.dive-graph-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.dive-graph-IE .unit-text,
.dive-graph-IE .title-text {
  fill: #ccc;
  font-size: 11px;
}
.dive-graph-IE .value-text {
  fill: #ebebeb;
}
.feeling-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.feeling-IE .period-avg-label {
  text-anchor: middle;
  alignment-baseline: middle;
}
.feeling-IE .axis line {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 2;
  opacity: 0.3;
}
.feeling-IE .axis text {
  fill: #808080;
  text-transform: uppercase;
}
.heart-rate-zones-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.heart-rate-zones-IE .label {
  text-anchor: middle;
  fill: #808080;
}
.heart-rate-zones-IE .axis line {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 2;
  opacity: 0.3;
}
.heart-rate-zones-IE .axis text {
  fill: #808080;
}
#intensity-timeline {
  position: relative;
}
#intensity-timeline .intensity-timeline-y-scale {
  position: relative;
  width: 36px;
}
#intensity-timeline .intensity-timeline-y-scale .scale-tick {
  position: absolute;
}
#intensity-timeline .intensity-timeline-weeks {
  height: 402px;
}
#intensity-timeline .intensity-timeline-weeks::-webkit-scrollbar {
  display: none;
}
#intensity-timeline .intensity-timeline-week {
  border-right: 1px solid rgba(59,59,59,0.3);
  box-sizing: border-box;
  text-align: center;
  transition: background 0.2s ease-in;
}
#intensity-timeline .intensity-timeline-week:hover {
  cursor: pointer;
}
#intensity-timeline .intensity-timeline-week:hover,
#intensity-timeline .intensity-timeline-week:hover .intensity-timeline-bars {
  background: #363636;
}
#intensity-timeline .intensity-timeline-bars {
  height: 342px;
  transition: background 0.2s ease-in;
  align-content: flex-end;
}
#intensity-timeline .intensity-timeline-bar {
  position: relative;
  width: 100%;
  cursor: pointer;
}
#intensity-timeline .intensity-timeline-bar .bar {
  width: 4px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  border-radius: 99em;
}
#intensity-timeline .legend-dot {
  border-radius: 1px;
  height: 6px;
  width: 6px;
}
#intensity-timeline .bubble-custom {
  left: 50%;
  top: 0;
  width: 150px;
  height: 30px;
  line-height: 30px;
}
.linechart .axis {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.linechart .axis line {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
  opacity: 1;
}
.linechart .axis text {
  fill: #808080;
  font-size: 11px;
}
.linechart .y-axis text {
  text-anchor: start !important;
}
.linechart .y-axis .tick line {
  transform: translate(25px, 0);
}
.linechart .y-axis .tick:not(:first-of-type) line {
  stroke-dasharray: 1, 2;
  opacity: 0.5;
}
.linechart .graph-path {
  stroke-width: 1.2;
  fill: none;
  opacity: 1;
}
.linechart .graph-gradient {
  opacity: 0.2;
  pointer-events: none;
}
.linechart-container .line-tooltip {
  pointer-events: none;
  transform: translate(-47%, -130%);
  white-space: nowrap;
}
.linechart-container .line-tooltip .bubble:after {
  border-width: 7px;
}
.linechart-container .highlight-circle {
  stroke-width: 2;
  stroke: #fff;
}
.module-template-graph .bar {
  font: 10px sans-serif;
  fill: #4682b4;
  text-align: right;
  padding: 3px;
  margin: 1px;
  color: #ccc;
}
#performanceGraph {
  position: relative;
}
#performanceGraph .loading-text {
  margin-top: 295px;
}
#performanceGraph .controlPanel {
  float: right;
}
#performanceGraph .slider {
  padding: 7px 0;
  overflow: visible;
}
#performanceGraph .bubble {
  transform: translate(-64%, -160%);
  pointer-events: none;
}
#performanceGraph .bubble:after {
  bottom: -5px;
}
#performanceGraph .bubble--fixed-width {
  width: 350px;
}
#performanceGraph #timeDistance {
  float: right;
  font-size: 15px;
}
#performanceGraph #timeDistanceIcon {
  position: relative;
  top: 1px;
  font-size: 14px;
  display: inline-block;
  transform: rotate(270deg);
  margin-right: 10px;
}
#performanceGraph .sliderContainer {
  float: right;
  padding: 13px 40px;
  position: relative;
}
#performanceGraph .sliderContainer span {
  float: left;
}
#performanceGraph #slider-rail {
  position: relative;
  top: 1px;
  width: 40px;
  height: 1px;
  background-color: #a9a9a9;
}
#performanceGraph #slider-handle {
  position: absolute;
  top: 10px;
}
#performanceGraph #slider-handle-icon {
  width: 11px;
  height: 11px;
  border: solid 1px #a9a9a9;
  position: absolute;
  border-radius: 10px;
  background-color: #303030;
  top: -9px;
  left: -7px;
}
#performanceGraph .domain {
  visibility: hidden;
}
#performanceGraph #smoothCurveIcon {
  font-size: 17px;
  margin-right: 15px;
}
#performanceGraph #sharpCurveIcon {
  position: relative;
  margin-left: 15px;
}
#performanceGraph .selectionWindow-container {
  background: #f2f1f1;
  color: #000;
}
#performanceGraph .selectionWindowHeader {
  background: #cbcccb;
  color: #000;
  height: 40px;
  padding-left: 15px;
}
#performanceGraph button.selectedLatest {
  color: #212121;
  box-shadow: 0 0 0;
}
#performanceGraph button.selectedLatest:hover {
  background-color: #f70;
}
#performanceGraph button.selected {
  cursor: pointer;
}
#performanceGraph button.variableSelector {
  background-color: transparent;
  color: #e6e6e6;
  box-shadow: 0 0 0;
}
#performanceGraph .filters {
  transition: all 0.5s;
  overflow: hidden;
}
#performanceGraph .height--full {
  max-height: 400px !important;
}
.periodic-trend-graph .axis--y .tick text {
  stroke-width: 0;
  stroke: #ebebeb;
}
.periodic-trend-graph .x.axis > path {
  visibility: visible;
}
.periodic-trend-graph .trend-end-line,
.periodic-trend-graph .trend-start-line {
  stroke-dasharray: 5, 5;
  stroke-width: 1;
}
.periodic-trend-graph .trend-line-hover {
  stroke-width: 15;
  stroke: transparent;
  fill: none;
}
.periodic-trend-graph .line-hover-circle {
  fill: #808080;
  transform: translate(0, 0);
}
.progress-graph-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.progress-graph-IE .trend-line {
  stroke: #969696;
  stroke-width: 2;
}
.progress-graph-IE .trend-area {
  stroke-width: 0;
}
.progress-graph-IE .current-period {
  fill: #323333;
}
.progress-graph-IE .comparison-period {
  fill: #272828;
}
.progress-graph-IE .no-data-line {
  stroke-dasharray: 3, 2;
  stroke: #808080;
}
.progress-graph-IE .axis line {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 2;
  opacity: 0.3;
}
.progress-graph-IE .axis text {
  fill: #808080;
}
.progress-graph-IE .label-text {
  text-anchor: middle;
}
.progress-graph-IE .no-data {
  fill: #808080;
}
.training-details-container .d3-bar {
  fill: #4682b4;
  text-align: right;
  padding: 3px;
  margin: 1px;
  color: #fff;
}
.training-details-container .axis--x > path {
  visibility: hidden;
}
.training-details-container .axis--x g text {
  stroke: none;
}
.training-totals-IE {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.training-totals-IE .valueLabel {
  text-anchor: begin;
}
.training-totals-IE .axis path {
  display: none;
}
.training-totals-IE .axis line {
  fill: none;
  stroke: #808080;
  shape-rendering: crispEdges;
  stroke-dasharray: 1, 2;
  opacity: 0.3;
}
.training-totals-IE .axis text {
  fill: #808080;
}
.training-totals-IE .button-row a {
  color: #ccc;
}
.training-totals-IE .button-row a.selected {
  color: #fff;
}
#campaignAppViz path.domain {
  visibility: hidden;
}
#campaignAppViz .campaign-line-graph {
  stroke: #fff;
  stroke-width: 2.5;
  fill: none;
}
#campaignAppViz .campaign-x-axis text {
  font-weight: bold;
  fill: #fff;
}
#campaignAppViz .campaign-x-axis line {
  stroke: #fff;
  stroke-width: 2.5px;
  y2: 12px;
}
#campaignAppViz .campaign-y-axis {
  stroke-width: 2.5px;
  stroke: #363639;
}
#campaignAppViz .current-day-indicator circle {
  fill: #000;
  stroke: #fff;
  stroke-width: 2;
}
#campaignAppViz .current-day-indicator text {
  text-anchor: middle;
  fill: #000;
}
.cumulative-training-load-boxtip {
  transform: translate(-50%, -100%);
  position: fixed;
}
.cumulative-training-load .first-load .box-full {
  z-index: 1;
}
.cumulative-training-load .first-load .text {
  position: absolute;
  top: 50%;
  left: 29%;
  width: 400px;
  text-align: center;
}
.cumulative-training-load .overlay {
  background-color: light_9;
  opacity: 0.3;
}
.cumulative-training-load .pop-up-window-content img {
  max-width: 100%;
}
.cumulative-training-load .loading-overlay {
  background-color: light_9;
  opacity: 0.3;
}
.cumulative-training-load .loading-component.loading-bar {
  background-color: transparent;
}
@media (max-width: 767px) {
  .cumulative-training-load .cumulative-training-load-modal {
    transform: translate(0, 0);
    top: 0;
    left: 0;
  }
  .cumulative-training-load .cumulative-training-load-modal img {
    margin-bottom: 12px;
  }
  .cumulative-training-load .cumulative-training-load-modal .close-row {
    margin-bottom: 12px;
  }
}
.feeling-trend-tooltip {
  transform: translate(-50%, -100%);
  position: fixed;
}
.insight-elements .switcher {
  position: relative;
}
.insight-elements .switcher-icon {
  position: absolute;
  right: 0;
  top: 3px;
}
.insight-elements .switcher-tooltip {
  transform: translate(-50%, -100%);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .insight-elements-buttons {
    order: -1;
    margin-bottom: 24px !important;
  }
}
.moves-timeline {
  width: 100%;
  position: relative;
  background: #2b2b2b;
  padding: 36px 0 18px;
}
.moves-timeline:before {
  content: " ";
  width: 73.5px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(to right, #2b2b2b 0%, rgba(43,43,43,0) 100%);
}
.moves-timeline .no-moves-overlay {
  background: rgba(43,43,43,0.9);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.moves-timeline .no-moves-overlay p {
  margin-bottom: 24px;
}
.moves-timeline .scroll-left,
.moves-timeline .scroll-right {
  position: absolute;
  background: none;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 3em;
  display: none;
  padding: 0;
  margin: 0;
  highlight: none;
  box-shadow: none;
}
.moves-timeline .scroll-left:hover,
.moves-timeline .scroll-right:hover,
.moves-timeline .scroll-left:before,
.moves-timeline .scroll-right:before,
.moves-timeline .scroll-left:after,
.moves-timeline .scroll-right:after {
  background: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
}
.moves-timeline .scroll-right {
  right: 0;
  transform: translate(-50%, -50%);
}
.moves-timeline:hover .scroll-right:not(.hidden),
.moves-timeline:hover .scroll-left:not(.hidden) {
  display: block;
}
.moves-timeline .y-scale {
  position: absolute;
  top: 48px;
  left: 0;
  height: 342px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.moves-timeline .y-scale .scale-tick {
  font-size: 12px;
  position: absolute;
  line-height: 12px;
}
.moves-timeline .y-scale .scaleval-low {
  bottom: calc(100% * 1 / 3 - 6px);
}
.moves-timeline .y-scale .scaleval-mid {
  bottom: calc(100% * 2 / 3 - 6px);
}
.moves-timeline .moves-timeline-tooltip,
.moves-timeline .combined-moves-tooltip {
  position: fixed;
  transform: translate(-50%, 0%);
}
.moves-timeline .moves-timeline-tooltip h3,
.moves-timeline .combined-moves-tooltip h3,
.moves-timeline .moves-timeline-tooltip h4,
.moves-timeline .combined-moves-tooltip h4,
.moves-timeline .moves-timeline-tooltip h5,
.moves-timeline .combined-moves-tooltip h5 {
  color: #1c1c1c;
  margin: 0;
}
.moves-timeline .moves-timeline-tooltip .description,
.moves-timeline .combined-moves-tooltip .description {
  word-break: break-word;
}
.moves-timeline .combined-moves.moves {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
.moves-timeline .combined-moves-tooltip {
  pointer-events: all;
  transform: translate(calc(-50% - 1px), 0%);
}
.moves-timeline .combined-moves-tooltip .y-scale {
  height: 230px;
  bottom: 12px;
  left: 6px;
  top: auto;
  color: #b3b3b3;
}
.moves-timeline .combined-moves-tooltip .y-scale:before {
  display: none;
}
.moves-timeline .combined-moves-tooltip .moves {
  overflow: visible;
  height: 230px;
}
.moves-timeline .combined-moves-tooltip .moves .move {
  display: block;
  width: 49px;
}
.moves-timeline .combined-moves-tooltip .moves-timeline-tooltip {
  pointer-events: all;
}
.moves-timeline .combined-moves-tooltip .moves-timeline-tooltip [class^="icon"] {
  pointer-events: all;
}
.moves-timeline .combined-moves-tooltip .boxtip-container {
  bottom: 46px !important;
  left: 50% !important;
  position: absolute !important;
  pointer-events: all;
}
.moves-timeline .combined-moves-tooltip h5 {
  color: #e6e6e6;
  text-align: center;
  margin-bottom: 12px;
}
.moves-timeline .days {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0;
  height: 439px;
  box-sizing: border-box;
}
.moves-timeline .month-name {
  position: absolute;
  color: #808080;
  top: 0;
  left: auto;
  margin-left: 48px;
  transform: translateX(-50%);
  text-transform: uppercase;
  background: #2b2b2b;
  display: block;
}
.moves-timeline .day {
  flex-basis: 49px;
  flex-shrink: 0;
  margin-top: 12px;
  padding: 0 0 12px;
  box-sizing: border-box;
  text-align: center;
  border-right: 1px solid #363636;
}
.moves-timeline .day .txt,
.moves-timeline .day .num {
  color: #424242;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.moves-timeline .day--today .num {
  background: #e6e6e6;
}
.moves-timeline .day--weekend .num {
  background: #363636;
}
.moves-timeline .day--sunday {
  border-right: 1px solid #424242;
}
.moves-timeline .day--last-of-month {
  border-right: 1px solid #808080;
}
.moves-timeline .day:hover {
  background-color: rgba(188,188,188,0.02);
}
.moves-timeline .day:hover .txt,
.moves-timeline .day:hover .num {
  color: #808080;
}
.moves-timeline .day:hover .move .bar:after {
  border-width: 3px;
  border-style: solid;
  border-color: #2b2b2b;
}
.moves-timeline .day .day-label h5 {
  font-size: 11px;
  padding: 0;
  margin: 0;
}
.moves-timeline .day .day-label h5.num {
  width: 22px;
  height: 22px;
  margin: 0 auto 0;
  border-radius: 99em;
}
.moves-timeline .day .day-label h5.num .inner {
  line-height: 22px;
}
.moves-timeline .day .day-label h5.txt {
  margin-bottom: 10px;
  margin-top: 15px;
}
.moves-timeline .moves {
  height: 342px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: center;
  flex-flow: row wrap;
  background: linear-gradient(to bottom, transparent 0, transparent calc(100% * 1 / 3 + 3px), rgba(188,188,188,0.02) calc(100% * 1 / 3 + 3px), rgba(188,188,188,0.02) calc(100% * 2 / 3 + 3px), transparent calc(100% * 2 / 3 + 3px), transparent 100%);
  overflow: hidden;
}
.moves-timeline .moves .combined-moves {
  flex-wrap: nowrap;
  min-height: 0;
}
.moves-timeline .moves .combined-moves .move {
  width: 48px;
  position: relative;
}
.moves-timeline .moves .combined-moves .move--overscale > .bar:after {
  border: 3px solid #2b2b2b;
}
.moves-timeline .moves .move {
  width: 100%;
  cursor: default;
}
.moves-timeline .moves .move--overscale > .bar:after {
  content: " ";
  border: 3px solid #2b2b2b;
  background-color: inherit;
  position: absolute;
  top: 10px;
  width: 14px;
  height: 4px;
  border-radius: 99em;
  transform: rotate(25deg) translateX(-56%);
}
.moves-timeline .moves .bar {
  width: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  margin: 5px auto 0;
  padding: 0;
  background-color: #1c1c1c;
  text-align: center;
  border-radius: 99em;
  display: block;
}
.moves-timeline .moves .icon {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 32px;
  display: block;
  margin: 5px auto 0;
  font-style: normal;
  line-height: 32px;
  width: 32px;
  height: 32px;
  border-radius: 99em;
}
.moves-timeline .moves .icon--number {
  font-size: 22px;
  background-color: inherit;
  color: #1c1c1c;
}
.page-header {
  position: relative;
}
@media (max-width: 767px) {
  .page-header--with-buttons-any #mainContent >:first-child[class*="wrapper"] {
    padding-top: 36px;
  }
}
@media (min-width: 768px) {
  .page-header--with-sub .cover--widget {
    padding-bottom: 36px;
  }
  .page-header--with-sub .cover--layer .cover-buttons-list {
    bottom: 76px;
  }
}
@media (max-width: 767px) {
  .page-header--open-mobile {
    overflow: hidden;
  }
  .page-header--open-mobile .page-header-mobile-container {
    visibility: visible;
    opacity: 1;
  }
  .page-header--open-mobile .page-header-logo,
  .page-header--open-mobile .page-header-logins,
  .page-header--open-mobile .page-header-nav-area {
    transition: blur 0.2s;
    filter: blur(8px);
  }
  .page-header--open-mobile #mainContent,
  .page-header--open-mobile .cover {
    transition: blur 0.2s;
    filter: blur(8px);
  }
}
.page-header-logo {
  position: absolute;
  display: block;
  left: 0;
}
.page-header-logo .picture-bg {
  width: 110px;
  height: 64px;
}
@media (max-width: 767px) {
  .page-header-logo .picture-bg {
    height: 60px;
  }
}
.page-header-stuck-container {
  height: 63px;
}
.page-header-stuck--fixed {
  position: fixed;
  width: 100%;
}
.page-header-stuck--fixed-in {
  animation: fixedAnim 0.3s;
}
.page-header-stuck--fixed-out {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
.page-header-stuck--fixed .page-header-nav-fancy-buttons {
  position: relative;
  bottom: inherit;
}
.page-header-nav {
  position: relative;
  background: #212121;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.page-header-nav-fancy,
.page-header-nav-sub {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.page-header-nav-fancy {
  top: 63px;
  height: calc(100% - 63px);
  background-color: #363636;
  min-height: 430px;
}
@media (max-width: 767px) {
  .page-header-nav-fancy {
    min-height: 254px;
  }
}
.page-header-nav-fancy--with-buttons {
  min-height: 454px;
}
@media (max-width: 767px) {
  .page-header-nav-fancy--with-buttons {
    min-height: 254px;
  }
}
.page-header-nav-fancy-image {
  width: 90%;
}
.page-header-nav-fancy-image .picture-bg {
  width: 100%;
  margin-bottom: 9px;
}
.page-header-nav-fancy-image .img-bg {
  transition: all 0.3s ease-in-out;
  filter: grayscale(100%) brightness(50%);
}
.page-header-nav-fancy-image:hover .img-bg {
  filter: grayscale(0%) brightness(100%);
}
.page-header-nav-fancy-image .row-flex--middle-content {
  height: 100%;
}
.page-header-nav-fancy-buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.page-header-nav-sub {
  z-index: 3;
  background-color: rgba(66,66,66,0.6);
  box-shadow: 0 -12px 18px rgba(0,0,0,0.3);
  text-align: center;
}
@media (min-width: 768px) {
  .page-header-nav-top {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
  }
}
@media (min-width: 768px) {
  .page-header-nav-buttons {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .page-header-nav-buttons {
    padding: 9px 9px;
  }
}
.page-header-nav-buttons--top {
  display: none;
}
@media (min-width: 1400px) {
  .page-header-nav-buttons--top {
    display: block;
  }
}
.page-header-mobile-container {
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0,0,0,0.6);
  transition: opacity 0.4s;
  overflow: auto;
}
.page-header-mobile-menu >ul >li:not(:last-child) {
  border-bottom: 1px solid #363636;
  border-color: #808080;
}
.page-header-mobile-menu >ul >li >a {
  padding: 18px 6px;
}
.page-header-mobile-menu >ul >li >a.current {
  background: none !important;
}
.page-header-mobile-menu >ul >li >a.current + div >ul {
  max-height: 140px;
}
.page-header-mobile-menu >ul >li >div >ul {
  width: 100%;
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: transparent !important;
  display: flex;
  flex-flow: row wrap;
}
.page-header-mobile-menu >ul >li >div >ul >li {
  width: 50%;
}
.page-header-mobile-menu >ul >li >div >ul >li a {
  padding: 6px 12px;
}
.page-header-mobile-menu >ul >li >div >ul >li a.current {
  background: none !important;
}
.page-header-mobile-menu >ul >li >div >ul >li:last-child a {
  padding-bottom: 18px;
}
.page-header-animation-enter {
  opacity: 0.01;
}
.page-header-animation-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.page-header-animation-leave {
  opacity: 1;
}
.page-header-animation-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}
.page-header-animation-height-enter {
  max-height: 0;
}
.page-header-animation-height-enter-active {
  max-height: 140px;
  transition: max-height 400ms;
}
.page-header-animation-height-leave {
  max-height: 140px;
}
.page-header-animation-height-leave-active {
  max-height: 0;
  transition: max-height 400ms;
}
@-moz-keyframes fixedAnim {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@-webkit-keyframes fixedAnim {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@-o-keyframes fixedAnim {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes fixedAnim {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.planned-move-tool {
  position: absolute;
  width: 325px;
  background-color: #fff;
}
.planned-move-tool header {
  background-color: #424242;
}
.planned-move-tool header h3 {
  margin: 0;
}
.planned-move-tool header .delete-planned-move {
  cursor: pointer;
}
.planned-move-tool section {
  padding-bottom: 0;
}
.planned-move-tool section button {
  width: 100%;
}
.planned-move-tool section input,
.planned-move-tool section select,
.planned-move-tool section textarea,
.planned-move-tool section .labeled-input {
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  color: #000;
}
.planned-move-tool section textarea {
  min-height: 10em;
  resize: vertical;
}
.planned-move-tool section textarea:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}
.planned-move-tool section textarea::placeholder {
  font-style: italic;
  color: #969696;
}
.planned-move-tool section .labeled-input input {
  background-color: transparent;
  border: 0;
}
.planned-move-tool section .labeled-input label {
  text-align: center;
  color: #969696;
}
.planned-move-tool--large {
  position: fixed;
  background: rgba(28,28,28,0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
}
.week-tool {
  background-color: #fff;
  margin: auto;
}
.week-tool .loading,
.week-tool .loading-bar {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.week-tool .custom-select-input {
  min-width: 320px;
}
.week-tool footer {
  background-color: #fff;
}
.week-tool main {
  overflow: visible;
}
.week-tool div,
.week-tool header,
.week-tool footer,
.week-tool main {
  box-sizing: border-box;
}
.week-tool .week-heading {
  background: rgba(235,235,235,0.33);
}
.week-tool .week-nr {
  margin: 0 24px;
  color: #212121;
}
.week-tool .tool {
  border-bottom: 1px solid #e6e6e6;
}
.week-tool .day-row {
  border-top: 1px solid #e6e6e6;
}
.week-tool .day-row .moves-count {
  display: none;
}
.week-tool .day-row .border-right {
  border-right: 1px solid #e6e6e6;
}
.week-tool .day-row .day-info--date {
  height: 48px;
  padding-left: 12px;
  color: #737373;
  font-weight: bold;
}
.week-tool .day-row .day-info--date-nr {
  font-size: 12px;
  width: 3em;
  display: inline-block;
}
.week-tool .day-row .day-info--date-name {
  display: inline-block;
  min-width: 7em;
}
.week-tool .day-row .day-info {
  min-height: 48px;
  background-color: rgba(235,235,235,0.33);
}
.week-tool .day-row:hover .day-info,
.week-tool .day-row.focused .day-info {
  background-color: rgba(179,179,179,0.33);
}
.week-tool .day-row .btns {
  bottom: 50%;
  transform: translateY(50%);
  right: 12px;
}
.week-tool .day-row .btns--fixedbottom {
  bottom: 12px;
  transform: translateY(0);
}
.week-tool .day-row .btns .expand-day {
  display: none;
}
.week-tool .day-row .btns button {
  padding: 0;
}
.week-tool .day-row .btns .icon {
  color: #ebebeb;
}
.week-tool .day-row .move-row {
  height: 48px;
}
.week-tool .day-row .move-row:hover,
.week-tool .day-row .move-row.editing {
  background-color: rgba(98,201,252,0.1);
}
.week-tool .day-row .move-row:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.week-tool .day-row .move-row .row-flex,
.week-tool .day-row .move-row .input-wrapper {
  height: 100%;
}
.week-tool .day-row .move-row .custom-select {
  padding-left: 6px;
  padding-right: 6px;
}
.week-tool .day-row .move-row .custom-select:hover,
.week-tool .day-row .move-row .custom-select:focus {
  background: #fff;
}
.week-tool .day-row .move-row label,
.week-tool .day-row .move-row :-ms-input-placeholder,
.week-tool .day-row .move-row .placeholder {
  color: #ccc;
}
.week-tool .day-row .move-row label,
.week-tool .day-row .move-row ::placeholder,
.week-tool .day-row .move-row .placeholder {
  color: #ccc;
}
.week-tool .day-row .move-row .custom-select--selection,
.week-tool .day-row .move-row input:not([data-testid="custom-select-filter-input"]),
.week-tool .day-row .move-row textarea,
.week-tool .day-row .move-row .custom-select-selected span:not(.placeholder) {
  font-weight: bold;
  color: #424242;
  background-color: transparent;
}
.week-tool .day-row .move-row .custom-select--selection [class^="icon-"],
.week-tool .day-row .move-row input:not([data-testid="custom-select-filter-input"]) [class^="icon-"],
.week-tool .day-row .move-row textarea [class^="icon-"],
.week-tool .day-row .move-row .custom-select-selected span:not(.placeholder) [class^="icon-"] {
  font-weight: normal;
}
.week-tool .day-row .move-row .labeled-input.focused {
  background-color: #fff;
}
.week-tool .day-row .move-row textarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 48px;
  max-height: 100%;
  padding-top: 12px;
  overflow-y: auto;
  box-sizing: border-box;
}
.week-tool .day-row .move-row textarea:hover {
  background-color: #fff;
}
.week-tool .day-row .move-row textarea:focus {
  background-color: #fff;
  box-shadow: 0 0 6px rgba(128,128,128,0.6);
  height: 100%;
  max-height: 500%;
}
@media (max-width: 767px) {
  .planned-move-tool {
    width: 100%;
    min-height: 100%;
    left: 0 !important;
    top: 0 !important;
    position: fixed;
  }
  .week-tool {
    min-height: 100%;
  }
  .week-tool header,
  .week-tool footer {
    width: 100%;
  }
  .week-tool .day-row:not(.focused) {
    max-height: 49px;
    overflow: hidden;
  }
  .week-tool .day-row .moves-count {
    display: inline;
  }
  .week-tool .day-row .btns {
    right: 6px;
  }
  .week-tool .day-row .btns--fixedbottom {
    bottom: 50%;
    transform: translateY(50%);
  }
  .week-tool .day-row .btns .expand-day {
    display: inline-block;
  }
  .week-tool .day-row button {
    min-height: 48px;
    padding: 12px;
  }
  .week-tool .day-row .move-row {
    height: auto;
    min-height: 48px;
  }
  .week-tool .day-row .move-row .labeled-input {
    height: 48px;
  }
  .week-tool .day-row .move-row .input-wrapper {
    min-height: 48px;
  }
  .week-tool .day-row .move-row .input-wrapper .input-wrapper {
    max-height: 48px;
  }
  .week-tool .day-row .move-row .input-wrapper:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
  }
  .week-tool .day-row .move-row .input-wrapper .custom-select {
    height: 48px;
  }
  .week-tool .day-row .move-row .input-wrapper textarea {
    position: relative;
    min-height: 48px;
    max-height: 48px;
    overflow: auto;
  }
  .week-tool .day-row .move-row .input-wrapper textarea:focus {
    max-height: 500%;
  }
}
#recordsContainer {
  min-height: 300px;
}
#recordsContainer .recordsGraphTooltip {
  transform: translate(-48%, -115%);
}
#recordsContainer #hrZoneButtonContainer {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
#recordsContainer #hrZoneButtonContainer.selected {
  background-color: #2b2b2b;
}
#recordsContainer .domain {
  visibility: hidden;
}
#recordsContainer .dot circle {
  fill: #303030;
  stroke: #ebebeb;
  stroke-width: 3px;
}
#recordsContainer .dot.dragging {
  stroke: #363636;
  fill: #101010;
}
#recordsContainer #recordsOptions {
  max-height: 36px;
  overflow: hidden;
  padding-right: 48px;
  transition: max-height 0.4s;
}
@media (min-width: 768px) {
  #recordsContainer #recordsOptions >div {
    margin-bottom: 9px;
  }
}
@media (max-width: 767px) {
  #recordsContainer #recordsOptions {
    max-height: 44px;
  }
}
#recordsContainer #recordsOptions.height--auto {
  max-height: 82px;
}
@media (max-width: 767px) {
  #recordsContainer #recordsOptions.height--auto {
    max-height: 100%;
  }
}
.recordsPage-loading {
  background-color: transparent;
  min-height: 400px;
}
#RecordsPage .PBtooltip {
  transform: translate(-50%, -120%);
}
#RecordsPage .newPB {
  color: #f3cd06;
}
.selectionWindowWrapper .selectionWindow {
  background: #cecece;
  color: #000;
  float: left;
  width: 100%;
  text-shadow: 0 0 0 transparent;
}
.selectionWindowWrapper .selectionWindow-container {
  background: #f2f1f1;
  color: #000;
}
.selectionWindowWrapper .selectionWindowHeader {
  background: #cbcccb;
  color: #000;
  height: 40px;
  padding-left: 15px;
}
.selectionWindowWrapper .selectionWindow-row {
  padding-left: 2%;
  margin-bottom: 0;
}
.selectionWindowWrapper .selectionWindow-row-cell>* {
  float: left;
  padding: 0 0 0;
}
.selectionWindowWrapper .selectionWindow-row-cell>*:nth-child(2) {
  min-width: 25px;
}
.selectionWindowWrapper .selectionWindow-row-cell:first-of-type div:nth-child(4) {
  padding-left: 15px;
}
.selectionWindowWrapper .row-cell-height {
  line-height: 36px !important;
}
.selectionWindowWrapper .selectionWindow-row-cell-container {
  display: inline-block;
  float: left;
}
.selectionWindowWrapper .selectionWindow-row-cell-container>* {
  float: left;
}
.selectionWindowWrapper .selectionWindow-row-cell-container>div:first-of-type {
  padding-right: 5px;
}
.selectionWindowWrapper .box-custom:before {
  left: 5px !important;
}
.sportModes-widget-wrapper {
  margin-top: 18px;
}
.sportModes-widget-wrapper .loading {
  min-height: 300px;
}
.sportModes-widget-wrapper .sportModes-sportmode-links > .row-flex > div:first-child:before,
.sportModes-widget-wrapper .sportModes-sportmode-links > .row-flex > div:last-child:before {
  background: #2b2b2b;
  content: " ";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
}
.sportModes-widget-wrapper .sportModes-sportmode-links > .row-flex > div:first-child:before {
  left: 0;
}
.sportModes-widget-wrapper .sportModes-sportmode-links > .row-flex > div:last-child:before {
  left: 50%;
}
.sportModes-widget-wrapper .sportModes-sportmode-links:not(.sportModes-sportmode-links--settings) .link:after {
  content: " ";
  background: #2b2b2b;
  position: absolute;
  width: 36px;
  height: 24px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sportModes-widget-wrapper .sportModes-sportmode-links .dashed-line {
  transform: translateY(13px);
  background: linear-gradient(to right, #979797 1px, transparent 1px) left top repeat-x;
  background-size: 6px 1px;
  height: 1px;
  width: 100%;
}
.sportModes-widget-wrapper .sportModes-sportmode-links .link {
  margin: 0 auto;
}
.sportModes-widget-wrapper .sportModes-sportmode-links span {
  display: block;
  margin-top: 6px;
}
.sportModes-widget-wrapper .sportModes-sportmode-links--settings > .row-flex > div:first-child:before,
.sportModes-widget-wrapper .sportModes-sportmode-links--settings > .row-flex > div:last-child:before {
  content: "";
  background: transparent;
}
.sportModes-widget-wrapper .sportModes-sportmode-links--settings > .pos-fixed {
  width: inherit;
  max-width: inherit;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.sportModes-widget-wrapper .sportModes-interval-display-select {
  margin-top: -24px;
}
.sportModes-widget-wrapper .sportModes--disabled h4,
.sportModes-widget-wrapper .sportModes--disabled .h4,
.sportModes-widget-wrapper .sportModes--disabled h5,
.sportModes-widget-wrapper .sportModes--disabled p,
.sportModes-widget-wrapper .sportModes--disabled a,
.sportModes-widget-wrapper .sportModes--disabled .sportModes-preview-display-bg {
  opacity: 0.5;
}
.sportModes-widget-wrapper .sportModes--disabled .sportModes-preview-display-bg {
  filter: grayscale(50%);
}
.sportModes-widget-wrapper .sportModes-add-activity .custom-select-input {
  top: 58px;
}
.sportModes-widget-wrapper .sportModes-display-add {
  right: 0;
  bottom: 0;
}
.sportModes-widget-wrapper .sportModes-add-display-popup {
  color: #fff;
}
.sportModes-widget-wrapper .sportModes-fakeListHeading {
  min-height: 36px;
}
.sportModes-widget-wrapper .sportModes-preview-display-bg {
  background-position: 50% 0%;
}
.sportModes-widget-wrapper .sportModes-name {
  padding: 9px 0;
}
.sportModes-widget-wrapper .sportModes-input-name,
.sportModes-widget-wrapper .sportModes-input-description {
  margin-left: -9px;
  margin-top: -9px;
}
.sportModes-widget-wrapper .sportModes-input-name-input:hover:not(:focus),
.sportModes-widget-wrapper .sportModes-input-description-input:hover:not(:focus) {
  color: #fff;
  cursor: pointer;
}
.sportModes-widget-wrapper .sportModes-input-name--error-popup {
  top: 0;
  transform: translate(0, calc(-100% - 10px));
}
.sportModes-widget-wrapper .sportModes-list-item-content .toggle-shortlist-tooltip {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 20px));
}
.sportModes-widget-wrapper .sportModes-list-item-content .custom-select-selected .icon-151 {
  color: #e6e6e6 !important;
}
.sportModes-widget-wrapper .sportModes-list-item-content .custom-select-input {
  min-height: 0 !important;
  width: 100%;
  min-width: 350px;
  min-height: 340px;
  transform: translateY(-65%);
}
.sportModes-widget-wrapper .sportModes-list-item-content .custom-select-lists {
  max-height: 340px;
}
@media (max-width: 767px) {
  .sportModes-widget-wrapper .sportModes-list-item-content-buttons {
    margin-top: 18px;
  }
}
.sportModes-widget-wrapper .sportModes-display-field {
  padding: 0;
}
.sportModes-widget-wrapper .sportModes-display-field--interval {
  margin-top: 0;
}
.sportModes-widget-wrapper .sportModes-display-field-add {
  margin-top: 36px;
}
.sportModes-widget-wrapper .sportModes-display-field >span,
.sportModes-widget-wrapper .sportModes-display-field .link {
  padding: 9px;
  display: block;
}
.sportModes-widget-wrapper .sportModes-activitySelector .custom-select {
  max-width: 350px;
}
.sportModes-widget-wrapper .sportModes-activitySelector .custom-select-input {
  margin-top: 9px;
  margin-left: 9px;
}
.sportModes-widget-wrapper .sportModes-tooltip .boxtip {
  width: 250px;
}
.sportModes-widget-wrapper .sportModes-tooltip .boxtip:after {
  bottom: inherit !important;
  top: -5px;
  left: 25px;
  transform: rotate(225deg);
}
.sportModes-widget-wrapper .sportModes-tooltip--left {
  left: -210px;
}
.sportModes-widget-wrapper .sportModes-tooltip--left .boxtip:after {
  left: 218.75px;
}
.training-details-tooltip {
  position: fixed;
  transform: translate(-50%, -100%);
}
#widget-template {
  background: #808080;
  color: #ccc;
}