/* IMPORT FILES */
nav {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
  height: auto;
  line-height: normal;
  width: auto;
}
nav i,
nav i.material-icons {
  line-height: inherit;
  height: auto;
}
nav ul li a {
  padding: 0;
}
nav ul li a:hover {
  background: 0;
}
.row .col {
  padding: 0 1rem;
}
h3 {
  font-size: 1.3rem;
}
.input-field label,
.checkbox label {
  font-weight: normal;
  opacity: .9;
  color: #222;
  padding-bottom: 4px;
  text-indent: 12px;
  font-size: 1.2rem;
  pointer-events: visible;
}
.input-field .prefix.active,
.teal.lighten-1,
.teal-text.text-lighten-1,
.collection .collection-item.active,
.collection a.collection-item,
.secondary-content,
span.badge.new,
.progress .determinate,
.progress .indeterminate,
.btn-floating,
.btn-floating:hover,
.dropdown-content li > a,
.dropdown-content li > span,
input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label,
.input-field .prefix.active {
  color: #52796F !important;
}
.chips.focus,
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #52796F;
  box-shadow: 0 1px 0 0 #52796F;
}
.chips .chip.selected,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #CAD2C5;
}
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-color: #CAD2C5;
}
.input-field {
  margin-top: 34px!important;
  position: relative;
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea,
input[type="button"],
textarea {
  font-size: 1.2rem!important;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: initial;
  -moz-background-clip: initial;
  background-clip: initial;
  overflow: hidden;
  margin-bottom: 18px;
  color: #222;
  text-indent: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  top: -2px;
  left: -10px;
  width: 22px;
  height: 22px;
  border: 2px solid #222;
}
[type="checkbox"] + label {
  padding-left: 24px;
}
[type="radio"] + label:before,
[type="radio"] + label:after {
  margin: -1px 0 0 3px;
  width: 22px;
  height: 22px;
  background-color: #FFF;
}
[type="radio"] + label:after {
  left: 0;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea,
.select-wrapper input.select-dropdown,
.dropdownlist .dropdown-button,
input[type="button"] {
  font-size: 1.2rem!important;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  overflow: hidden;
  margin-bottom: 10px;
  color: #222;
  text-indent: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 3rem;
  width: 100%;
}
input[type=date] {
  text-indent: 5px;
}
.input-field label.active {
  font-size: 1rem;
}
#toast-container {
  top: 48%;
  right: 40%;
  max-width: 50%;
  width: 20%;
}
.btn:hover,
.btn-large:hover {
  background-color: #FFA742;
}
.collapsible {
  border: 0;
  margin: 0;
  box-shadow: none;
}
.collapsible .collapsible-header {
  background-color: transparent;
  padding: 0;
}
.collapsible .collapsible-body {
  padding: 15px 0;
  display: block;
}
.collapsible .collapsible-body border-bottom:4px solid rgba(0,0,0,0.12) p {
  padding: 0;
}
input:not([type]).validate + label,
input[type=text].validate + label,
input[type=password].validate + label,
input[type=email].validate + label,
input[type=url].validate + label,
input[type=time].validate + label,
input[type=date].validate + label,
input[type=datetime].validate + label,
input[type=datetime-local].validate + label,
input[type=tel].validate + label,
input[type=number].validate + label,
input[type=search].validate + label,
textarea.materialize-textarea.validate + label {
  color: #222 !important;
}
.dropdown-content li > a,
.dropdown-content li > span {
  color: #222;
  font-size: 1.1rem;
}
[type="checkbox"] + label {
  display: initial !important;
}
[type="checkbox"].filled-in:not(:checked) + label:before,
[type="checkbox"].filled-in:not(:checked) + label:after {
  background-color: #fff;
}
[type="checkbox"]:checked + label:before {
  border-right: 2px solid #FFA742;
  border-bottom: 2px solid #FFA742;
  left: -13px;
}
table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.select-wrapper span.caret {
  top: 0;
  font-size: .8rem;
  z-index: 1;
  width: 24px;
  padding: 16px 0;
  pointer-events: none;
}
.file-field .btn {
  padding-top: 8px;
  line-height: inherit;
}
.switch {
  text-align: center;
}
.switch label input[type=checkbox]:checked + .lever {
  background: #619196;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background: #354F52;
  box-shadow: none;
}
.switch label .lever {
  overflow: inherit;
  height: 3px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.12);
}
.switch label .lever:after {
  background: #ccc;
  width: 25px;
  height: 25px;
  box-shadow: none;
  left: -8px;
  top: -11px;
}
@font-face {
  font-family: 'pe-icon-social';
  src: url('/Masters/Shared/Fonts/Pe-icon-social/pe-icon-social.eot?-96eskg');
  src: url('/Masters/Shared/Fonts/Pe-icon-social/pe-icon-social.eot?#iefix-96eskg') format('embedded-opentype'), url('/Masters/Shared/Fonts/Pe-icon-social/pe-icon-social.woff?-96eskg') format('woff'), url('/Masters/Shared/Fonts/Pe-icon-social/pe-icon-social.ttf?-96eskg') format('truetype'), url('/Masters/Shared/Fonts/Pe-icon-social/pe-icon-social.svg?-96eskg#pe-icon-social') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Color Theme
--------------------------------- */
/* Color Scale
--------------------------------- */
/* Other Colors
--------------------------------- */
/* DO NOT DELETE THIS FILE */
/* 
    Write your own custom color variables 
    Example:

    @color1: #ff00ff;
    @color2: #00ff00;
*/
/* Fonts
--------------------------------- */
/* Sizes
--------------------------------- */
/* Logo
---------------------------------- */
/* DO NOT DELETE THIS FILE */
/* 
    Write your own custom variables 
    Example:

    @font-size: 18px;
    @font-family: Arial, sans-serif;
*/
/* Class Functions
----------------------------------------- */
/* Main
--------------------------------- */
body {
  font-family: 'Saira Condensed', Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  background-color: #354F52;
  letter-spacing: .03em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #272A2F;
}
a {
  color: #4A7165;
}
header,
main,
footer,
div,
a,
span,
input,
button,
textarea,
text,
ul,
li,
nav {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a[href],
button {
  touch-action: manipulation;
}
div.main {
  padding-left: 1%;
  padding-right: 1%;
}
.pwView {
  position: absolute;
  right: 25px;
  left: inherit!important;
  top: 4px;
  cursor: pointer;
  color: #FFA742;
}
.input-field.bordered {
  margin-top: auto;
}
.input-field.bordered label {
  position: static;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
.input-field.bordered label.active {
  font-size: 1em;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.input-field.bordered input[type="search"],
.input-field.bordered input[type="text"],
.input-field.bordered input[type="datetime"],
.input-field.bordered input[type="date"],
.input-field.bordered input[type="color"],
.input-field.bordered input[type="email"],
.input-field.bordered input[type="number"],
.input-field.bordered input[type="month"],
.input-field.bordered input[type="password"],
.input-field.bordered input[type="tel"],
.input-field.bordered input[type="url"],
.input-field.bordered input[type="time"],
.input-field.bordered input[type="week"],
.input-field.bordered input[type="button"] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  height: 50px;
  line-height: 50px;
  font-size: 1.1rem;
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.input-field.bordered input[type="search"]:focus,
.input-field.bordered input[type="text"]:focus,
.input-field.bordered input[type="datetime"]:focus,
.input-field.bordered input[type="date"]:focus,
.input-field.bordered input[type="color"]:focus,
.input-field.bordered input[type="email"]:focus,
.input-field.bordered input[type="number"]:focus,
.input-field.bordered input[type="month"]:focus,
.input-field.bordered input[type="password"]:focus,
.input-field.bordered input[type="tel"]:focus,
.input-field.bordered input[type="url"]:focus,
.input-field.bordered input[type="time"]:focus,
.input-field.bordered input[type="week"]:focus,
.input-field.bordered input[type="button"]:focus {
  padding-bottom: 0;
}
input[type="search"]:focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="datetime"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="color"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="month"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="week"]:focus:not([readonly]),
input[type="button"]:focus:not([readonly]) {
  box-shadow: 0 1px 0 0 #FFA742;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.input-group input[type="search"],
.input-group input[type="text"],
.input-group input[type="datetime"],
.input-group input[type="date"],
.input-group input[type="color"],
.input-group input[type="email"],
.input-group input[type="number"],
.input-group input[type="month"],
.input-group input[type="password"],
.input-group input[type="tel"],
.input-group input[type="url"],
.input-group input[type="time"],
.input-group input[type="week"],
.input-group input[type="button"] {
  width: calc(99%);
}
.input-group .input-group-addon {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
}
.input-group .input-group-addon .btn,
.input-group .input-group-addon .btn-large {
  top: -7px;
}
.checkbox .wrap-item {
  float: left;
  margin-right: 25px;
  margin-top: 8px;
}
.checkbox .wrap-item.clear {
  clear: left;
  margin-right: 0;
  width: 100%;
}
.btn,
.btn-large {
  background-color: #FFA742;
  color: #fff;
  box-shadow: none;
  text-align: left;
  text-transform: inherit;
  border: 1px inset rgba(0, 0, 0, 0.12);
  padding: 0 1rem;
  height: auto;
}
.btn {
  line-height: 120%;
  padding: 15px;
  float: none;
}
.btn.flexibletimes {
  color: #fff;
  background-color: #354F52;
  text-align: left;
  border: 1px inset rgba(0, 0, 0, 0.12);
  width: 100%;
  font-size: 1.3rem;
}
input[type="button"].flexibletimes {
  border: 1px inset rgba(0, 0, 0, 0.12);
}
.btn-large {
  font-size: 1.7rem;
  padding: 0 2rem;
}
.btn-disabled {
  background-color: #bababa !important;
  box-shadow: none;
  text-align: left;
  text-transform: inherit;
}
.wrap-buttons {
  padding-top: 14px!important;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  clear: left;
}
.wrap-buttons a.btn {
  margin: 10px;
  font-size: 1.4rem;
  float: none;
}
.buttons_area {
  background-color: #ffd6a8;
  padding: 20px;
}
.buttons_area .wrap_buttons {
  margin: 0 auto;
  display: table;
}
.buttons_area .wrap_buttons .btn {
  margin: 0 6px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95em;
  letter-spacing: .06em;
  padding: 18px 25px;
  border-radius: 4px;
}
.buttons_area .wrap_buttons .btn.active {
  background-color: #2F3E46;
}
.wrap_association_searchfields {
  background-color: #5d8b90;
  padding: 20px;
}
.wrap_association_searchfields .wrap_elements {
  margin: 0 auto;
  display: table;
  width: 100%;
}
.wrap_association_searchfields .wrap_elements .search_item label {
  font-size: .82em;
  letter-spacing: .03em;
  opacity: .4;
  display: block;
  padding-bottom: 4px;
}
.wrap_association_searchfields .wrap_elements .search_item input[type="text"] {
  float: left;
  width: 69%;
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.wrap_association_searchfields .wrap_elements .search_item a {
  font-size: 1em;
}
.wrap_association_searchfields .wrap_elements .search_item a.btn.search {
  float: left;
  width: 30%;
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.wrap_association_searchfields .wrap_elements .search_item a.submit {
  width: 100%;
}
.headline {
  font-weight: 600;
  font-family: 'Saira Condensed', Helvetica, Arial, Verdana, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
  font-family: 'Saira Condensed', Helvetica, Arial, Verdana, sans-serif;
}
.h3 {
  font-size: 1.5rem;
}
.material-icons {
  line-height: inherit;
}
.social-icon:before {
  display: inline-block;
  font-family: 'pe-icon-social';
}
.social-icon.amazon:before {
  content: '\E602';
}
.social-icon.deviantart:before {
  content: '\E60F';
}
.social-icon.digg:before {
  content: '\E610';
}
.social-icon.dropbox:before {
  content: '\E612';
}
.social-icon.facebook:before {
  content: '\E617';
}
.social-icon.foursquare:before {
  content: '\E61C';
}
.social-icon.googleplus:before {
  content: '\E620';
}
.social-icon.googledrive:before {
  content: '\E61F';
}
.social-icon.instagram:before {
  content: '\E626';
}
.social-icon.linkedin:before {
  content: '\E62C';
}
.social-icon.myspace:before {
  content: '\E630';
}
.social-icon.paypal:before {
  content: '\E634';
}
.social-icon.picasa:before {
  content: '\E636';
}
.social-icon.pinterest:before {
  content: '\E638';
}
.social-icon.reddit:before {
  content: '\E63D';
}
.social-icon.rss:before {
  content: '\E63F';
}
.social-icon.share:before {
  content: '\E643';
}
.social-icon.skype:before {
  content: '\E644';
}
.social-icon.soundcloud:before {
  content: '\E647';
}
.social-icon.spotify:before {
  content: '\E647';
}
.social-icon.stumbleupon:before {
  content: '\E64B';
}
.social-icon.tumblr:before {
  content: '\E64F';
}
.social-icon.twitter:before {
  content: '\E651';
}
.social-icon.vimeo:before {
  content: '\E654';
}
.social-icon.vine:before {
  content: '\E655';
}
.social-icon.wikipedia:before {
  content: '\E659';
}
.social-icon.yahoo:before {
  content: '\E65E';
}
.social-icon.yelp:before {
  content: '\E660';
}
.social-icon.youtube:before {
  content: '\E661';
}
a:not(.btn,.btn-large) {
  color: #4A7165;
  text-decoration: none;
}
a:not(.btn,.btn-large):hover {
  color: #2F3E46;
  text-decoration: underline;
}
img {
  max-width: 100%;
  display: inherit;
  padding: 0;
}
img.default {
  background-color: #F0F1F2;
}
html {
  font-family: sans-serif;
  /* 1 */
  background: #354F52 !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
a {
  background-color: transparent;
  color: #4A7165;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
textarea {
  overflow: auto;
}
/* endof: normalize.css */
/* custom layout */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.ico {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  overflow: hidden;
  text-indent: 9999px;
  white-space: nowrap;
}
.ico--lock {
  background: transparent url('/media/2731/sprite.png') no-repeat 0 -19px;
  width: 17px;
  height: 23px;
}
.table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.trow {
  display: table-row;
}
.tcell {
  display: table-cell;
  vertical-align: middle;
}
.tcell--vtop {
  vertical-align: top;
}
p,
ul,
ol,
li,
div,
label,
span,
table,
tr,
td {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
a {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
#wwgrp_auth_cvc .wwlbl .label,
#wwgrp_auth_expyear .wwlbl .label,
#wwgrp_auth_expmon .wwlbl .label,
#wwgrp_auth_cardno .wwlbl .label {
  position: absolute;
  color: #bababa;
  font-size: 14px;
  line-height: 1;
  top: 50%;
  margin-top: -42px;
  left: 10px;
}
.wwctrl input[type=tel],
.wwctrl input[type=text] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  box-shadow: inset 0 1px 3px rgba(12, 7, 8, 0.15), 0 1px 0 0 rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 10px;
  margin: 0 0 10px 0;
  outline: 0;
  font-size: 18px;
  vertical-align: inherit;
  height: 50px;
}
#wwgrp_auth_cardno:after {
  display: block;
  content: "";
  width: 75px;
  top: 1px;
  bottom: 1px;
  right: 1px;
  border-left: 1px solid #e4e3e3;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  height: 50px;
  margin-top: 16px;
  background: transparent;
}
.__web-inspector-hide-shortcut__,
.__web-inspector-hide-shortcut__ *,
.__web-inspector-hidebefore-shortcut__::before,
.__web-inspector-hideafter-shortcut__::after {
  display: none;
}
button {
  background-color: #354F52;
  color: #fff;
  box-shadow: none;
  text-align: left;
  text-transform: inherit;
  border: 1px inset rgba(0, 0, 0, 0.12);
  padding: 15px;
  line-height: 120%;
  font-size: 1.4rem;
  float: left;
}
html {
  background: #fff;
}
#formInput {
  display: table;
  padding-bottom: 40px;
}
.region-body {
  position: relative;
}
.region-body:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  background: #2F3E46;
  height: 138px;
}
.region-body .region-wrapper {
  position: relative;
  z-index: 10;
  background: transparent;
  margin: 0 auto 50px;
  width: 70%;
}
.region-body .region-wrapper .region-header .header {
  height: 90px;
}
.region-body .region-wrapper .region-header .header .brand {
  position: absolute;
  left: 40px;
  margin: 0;
}
.region-body .region-wrapper .region-header .header .brand .brand__link {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  margin-top: 9px;
  background-image: url(/Masters/Shared/Media/logo-aktiv.png);
  background-size: contain;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 9999px;
}
.region-body .region-wrapper .region-header .fixed-header {
  display: none;
}
.region-body .region-wrapper .region-content {
  padding-top: 120px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  box-shadow: -5px -5px 0 0 rgba(0, 0, 0, 0.02);
  position: relative;
  z-index: 4;
}
.region-body .region-wrapper .region-content .payment-form {
  background: #F0F1F2;
}
.region-body .region-wrapper .region-content .payment-form .payment-selector #paytypeSelector {
  width: 60%;
}
.region-body .region-wrapper .region-content .payment-form .payment-form-process {
  width: 61%;
}
.region-body .region-wrapper .region-footer {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-top: none;
  box-shadow: -5px -5px 0 0 rgba(0, 0, 0, 0.02);
}
.region-body .region-wrapper .region-footer .footer {
  word-wrap: break-word;
  background: transparent;
  border-top: none;
  display: table;
  padding: 30px 20px;
}
.region-body .region-wrapper .region-footer .footer .footer-logo {
  margin-right: 20px;
}
@media (max-width: 760px) {
  .region-body .region-wrapper {
    width: 95%;
  }
  #formInput,
  .region-body .region-wrapper .region-content .payment-form .payment-selector #paytypeSelector,
  .region-body .region-wrapper .region-content .payment-form .payment-form-process {
    width: 100%;
  }
}
body.infomonitor {
  background: #222;
  color: #bababa;
  position: fixed;
  width: 100%;
  height: 100%;
}
body.infomonitor.text-page .content-body {
  color: inherit;
}
.infomonitor {
  /*COLOURS*/
}
.infomonitor .body-wrapper {
  padding-top: 120px;
  position: inherit;
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.infomonitor .body-wrapper .content-top {
  margin-bottom: 0;
}
.infomonitor .header {
  background: rgba(0, 0, 0, 0.75);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  height: 130px;
}
.infomonitor .header .nav-main,
.infomonitor .header .top-nav {
  display: none;
}
.infomonitor .header .container {
  height: 130px;
}
.infomonitor .header .container .navbar-logo .logo-container {
  padding-top: 30px;
  height: 125px;
}
.infomonitor .header .container .navbar-logo .logo-container .logo {
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
.infomonitor .header .container .navbar-logo .logo-container.logo-municipality .logo {
  background-image: url(/Masters/Shared/Media/logo-aktiv.png) !important;
}
.infomonitor .header .container .navbar-logo .logo-container:first-child {
  border-right: 1px solid #474A4E;
  padding-left: 30px;
}
.infomonitor .content-grid {
  padding: 0 25px;
}
.infomonitor .content-grid .content-block {
  padding-top: 390px;
  padding-left: 30px;
  padding-right: 30px;
}
.infomonitor .content-grid .content-block .image-container {
  width: 100%;
  height: 390px;
  position: absolute!important;
  left: 0;
  top: 125px;
  overflow: hidden;
}
.infomonitor .content-grid .content-block .image-container img {
  margin-top: -13%;
}
.infomonitor .content-grid .content-block .smallText {
  color: #FFC926;
}
.infomonitor .content-grid .table .header {
  margin-top: 0;
  padding-top: 0;
  font-size: 3rem;
  line-height: 4rem;
  background: transparent;
}
.infomonitor .content-grid .table .header .icon-headline {
  font-size: 2.5rem;
  line-height: 4rem;
  padding-top: 4px;
}
.infomonitor .content-grid .table table tr.active td {
  font-weight: 600;
  color: #fff;
  border-color: #52755a;
}
.infomonitor .content-grid .table table tr:hover {
  background: transparent!important;
}
.infomonitor .content-grid .table table tr.cancelled {
  text-decoration: line-through;
  color: rgba(255, 255, 255, 0.25);
}
.infomonitor .content-grid .table table thead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.infomonitor .content-grid .table table th {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 3rem;
  color: #84A98C;
  padding-bottom: 3px;
}
.infomonitor .content-grid .table table th.time {
  width: 146px;
}
.infomonitor .content-grid .table table th.lane {
  width: inherit;
}
.infomonitor .content-grid .table table td {
  font-size: 1.2rem;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}
.infomonitor .content-grid .wrap-activityInfo {
  padding-top: 390px;
}
.infomonitor .content-grid .wrap-activityInfo .headline {
  margin-bottom: 20px;
}
.infomonitor .content-grid .wrap-activityInfo .headline .textDivider {
  color: #474A4E;
}
.infomonitor .content-grid .wrap-group {
  margin-bottom: 12px;
}
.infomonitor .content-grid .wrap-group .subheadline {
  color: #ddd;
  font-weight: 500;
}
.infomonitor .content-grid .lock {
  position: absolute;
  z-index: 20;
  bottom: 125px;
  right: 50px;
}
.infomonitor .content-grid .lock .locked:after,
.infomonitor .content-grid .lock .unlocked:after,
.infomonitor .content-grid .lock .neutral:after {
  font-family: 'Material Icons';
  display: inline-block;
  font-size: 2.8rem;
  text-align: center;
  width: 70px;
  height: 70px;
  line-height: 66px;
  border-radius: 5px;
  color: #fff;
}
.infomonitor .content-grid .lock .locked {
  float: left;
}
.infomonitor .content-grid .lock .locked:after {
  content: '\E899';
  background: #D2282E;
}
.infomonitor .content-grid .lock .unlocked {
  float: left;
}
.infomonitor .content-grid .lock .unlocked:after {
  content: '\E898';
  background: #94BE00;
}
.infomonitor .content-grid .lock .neutral {
  float: left;
}
.infomonitor .content-grid .lock .neutral:after {
  content: '\E897';
  background: #474A4E;
  color: #000;
}
.infomonitor .wrap-pagina {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  min-height: 80px;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.75);
  padding-bottom: 30px;
}
.infomonitor .wrap-pagina .elements {
  display: table;
  margin: 0 auto;
}
.infomonitor .wrap-pagina .elements .doctype {
  float: left;
  line-height: 80px;
}
.infomonitor .wrap-pagina .elements .doctype .image:after,
.infomonitor .wrap-pagina .elements .doctype .page:after {
  font-family: 'Material Icons';
  display: inline-block;
  font-size: 3.2rem;
  text-align: center;
  height: 80px;
  float: left;
}
.infomonitor .wrap-pagina .elements .doctype .image {
  float: left;
}
.infomonitor .wrap-pagina .elements .doctype .image:after {
  content: '\E410';
}
.infomonitor .wrap-pagina .elements .doctype .page {
  float: left;
}
.infomonitor .wrap-pagina .elements .doctype .page:after {
  content: '\E5D2';
}
.infomonitor .wrap-pagina .elements .numbering {
  font-size: 2.4rem;
  padding: 0 30px;
  display: inline-block;
  line-height: 80px;
  color: #5D5F63;
  float: left;
}
.infomonitor .wrap-pagina .elements .numbering .current {
  color: #bababa;
}
.infomonitor .wrap-pagina .elements .numbering .all {
  color: #5D5F63;
}
.infomonitor .wrap-pagina .elements .loading-bar {
  float: left;
  margin-top: 36px;
}
.infomonitor .wrap-pagina .elements .loading-bar .wrap-load {
  background: #474A4E;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  width: 200px;
}
.infomonitor .wrap-pagina .elements .loading-bar .wrap-load .load {
  background: #bababa;
  height: 8px;
  width: 64%;
  display: inline-block;
  float: left;
}
.infomonitor .footer {
  display: none;
}
.infomonitor .footer .nav-footer {
  display: none;
}
.infomonitor .footer .metadata .links ul {
  display: none;
}
.infomonitor .language-change,
.infomonitor .footer .metadata .links ul,
.infomonitor .breadcrumb {
  display: none;
}
.infomonitor .date-time {
  position: absolute;
  z-index: 20;
  right: 70px;
  top: 45px;
  font-size: 1.3rem;
}
.infomonitor .date-time span span:last-child {
  font-size: 2.5rem;
}
.infomonitor .slider .slides .slide h2,
.infomonitor .slider .slides .slide h3 {
  margin-left: 0;
}
.infomonitor .footer {
  border-top: 1px inset rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.infomonitor .footer .metadata {
  padding: 10px 20px;
}
.infomonitor .footer .metadata .links {
  width: 100%;
}
.infomonitor .footer .metadata .links .copyright {
  opacity: .8;
}
.infomonitor .directions .headline {
  font-size: 4rem;
  line-height: 100%;
  text-align: center;
  padding: 0 20px;
}
.infomonitor .directions .content .row {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px;
  width: 100%;
  line-height: 3rem;
  margin-bottom: 0;
  font-size: 2.5rem;
  position: relative;
}
.infomonitor .directions .content .row .location {
  font-weight: 400;
  padding: 5px 20px;
}
.infomonitor .directions .content .row .icon {
  position: absolute;
  right: 190px;
}
.infomonitor .directions .content .row .number {
  position: absolute;
  right: 90px;
  width: 80px;
  text-align: center;
  font-size: 3rem;
  line-height: 3.6rem;
  color: #ccc;
}
.infomonitor .directions .content .row .arrow {
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
}
.infomonitor .directions .content .row .arrow.goLeft {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari */
  transform: rotate(180deg);
  right: 10px;
}
.infomonitor .directions .content .row .arrow.goRight {
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Safari */
  transform: rotate(0deg);
  right: 34px;
}
.infomonitor .directions .content .row .arrow.goUp {
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Safari */
  transform: rotate(270deg);
  top: 24px;
  right: 18px;
}
.infomonitor .directions .content .row .arrow.goUpLeft {
  -ms-transform: rotate(225deg);
  /* IE 9 */
  -webkit-transform: rotate(225deg);
  /* Safari */
  transform: rotate(225deg);
  top: 21px;
  right: 5px;
}
.infomonitor .directions .content .row .arrow.goUpRight {
  -ms-transform: rotate(315deg);
  /* IE 9 */
  -webkit-transform: rotate(315deg);
  /* Safari */
  transform: rotate(315deg);
  top: 20px;
  right: 20px;
}
.infomonitor .directions .content .row .arrow.goDown {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari */
  transform: rotate(90deg);
  top: 0;
  right: -5px;
  right: 15px;
}
.infomonitor .directions .content .row .arrow.goDownLeft {
  -ms-transform: rotate(135deg);
  /* IE 9 */
  -webkit-transform: rotate(135deg);
  /* Safari */
  transform: rotate(135deg);
  top: 3px;
  right: 3px;
}
.infomonitor .directions .content .row .arrow.goDownRight {
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
  top: 2px;
  right: 20px;
}
.infomonitor .directions .content .row .arrow:after {
  font-family: 'Material Icons';
  display: inline-block;
  content: '\E5C8';
  font-size: 5rem;
  line-height: 3.6rem;
}
.infomonitor .directions .content .row .current-position {
  position: absolute;
  right: 20px;
}
.infomonitor .directions .content .row .current-position:after {
  font-family: 'Material Icons';
  display: inline-block;
  content: '\E55F';
  font-size: 4rem;
  line-height: 3.6rem;
}
.infomonitor .directions .content .row .food:after,
.infomonitor .directions .content .row .swimming:after,
.infomonitor .directions .content .row .office:after,
.infomonitor .directions .content .row .toilet:after,
.infomonitor .directions .content .row .handicap-toilet:after,
.infomonitor .directions .content .row .attraction:after,
.infomonitor .directions .content .row .sport:after,
.infomonitor .directions .content .row .accessible:after,
.infomonitor .directions .content .row .lounge:after,
.infomonitor .directions .content .row .hotel:after {
  font-family: 'Material Icons';
  display: inline-block;
  font-size: 4rem;
  line-height: 3.6rem;
}
.infomonitor .directions .content .row .food:after {
  content: '\E56C';
}
.infomonitor .directions .content .row .swimming:after {
  content: '\EB48';
}
.infomonitor .directions .content .row .toilet:after {
  content: '\E63D';
}
.infomonitor .directions .content .row .handicap-toilet:after {
  content: '\E63D \E914';
}
.infomonitor .directions .content .row .office:after {
  content: '\E8F9';
}
.infomonitor .directions .content .row .attraction:after {
  content: '\E84F';
}
.infomonitor .directions .content .row .sport:after {
  content: '\E7FB';
}
.infomonitor .directions .content .row .lounge:after {
  content: '\E16B';
}
.infomonitor .directions .content .row .hotel:after {
  content: '\E53A';
}
.infomonitor .directions .content .row .location {
  float: left;
}
.infomonitor .directions .content .row .arrow,
.infomonitor .directions .content .row .current-position {
  right: 10px;
}
.infomonitor .directions .content .row.align-right .location {
  float: right;
}
.infomonitor .directions .content .row.align-right .arrow {
  left: 44px;
  right: auto;
}
.infomonitor .directions .content .row.align-right .arrow.goUpRight {
  left: 28px;
}
.infomonitor .directions .content .row.align-right .arrow.goRight {
  left: 24px;
}
.infomonitor .directions .content .row.align-right .arrow.goDownRight {
  left: 30px;
}
.infomonitor .directions .content .row.align-right .number {
  right: auto;
  left: 100px;
}
.infomonitor .directions .content .row.align-right .icon {
  right: auto;
  left: 200px;
}
.infomonitor .directions .content .align-right .arrow,
.infomonitor .directions .content .align-right .current-position {
  left: 15px;
}
.infomonitor .spots .spot h3,
.infomonitor .sport {
  color: #94BE00;
}
.infomonitor .office {
  color: #B89A3B;
}
.infomonitor .attraction {
  color: #B399FF;
}
.infomonitor .swimming {
  color: #00BFFF;
}
.infomonitor .toilet,
.infomonitor .handicap-toilet,
.infomonitor .accessible {
  color: #265CFF;
}
.infomonitor .info {
  color: #D2282E;
}
.infomonitor .food {
  color: #FFC926;
}
.infomonitor .location {
  color: #ccc;
}
.infomonitor .lounge {
  color: #B200B2;
}
.infomonitor .hotel {
  color: #50D8B2;
}
/*RESPONSIVE DESIGN*/