@import "https://fonts.googleapis.com/css?family=Raleway:400,500,700&ignore=.css";
/*
*
* Root Folder
*
*/

/*@import "../Mixins/_css3.less";*/
/* PRIMARY / BRAND colours
 */
/* Tiertary */
/* FEEDBACK and SCORES colours
 */
/* -- Set Master Sitewide colours -- */
/*Site Primary Styles*/
/* passes WAC AA rating */
/* passes WAC AA rating */
/*Site navigation Main Menus left & right panel*/
/*Error Handeling*/
/*Site borders for input boxes*/
/*Social Media Colours*/
/*.FormFocus {
    .GradientGrayWhite();
    color: @midGrey;
    background-color: @white;
    /*-webkit-box-shadow: 1px 0px 10px @blue;
    -moz-box-shadow: 1px 0px 10px @blue;
    box-shadow: 1px 0px 10px @blue;
    //#css3Bundle > .box-shadow(1px 0px 10px @blue );
}*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/* Sections
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  overflow: visible;
  /* 2 */

}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */

}
/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */

}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */

}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */

}
/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: yellow;
  color: black;
}
/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border: 0px;
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
/* 1 */ [type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

}
/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  max-width: 100%;
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */

}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */

}
/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */

}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */

}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */

}
/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
/* 1 */ menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */

template {
  display: none;
}
/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
#ajaxLoader {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
/* FONTS */
/*@import "//fonts.googleapis.com/css?family=Raleway:400,500,700.css";*/

/* Webfont: Lato-Regular */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-regular-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-regular-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-regular-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-regular-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-regular-webfont.svg#latoregular') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Italic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-italic-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-italic-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-italic-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-italic-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-italic-webfont.svg#latoitalic') format('svg');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-light-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-light-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-light-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-light-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-light-webfont.svg#latolight') format('svg');
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-LightItalic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-bold-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-bold-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-bold-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-bold-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-bold-webfont.svg#latobold') format('svg');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BoldItalic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Black */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/Lato-Black.eot');
  src: url('/Content/CustomFonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/Lato-Black.woff2') format('woff2'), url('/Content/CustomFonts/Lato/Lato-Black.woff') format('woff'), url('/Content/CustomFonts/Lato/Lato-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BlackItalic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/Lato-BlackItalic.eot');
  src: url('/Content/CustomFonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/Lato-BlackItalic.woff2') format('woff2'), url('/Content/CustomFonts/Lato/Lato-BlackItalic.woff') format('woff'), url('/Content/CustomFonts/Lato/Lato-BlackItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'olivier_regular';
  font-style: normal;
  font-weight: normal;
  src: url('/bundles/fonts/OlivierRegular/olivier2016-webfont.eot');
  src: url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.woff') format('woff'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.woff2') format('woff2'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.ttf') format('truetype'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.svg#flexslider-icon') format('svg');
}
/* Legacy typography variables. */
/*@import "../Mixins/_css3.less";*/
/* PRIMARY / BRAND colours
 */
/* Tiertary */
/* FEEDBACK and SCORES colours
 */
/* -- Set Master Sitewide colours -- */
/*Site Primary Styles*/
/* passes WAC AA rating */
/* passes WAC AA rating */
/*Site navigation Main Menus left & right panel*/
/*Error Handeling*/
/*Site borders for input boxes*/
/*Social Media Colours*/
/*.FormFocus {
    .GradientGrayWhite();
    color: @midGrey;
    background-color: @white;
    /*-webkit-box-shadow: 1px 0px 10px @blue;
    -moz-box-shadow: 1px 0px 10px @blue;
    box-shadow: 1px 0px 10px @blue;
    //#css3Bundle > .box-shadow(1px 0px 10px @blue );
}*/
/*@import "../Mixins/_boxSizing";*/
/*.border(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border: @arguments;
}

.border-Bottom(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-bottom: @arguments;
}
.border-Top(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-top: @arguments;
}
.border-Left(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-left: @arguments;
}
.border-Right(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-right: @arguments;
}*/

/*.border-radius(@border-radius: 8px) {
    border-radius: @arguments;
}*/

#FontStyleBundles .setFontAsOlivier {
  font-family: 'olivier_regular';
  font-weight: normal;
  /*IE >= 8*/

  line-height: normal;
  line-height: initial;
}
#FontStyleBundles .setFontAsRaleway {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  /*IE >= 8*/

  line-height: normal;
  line-height: initial;
}
@import "../../V2/Mixins/_css3.less";
.btn-primary_silver {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: #e3e3e3;
  border: none;
  color: #4a4a4a !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-primary_silver[type="submit"] {
  -webkit-appearance: none;
}
.btn-primary_silver::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-primary_silver:hover,
.btn-primary_silver:active {
  background: #cacaca;
  color: #4a4a4a;
}
.btn-primary_silver.btn-medium,
.btn-primary_silver.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-primary_silver.btn-medium:hover,
.btn-primary_silver.btn-big:hover,
.btn-primary_silver.btn-medium:active,
.btn-primary_silver.btn-big:active {
  background-color: #b0b0b0;
  color: #171717;
  border-color: #cccccc;
}
.btn-primary_silver.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-primary_silver.disabled {
  background-color: white;
}
.btn-primary_silver.disabled:hover,
.btn-primary_silver.disabled:active {
  background-color: white;
  cursor: not-allowed;
}
.btn-primary-gold {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: #fbb900;
  border: none;
  color: #4a4a4a !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-primary-gold[type="submit"] {
  -webkit-appearance: none;
}
.btn-primary-gold::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-primary-gold:hover,
.btn-primary-gold:active {
  background: #c89300;
  color: #4a4a4a;
}
.btn-primary-gold.btn-medium,
.btn-primary-gold.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-primary-gold.btn-medium:hover,
.btn-primary-gold.btn-big:hover,
.btn-primary-gold.btn-medium:active,
.btn-primary-gold.btn-big:active {
  background-color: #956e00;
  color: #171717;
  border-color: #cccccc;
}
.btn-primary-gold.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-primary-gold.disabled {
  background-color: #ffdc7c;
}
.btn-primary-gold.disabled:hover,
.btn-primary-gold.disabled:active {
  background-color: #ffdc7c;
  cursor: not-allowed;
}
.btn-primary-aqua {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: #00b4c4;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-primary-aqua[type="submit"] {
  -webkit-appearance: none;
}
.btn-primary-aqua::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-primary-aqua:hover,
.btn-primary-aqua:active {
  background: #008591;
  color: white;
}
.btn-primary-aqua.btn-medium,
.btn-primary-aqua.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-primary-aqua.btn-medium:hover,
.btn-primary-aqua.btn-big:hover,
.btn-primary-aqua.btn-medium:active,
.btn-primary-aqua.btn-big:active {
  background-color: #00565e;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-primary-aqua.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-primary-aqua.disabled {
  background-color: #44f0ff;
}
.btn-primary-aqua.disabled:hover,
.btn-primary-aqua.disabled:active {
  background-color: #44f0ff;
  cursor: not-allowed;
}
.btn-primary-white {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: white;
  border: none;
  color: #4a4a4a !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-primary-white[type="submit"] {
  -webkit-appearance: none;
}
.btn-primary-white::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-primary-white:hover,
.btn-primary-white:active {
  background: #e6e6e6;
  color: #4a4a4a;
}
.btn-primary-white.btn-medium,
.btn-primary-white.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-primary-white.btn-medium:hover,
.btn-primary-white.btn-big:hover,
.btn-primary-white.btn-medium:active,
.btn-primary-white.btn-big:active {
  background-color: #cccccc;
  color: #171717;
  border-color: #cccccc;
}
.btn-primary-white.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-primary-white.disabled {
  background-color: white;
}
.btn-primary-white.disabled:hover,
.btn-primary-white.disabled:active {
  background-color: white;
  cursor: not-allowed;
}
.btn-secondary-clear {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: transparent;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
  border: 1px solid white;
}
.btn-secondary-clear[type="submit"] {
  -webkit-appearance: none;
}
.btn-secondary-clear::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-secondary-clear:hover,
.btn-secondary-clear:active {
  background: transparent;
  color: white;
}
.btn-secondary-clear.btn-medium,
.btn-secondary-clear.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-secondary-clear.btn-medium:hover,
.btn-secondary-clear.btn-big:hover,
.btn-secondary-clear.btn-medium:active,
.btn-secondary-clear.btn-big:active {
  background-color: transparent;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-secondary-clear.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-secondary-clear.disabled {
  background-color: rgba(64, 64, 64, 0);
}
.btn-secondary-clear.disabled:hover,
.btn-secondary-clear.disabled:active {
  background-color: rgba(64, 64, 64, 0);
  cursor: not-allowed;
}
.btn-tiertary_red,
.btn-tiertary_darkgrey {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: #4a4a4a;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-tiertary_red[type="submit"],
.btn-tiertary_darkgrey[type="submit"] {
  -webkit-appearance: none;
}
.btn-tiertary_red::-webkit-file-upload-button,
.btn-tiertary_darkgrey::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-tiertary_red:hover,
.btn-tiertary_darkgrey:hover,
.btn-tiertary_red:active,
.btn-tiertary_darkgrey:active {
  background: #313131;
  color: white;
}
.btn-tiertary_red.btn-medium,
.btn-tiertary_darkgrey.btn-medium,
.btn-tiertary_red.btn-big,
.btn-tiertary_darkgrey.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-tiertary_red.btn-medium:hover,
.btn-tiertary_darkgrey.btn-medium:hover,
.btn-tiertary_red.btn-big:hover,
.btn-tiertary_darkgrey.btn-big:hover,
.btn-tiertary_red.btn-medium:active,
.btn-tiertary_darkgrey.btn-medium:active,
.btn-tiertary_red.btn-big:active,
.btn-tiertary_darkgrey.btn-big:active {
  background-color: #171717;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-tiertary_red.btn-medium,
.btn-tiertary_darkgrey.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-tiertary_red.disabled,
.btn-tiertary_darkgrey.disabled {
  background-color: #8a8a8a;
}
.btn-tiertary_red.disabled:hover,
.btn-tiertary_darkgrey.disabled:hover,
.btn-tiertary_red.disabled:active,
.btn-tiertary_darkgrey.disabled:active {
  background-color: #8a8a8a;
  cursor: not-allowed;
}
.btn-primary-aqua,
.btn-primary-gold,
.btn-primary_silver,
.btn-tiertary_red,
.btn-tiertary_darkgrey,
.btn-primary-white,
.btn-secondary-clear {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border: 2px solid white;
  color: #4a4a4a;
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}
.btn-primary-aqua.btn-deck-prompt,
.btn-primary-gold.btn-deck-prompt,
.btn-primary_silver.btn-deck-prompt,
.btn-tiertary_red.btn-deck-prompt,
.btn-tiertary_darkgrey.btn-deck-prompt,
.btn-primary-white.btn-deck-prompt,
.btn-secondary-clear.btn-deck-prompt {
  margin-top: 10px;
  width: 100%;
}
.btn-secondary-grey {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 17px;
  background-color: gray;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
  padding: 10px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid white;
  font-weight: 700;
  text-align: center;
}
.btn-secondary-grey[type="submit"] {
  -webkit-appearance: none;
}
.btn-secondary-grey::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #4a4a4a;
  border: solid 0 white;
}
.btn-secondary-grey:hover,
.btn-secondary-grey:active {
  background: #666666;
  color: white;
}
.btn-secondary-grey.btn-medium,
.btn-secondary-grey.btn-big {
  font-size: 1.4em;
  line-height: 1.4em;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-secondary-grey.btn-medium:hover,
.btn-secondary-grey.btn-big:hover,
.btn-secondary-grey.btn-medium:active,
.btn-secondary-grey.btn-big:active {
  background-color: #4d4d4d;
  color: #cccccc;
  border-color: #cccccc;
}
.btn-secondary-grey.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-secondary-grey.disabled {
  background-color: silver;
}
.btn-secondary-grey.disabled:hover,
.btn-secondary-grey.disabled:active {
  background-color: silver;
  cursor: not-allowed;
}
.btn-secondary-grey:hover {
  background-color: #00b4c4;
}
/****** LEGACY STYLING ************/

/*!
 * Base: buttons
 * 
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 * Note:
 * UIv3 styling at the bottom of stylesheet, to ensure that it overrides v2 styling.
 * Developer: Guillaume Simonin && Dom Reilly.
 */

.arrow-link {
  position: relative;
  padding-left: 20px;
  color: #4d4d4d;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.arrow-link:before {
  content: '\003e';
  color: #0080b6;
  position: absolute;
  left: 0;
  top: -12px;
  font-weight: bold;
  font-size: 30px;
}
.arrow-link:active,
.arrow-link:hover {
  color: #0080b6;
  text-decoration: underline;
}
.btn {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #303030;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #303030;
  border: 0 solid white;
  font-size: 13px !important;
}
.btn:hover,
.btn:active {
  background: #161616;
  color: white;
}
.btn.btn-medium,
.btn.btn-big {
  font-weight: 200;
  background-color: transparent;
  background: rgba(255, 255, 255, 0.4);
  color: #303030 !important;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #303030;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn.btn-medium:hover,
.btn.btn-big:hover {
  background-color: #303030;
  color: white !important;
}
.btn.btn-medium:active,
.btn.btn-big:active {
  background-color: black;
  border-color: black;
}
.btn.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn.mobile-wrap-text {
  white-space: normal;
}
.btn-blue {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #0080b6;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-blue::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #303030;
  border: 0 solid white;
  font-size: 13px !important;
}
.btn-blue:hover,
.btn-blue:active {
  background: #005c83;
  color: white;
}
.btn-blue.btn-medium,
.btn-blue.btn-big {
  font-weight: 200;
  background-color: transparent;
  background: rgba(255, 255, 255, 0.4);
  color: #0080b6 !important;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #0080b6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-blue.btn-medium:hover,
.btn-blue.btn-big:hover {
  background-color: #0080b6;
  color: white !important;
}
.btn-blue.btn-medium:active,
.btn-blue.btn-big:active {
  background-color: #003850;
  border-color: #003850;
}
.btn-blue.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-blue.mobile-wrap-text {
  white-space: normal;
}
.btn-clear {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: transparent;
  border: none;
  color: #232323 !important;
  cursor: pointer;
  text-decoration: none !important;
  font-style: italic;
  font-weight: 600;
}
.btn-clear::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #303030;
  border: 0 solid white;
  font-size: 13px !important;
}
.btn-clear:hover,
.btn-clear:active {
  background: transparent;
  color: #232323;
}
.btn-clear.btn-medium,
.btn-clear.btn-big {
  font-weight: 200;
  background-color: transparent;
  background: rgba(255, 255, 255, 0.4);
  color: transparent !important;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-clear.btn-medium:hover,
.btn-clear.btn-big:hover {
  background-color: transparent;
  color: #232323 !important;
}
.btn-clear.btn-medium:active,
.btn-clear.btn-big:active {
  background-color: transparent;
  border-color: transparent;
}
.btn-clear.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-clear.mobile-wrap-text {
  white-space: normal;
}
.btn-clear:hover,
.btn-clear:active {
  background-color: white;
  color: #e1780f !important;
}
.btn-green {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #669d17;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-green::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #303030;
  border: 0 solid white;
  font-size: 13px !important;
}
.btn-green:hover,
.btn-green:active {
  background: #497110;
  color: white;
}
.btn-green.btn-medium,
.btn-green.btn-big {
  font-weight: 200;
  background-color: transparent;
  background: rgba(255, 255, 255, 0.4);
  color: #669d17 !important;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #669d17;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-green.btn-medium:hover,
.btn-green.btn-big:hover {
  background-color: #669d17;
  color: white !important;
}
.btn-green.btn-medium:active,
.btn-green.btn-big:active {
  background-color: #2c440a;
  border-color: #2c440a;
}
.btn-green.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-green.mobile-wrap-text {
  white-space: normal;
}
.btn-orange {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #e1780f;
  border: none;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-orange::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #303030;
  border: 0 solid white;
  font-size: 13px !important;
}
.btn-orange:hover,
.btn-orange:active {
  background: #b15f0c;
  color: white;
}
.btn-orange.btn-medium,
.btn-orange.btn-big {
  font-weight: 200;
  background-color: transparent;
  background: rgba(255, 255, 255, 0.4);
  color: #e1780f !important;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #e1780f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-orange.btn-medium:hover,
.btn-orange.btn-big:hover {
  background-color: #e1780f;
  color: white !important;
}
.btn-orange.btn-medium:active,
.btn-orange.btn-big:active {
  background-color: #814509;
  border-color: #814509;
}
.btn-orange.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-orange.mobile-wrap-text {
  white-space: normal;
}
.btn-white {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: white;
  border: none;
  color: #232323 !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-white::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: #303030;
  border: 0 solid white;
  font-size: 13px !important;
}
.btn-white:hover,
.btn-white:active {
  background: #e6e6e6;
  color: #232323;
}
.btn-white.btn-medium,
.btn-white.btn-big {
  font-weight: 200;
  background-color: transparent;
  background: rgba(255, 255, 255, 0.4);
  color: white !important;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.btn-white.btn-medium:hover,
.btn-white.btn-big:hover {
  background-color: white;
  color: #232323 !important;
}
.btn-white.btn-medium:active,
.btn-white.btn-big:active {
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-white.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.btn-white.mobile-wrap-text {
  white-space: normal;
}
.btn-white.btn-medium,
.btn-white.btn-big {
  font-weight: 200;
  background-color: transparent;
}
.btn-white:hover,
.btn-white:active {
  color: black !important;
}
.btn_close {
  background: url('/Content/Images/icons/close.png') no-repeat center center;
  height: 24px;
  width: 24px;
}
/* Animated buttons
 */

/* reveal, push out */

.fx_pushLeft,
.fx_pushRight {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.fx_pushLeft span,
.fx_pushRight span {
  display: block;
  background: white;
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.fx_pushLeft::before,
.fx_pushRight::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #0080b6;
  color: white;
  content: attr(title);
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.fx_pushLeft[title*='See more']::before,
.fx_pushRight[title*='See more']::before {
  background-image: url('/Content/Images/icons/icons_18/view_white.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 30px !important;
}
.fx_pushLeft:hover::before,
.fx_pushRight:hover::before,
.fx_pushLeft:focus::before,
.fx_pushRight:focus::before {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.fx_pushLeft::before {
  -webkit-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  -o-transform: translateX(-25%);
  transform: translateX(-25%);
}
.fx_pushRight::before {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.fx_pushLeft:hover span,
.fx_pushLeft:focus span {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.fx_pushRight:hover span,
.fx_pushRight:focus span {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* reveal more */

.fx_seeMore {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.fx_seeMore span {
  display: block;
  background: white;
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.fx_seeMore::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 30px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px !important;
  background: #0080b6 url('/Content/Images/icons/icons_18/view_white.png') no-repeat 5px center;
  color: white;
  content: attr(title);
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.fx_seeMore:hover::before,
.fx_seeMore:focus::before {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.fx_seeMore::before {
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
}
.fx_seeMore:hover span,
.fx_seeMore:focus span {
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
}
.UIv3 .btn-blue-UIv3 {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #0080b6;
  border: none;
  color: white;
  cursor: pointer;
  text-decoration: none !important;
  /*&:hover, &:active {
            background: lighten(@backgroundColor, 10%);
            color: @fontColor; // needed to overwrite a:hover
        }*/

}
.UIv3 .btn-blue-UIv3::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: white;
  border: solid 0 white;
  font-size: 13px !important;
}
.UIv3 .btn-blue-UIv3:hover,
.UIv3 .btn-blue-UIv3:active {
  background: #005c83;
  color: white;
}
.UIv3 .btn-blue-UIv3.btn-medium,
.UIv3 .btn-blue-UIv3.btn-big {
  font-weight: 200;
  /*background-color: transparent; // older browsers style
            background: rgba(255,255,255,0.4); // slightly more opaque for newer browsers*/
  color: white;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #0080b6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.UIv3 .btn-blue-UIv3.btn-medium:hover,
.UIv3 .btn-blue-UIv3.btn-big:hover {
  background-color: #005c83;
  color: white;
}
.UIv3 .btn-blue-UIv3.btn-medium:active,
.UIv3 .btn-blue-UIv3.btn-big:active {
  background-color: #003850;
  border-color: #003850;
}
.UIv3 .btn-blue-UIv3.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.UIv3 .btn-blue-UIv3.bold {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .UIv3 .btn-blue-UIv3 {
    white-space: normal;
  }
}
.UIv3 .btn-grey {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #e7e7e7;
  border: none;
  color: black;
  cursor: pointer;
  text-decoration: none !important;
  /*&:hover, &:active {
            background: lighten(@backgroundColor, 10%);
            color: @fontColor; // needed to overwrite a:hover
        }*/

}
.UIv3 .btn-grey::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: black;
  border: solid 0 white;
  font-size: 13px !important;
}
.UIv3 .btn-grey:hover,
.UIv3 .btn-grey:active {
  background: #cecece;
  color: black;
}
.UIv3 .btn-grey.btn-medium,
.UIv3 .btn-grey.btn-big {
  font-weight: 200;
  /*background-color: transparent; // older browsers style
            background: rgba(255,255,255,0.4); // slightly more opaque for newer browsers*/
  color: black;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.UIv3 .btn-grey.btn-medium:hover,
.UIv3 .btn-grey.btn-big:hover {
  background-color: #cecece;
  color: black;
}
.UIv3 .btn-grey.btn-medium:active,
.UIv3 .btn-grey.btn-big:active {
  background-color: #b4b4b4;
  border-color: #b4b4b4;
}
.UIv3 .btn-grey.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.UIv3 .btn-grey.bold {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .UIv3 .btn-grey {
    white-space: normal;
  }
}
.UIv3 .btn-orange {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-weight: 400;
  padding: 3px 10px;
  background-color: #e1780f;
  border: none;
  color: white;
  cursor: pointer;
  text-decoration: none !important;
  /*&:hover, &:active {
            background: lighten(@backgroundColor, 10%);
            color: @fontColor; // needed to overwrite a:hover
        }*/

  color: white !important;
}
.UIv3 .btn-orange::-webkit-file-upload-button {
  width: 150px;
  text-align: left;
  background: white;
  color: white;
  border: solid 0 white;
  font-size: 13px !important;
}
.UIv3 .btn-orange:hover,
.UIv3 .btn-orange:active {
  background: #b15f0c;
  color: white;
}
.UIv3 .btn-orange.btn-medium,
.UIv3 .btn-orange.btn-big {
  font-weight: 200;
  /*background-color: transparent; // older browsers style
            background: rgba(255,255,255,0.4); // slightly more opaque for newer browsers*/
  color: white;
  font-size: 1.4em;
  line-height: 1.4em;
  border: 1px solid #e1780f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 15px;
  text-align: center;
}
.UIv3 .btn-orange.btn-medium:hover,
.UIv3 .btn-orange.btn-big:hover {
  background-color: #b15f0c;
  color: white;
}
.UIv3 .btn-orange.btn-medium:active,
.UIv3 .btn-orange.btn-big:active {
  background-color: #814509;
  border-color: #814509;
}
.UIv3 .btn-orange.btn-medium {
  font-size: 1.2em;
  line-height: 1.2em;
}
.UIv3 .btn-orange.bold {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .UIv3 .btn-orange {
    white-space: normal;
  }
}
/*!
 * Ice Web Styles
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Dom Reilly.
 */
html {
  min-height: 100%;
  width: 100%;
  padding: 0;
  margin: 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: #00b4c4;
  background: -webkit-linear-gradient(#00b4c4, #3498db);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#00b4c4, #3498db);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#00b4c4, #3498db);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#00b4c4, #3498db);
  /* Standard syntax */

  position: relative;
}
body {
  min-height: 100%;
  width: 100%;
  top: 0px;
  padding: 0;
  margin: 0px;
  padding-bottom: 52px;
}
body.disable-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 880px) {
  body {
    padding-bottom: 156px;
  }
}
@media only screen and (max-width: 640px) {
  body {
    padding-bottom: 180px;
  }
}
/*@import "../Mixins/_boxSizing";*/
/*.border(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border: @arguments;
}

.border-Bottom(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-bottom: @arguments;
}
.border-Top(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-top: @arguments;
}
.border-Left(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-left: @arguments;
}
.border-Right(@border-size: 2px, @border-style: solid,@border-color: @white) {
    border-right: @arguments;
}*/

/*.border-radius(@border-radius: 8px) {
    border-radius: @arguments;
}*/

.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.site-full-width_container {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
  width: 1024px;
  display: inline-block;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .site-full-width_container {
    padding: 0;
    width: 95%;
  }
}
body > .site-full-width_container {
  margin-top: 24px;
}
@media only screen and (max-width: 880px) {
  body > .site-full-width_container {
    margin-top: 69px;
  }
}
@media only screen and (max-width: 1024px) {
  .site-full-width_container.width-70 {
    width: 94%;
  }
}
@media only screen and (max-width: 640px) {
  .site-full-width_container {
    padding: 0 10px;
    width: 100%;
  }
}
/*
*
*  Padding
*
*/

.padLR-60 {
  padding: 0 60px;
}
/*
*
*  Positions
*
*/

.pos-absolute {
  position: absolute;
}
.pos-relative {
  position: relative;
}
/*
*
*  Bottom, Top, Right, Left
*
*/

.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.right-0 {
  right: 0;
}
.vertical-align_middle {
  vertical-align: middle;
}
.vertical-align_top {
  vertical-align: top !important;
}
.vertical-align_text-bottom {
  vertical-align: text-bottom;
}
.fr {
  float: right;
}
.fl,
.field-validation-error {
  float: left;
}
.clr {
  clear: both;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.dsp-inline {
  display: inline-block;
  vertical-align: middle;
}
/*!
 * Accessibility
 *
 * Styles for assistive technologies like:
 *  - screen readers
 *  - voice recognition software
 *  - trackball devices
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

.hidden,
.AccessibleOnly {
  display: inherit;
  display: auto;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
fieldset {
  border: none;
}
.not-accessibility-friendly {
  display: none;
}
.not-accessibility-friendly.important {
  display: none !important;
}
/*!
 * Ice Web Styles
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Jamie Billington.
 */
.tracking-goals-container {
  text-align: center;
}
.tracking-goals-container .tracking-value {
  height: 100px;
  width: 100px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 10px solid #00b4c4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 36px;
  font-weight: 500;
  font-family: 'MyLato';
}
.tracking-goals-container .decrement-tracking-goal,
.tracking-goals-container .increment-tracking-goal {
  width: 44px;
  height: 44px;
  display: block;
}
.tracking-goals-container .decrement-tracking-goal {
  background-image: url('/Content/Images/V2/Tracking/Steppers/decrement_button_inactive.png');
  margin-right: 16px;
}
.tracking-goals-container .decrement-tracking-goal:hover {
  background-image: url('/Content/Images/V2/Tracking/Steppers/decrement_button_active.png');
}
.tracking-goals-container .increment-tracking-goal {
  width: 44px;
  height: 44px;
  background-image: url('/Content/Images/V2/Tracking/Steppers/increment_button_inactive.png');
  margin-left: 16px;
}
.tracking-goals-container .increment-tracking-goal:hover {
  background-image: url('/Content/Images/V2/Tracking/Steppers/increment_button_active.png');
}
.tracking-goals-container.no-border .tracking-value {
  border: none;
  height: auto;
  width: auto;
}
@media \0screen {
  .tracking-goals-container.no-border .tracking-value {
    width: 130px;
  }
}
.tracking-goals-container.tracking-circle-replaced-by-input .increment-tracking-goal,
.tracking-goals-container.tracking-circle-replaced-by-input .decrement-tracking-goal {
  width: 25px;
  height: 25px;
}
.tracking-goals-container.tracking-circle-replaced-by-input .decrement-tracking-goal {
  background-image: url('/Content/Images/V2/Tracking/Steppers/decrement_button_active_no_border.png');
  margin-right: 16px;
}
.tracking-goals-container.tracking-circle-replaced-by-input .decrement-tracking-goal.small {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background-position: center, center;
}
.tracking-goals-container.tracking-circle-replaced-by-input .increment-tracking-goal {
  background-image: url('/Content/Images/V2/Tracking/Steppers/increment_button_active_no_border.png');
  margin-left: 16px;
  margin-right: 0;
}
.tracking-goals-container.tracking-circle-replaced-by-input .increment-tracking-goal.small {
  margin: 0 8px;
  width: 16px;
  height: 16px;
  background-position: center, center;
}
@media only screen and (max-width: 880px) {
  .tracking-goals-container .decrement-tracking-goal {
    margin-right: 8px;
  }
  .tracking-goals-container .increment-tracking-goal {
    margin-left: 8px;
  }
}
/*!
 * Base: Forms
 *
 * Purpose:
 * - global styling of input elements
 * - global styling of forms containers
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

/* FONTS */
/*@import "//fonts.googleapis.com/css?family=Raleway:400,500,700.css";*/

/* Webfont: Lato-Regular */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-regular-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-regular-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-regular-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-regular-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-regular-webfont.svg#latoregular') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Italic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-italic-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-italic-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-italic-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-italic-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-italic-webfont.svg#latoitalic') format('svg');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-light-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-light-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-light-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-light-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-light-webfont.svg#latolight') format('svg');
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-LightItalic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-bold-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-bold-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-bold-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-bold-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-bold-webfont.svg#latobold') format('svg');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BoldItalic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.eot');
  src: url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.woff2') format('woff2'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.woff') format('woff'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.ttf') format('truetype'), url('/Content/CustomFonts/Lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Black */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/Lato-Black.eot');
  src: url('/Content/CustomFonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/Lato-Black.woff2') format('woff2'), url('/Content/CustomFonts/Lato/Lato-Black.woff') format('woff'), url('/Content/CustomFonts/Lato/Lato-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BlackItalic */

@font-face {
  font-family: 'MyLato';
  src: url('/Content/CustomFonts/Lato/Lato-BlackItalic.eot');
  src: url('/Content/CustomFonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/Lato/Lato-BlackItalic.woff2') format('woff2'), url('/Content/CustomFonts/Lato/Lato-BlackItalic.woff') format('woff'), url('/Content/CustomFonts/Lato/Lato-BlackItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'olivier_regular';
  font-style: normal;
  font-weight: normal;
  src: url('/bundles/fonts/OlivierRegular/olivier2016-webfont.eot');
  src: url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.woff') format('woff'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.woff2') format('woff2'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.ttf') format('truetype'), url('/Content/CustomFonts/OlivierRegular/olivier2016-webfont.svg#flexslider-icon') format('svg');
}
/* Legacy typography variables. */
/* COMMON
 */

input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input.hasDatepicker {
  width: 100%;
}
input,
select,
textarea {
  font-weight: normal;
  max-width: 100%;
}
/* BUTTONS
 */

button,
input[type="button"],
input[type="submit"] {
  cursor: ponter;
}
/* TEXT INPUTS
 */

input[type="text"],
input[type="password"],
select,
textarea {
  padding: 7px 10px;
  border: 1px #d7d7d7 solid;
  font-size: 16;
  color: #232323;
}
input[type="text"],
input[type="password"] {
  font-size: 16;
}
textarea {
  font-style: italic;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus,
#SearchTerm input[type=text]:focus {
  outline: none;
  border: 1px solid;
  border-color: #03b4ff !important;
  -webkit-box-shadow: 0 0 8px rgba(0, 128, 182, 0.5);
  -moz-box-shadown: 0 0 8px rgba(0, 128, 182, 0.5);
  box-shadow: 0 0 8px rgba(0, 128, 182, 0.5);
}
/* CHECKBOXES and RADIO BUTTONS
 */

input[type="checkbox"],
input[type="radio"] {
  margin: 4px;
}
.field-validation-error {
  display: block;
  color: #b20014;
}
/* OPTION CLASSES
 */

.half {
  width: 50% !important;
  float: left;
}
.gender {
  float: left;
  background: white;
  border: 1px gray solid;
  font-size: 16;
  height: 38px;
  line-height: 38px;
  margin-left: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
}
.gender label {
  margin-right: 5px;
}
.gender p {
  display: inline-block;
}
.answer textarea {
  font: -webkit-small-control;
}
.add_units .icon {
  vertical-align: top;
  margin-top: 5px;
}
.add_units input {
  text-align: center !important;
  width: 30px !important;
  padding: 4px;
}
#ui-datepicker-div {
  z-index: 99999 !important;
}
body {
  font-family: 'Raleway', sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: 'olivier_regular';
  font-weight: normal;
  /*IE >= 8*/

  line-height: normal;
  line-height: initial;
}
/*
* To be used for anything that is not a header tag.
*/

.Mylato {
  font-family: 'MyLato';
}
.Olivier {
  font-family: 'olivier_regular';
  font-weight: normal;
  /*IE >= 8*/

  line-height: normal;
  line-height: initial;
}
.raleway {
  font-family: 'Raleway', sans-serif;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-18 {
  font-size: 18px;
}
.white {
  color: white;
}
.gold {
  color: #fbb900;
}
.single,
.block-text,
.aqua {
  color: #00b4c4;
}
.darkaqua {
  color: #3498db;
}
.strapline {
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 20px 0;
}
.strapline.cerulean {
  color: #00b4c4;
}
.strapline.normal-weight {
  font-weight: normal;
}
.strapline.inherit-font-size {
  font-size: inherit;
}
.strapline.inheritColour {
  color: inherit;
}
.inherit-font-size {
  font-size: inherit;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.bold {
  font-weight: bold;
  font-size: 1.5em;
}
.bold.inherit-font-size {
  font-size: inherit;
}
.italic {
  font-style: italic;
}
.white-space_no-wrap {
  white-space: nowrap;
}
.text-align_right {
  text-align: right;
}
.text-align_left {
  text-align: left;
}
.text-align_center {
  text-align: center;
}
/* Dashboard deck thumbs */

img.deck-icon {
  width: 100%;
  height: 75%;
}
/*!
 * Base: icons
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

/* Parks sprites */

.emoticons {
  color: #0080b6;
}
.emoticon {
  border: none;
}
.emoticon_you-star {
  background: url('/Content/Images/spritesheet.png') no-repeat scroll -587px -57px transparent;
  width: 20px;
  height: 19px;
}
.emoticon_love-it {
  background: url('/Content/Images/spritesheet.png') no-repeat scroll -590px -100px transparent;
  width: 17px;
  height: 16px;
}
.emoticon_keep-going {
  background: url('/Content/Images/spritesheet.png') no-repeat scroll -586px -196px transparent;
  width: 23px;
  height: 24px;
}
.emoticon_here-to-help {
  background: url('/Content/Images/spritesheet.png') no-repeat scroll -591px -302px transparent;
  width: 19px;
  height: 20px;
}
.emoticon_thinking-of-you {
  background: url('/Content/Images/spritesheet.png') no-repeat scroll -588px -229px transparent;
  width: 24px;
  height: 21px;
}
.welldone {
  display: block;
  background: white url('/Content/Images/icons/icons_64/smiley-great.png') no-repeat 0 0;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  width: 64px;
  height: 64px;
}
.welldone.splash {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -32px 0 0 -32px;
  z-index: 9999;
}
.icon {
  background-image: url('/Content/Images/default_icon.png');
  background-repeat: no-repeat !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  width: 18px;
  height: 18px;
}
.icon.left {
  background-position: left center;
  margin-right: 4px;
}
.icon.right {
  background-position: right center;
  margin-left: 4px;
}
.icon.center {
  background-position: center center;
  margin-left: 4px;
}
.icon.bg-icon {
  height: auto;
  width: auto;
  min-height: 16px;
  min-width: 16px;
}
.icon.bg-icon.left {
  background-position: 5px center;
  padding-left: 26px;
  margin-right: 0;
}
.icon.bg-icon.right {
  background-position: right 5px center;
  padding-right: 26px;
  margin-left: 0;
}
.icon.bg-icon.top {
  background-position: center top;
  padding-top: 19px!important;
}
.icon.search {
  width: 16px;
  height: 16px;
}
.icon.search.bg-icon {
  height: auto;
  width: auto;
  min-height: 16px;
  min-width: 16px;
}
.icon.search.bg-icon.left {
  background-position: 5px center;
  padding-left: 26px;
  margin-right: 0;
}
.icon.search.bg-icon.right {
  background-position: right 5px center;
  padding-right: 26px;
  margin-left: 0;
}
.icon.search.bg-icon.top {
  background-position: center top;
  padding-top: 19px!important;
}
.icon.search.white {
  background-image: url('/Content/Images/V2/icons/icons_16/search.png');
}
.icon.search.right {
  background-image: url('/Content/Images/V2/icons/icons_16/search_right.png');
}
.icon.avatar {
  background-image: url('/Content/Images/icons/icons_18/avatar.png');
}
.icon.avatar_white {
  background-image: url('/Content/Images/icons/icons_18/avatar_white.png');
}
.icon.close {
  background-image: url('/Content/Images/icons/icons_18/close.png');
}
.icon.close_white {
  background-image: url('/Content/Images/icons/icons_18/close_white.png');
}
.icon.dashboard {
  background-image: url('/Content/Images/icons/icons_18/dashboard.png');
}
.icon.dashboard_white {
  background-image: url('/Content/Images/icons/icons_18/dashboard_white.png');
}
.icon.profile {
  background-image: url('/Content/Images/icons/icons_18/profile.png');
}
.icon.profile_white {
  background-image: url('/Content/Images/icons/icons_18/profile_white.png');
}
.icon.quote {
  background-image: url('/Content/Images/icons/icons_18/quote.png');
}
.icon.quote-end {
  background-image: url('/Content/Images/icons/icons_18/quote-end.png');
}
.icon.quote-end_grey {
  background-image: url('/Content/Images/icons/icons_18/quote-end_grey.png');
}
.icon.settings {
  background-image: url('/Content/Images/icons/icons_18/settings.png');
}
.icon.settings_white {
  background-image: url('/Content/Images/icons/icons_18/settings_white.png');
}
.icon.sign_out {
  background-image: url('/Content/Images/icons/icons_18/logout.png');
}
.icon.sign_out_white {
  background-image: url('/Content/Images/icons/icons_18/logout_white.png');
}
.icon.smiley-bad {
  background-image: url('/Content/Images/icons/icons_18/smiley-bad.png');
}
.icon.smiley-great {
  background-image: url('/Content/Images/icons/icons_18/smiley-great.png');
}
.icon.smiley-ok {
  background-image: url('/Content/Images/icons/icons_18/smiley-ok.png');
}
.icon.smiley-sad {
  background-image: url('/Content/Images/icons/icons_18/smiley-sad.png');
}
.icon.theme {
  background-image: url('/Content/Images/icons/icons_18/theme.png');
}
.icon.theme_white {
  background-image: url('/Content/Images/icons/icons_18/theme_white.png');
}
.icon.change_password {
  background-image: url('/Content/Images/icons/icons_18/change_password.png');
}
.icon.bg-icon {
  height: auto;
  width: auto;
  min-height: 18px;
  min-width: 18px;
}
.icon.bg-icon.left {
  background-position: 5px center;
  padding-left: 28px;
  margin-right: 0;
}
.icon.bg-icon.right {
  background-position: right 5px center;
  padding-right: 28px;
  margin-left: 0;
}
.icon.bg-icon.top {
  background-position: center top;
  padding-top: 21px!important;
}
.icon.add {
  background-image: url('/Content/Images/icons/icons_18/add_black.png');
}
.icon.add_white {
  background-image: url('/Content/Images/icons/icons_18/add_white.png');
}
.icon.remove {
  background-image: url('/Content/Images/icons/icons_18/remove_black.png');
}
.icon.remove_white {
  background-image: url('/Content/Images/icons/icons_18/remove_white.png');
}
.icon.delete {
  background-image: url('/Content/Images/icons/icons_18/delete_black.png');
}
.icon.delete_white {
  background-image: url('/Content/Images/icons/icons_18/delete_white.png');
}
.icon.down {
  background-image: url('/Content/Images/icons/icons_18/arrow_down.png');
}
.icon.down_white {
  background-image: url('/Content/Images/icons/icons_18/arrow_down_white.png');
}
.icon.groups {
  background-image: url('/Content/Images/icons/icons_18/groups.png');
}
.icon.next {
  background-image: url('/Content/Images/icons/icons_18/arrow_next.png');
}
.icon.next_white {
  background-image: url('/Content/Images/icons/icons_18/arrow_next_white.png');
}
.icon.prev {
  background-image: url('/Content/Images/icons/icons_18/arrow_prev.png');
}
.icon.prev_white {
  background-image: url('/Content/Images/icons/icons_18/arrow_prev_white.png');
}
.icon.pal {
  background-image: url('/Content/Images/icons/icons_18/pals.png');
}
.icon.reminder_wt {
  background-image: url('/Content/Images/icons/icons_18/reminder_wt.png');
}
.icon.read {
  background-image: url('/Content/Images/icons/icons_18/read.png');
}
.icon.read_dk {
  background-image: url('/Content/Images/icons/icons_18/read_dk.png');
}
.icon.not_read {
  background-image: url('/Content/Images/icons/icons_18/not_read.png');
}
.icon.not_read_wt {
  background-image: url('/Content/Images/icons/icons_18/not_read_wt.png');
}
.icon.view {
  background-image: url('/Content/Images/icons/icons_18/view.png');
}
.icon.view_white {
  background-image: url('/Content/Images/icons/icons_18/view_white.png');
}
.icon.viewLess_white {
  background-image: url('/Content/Images/icons/icons_18/view-less_white.png');
}
.icon.set_goal {
  background-image: url('/Content/Images/icons/icons_18/goal_set.png');
}
.icon.track {
  background-image: url('/Content/Images/icons/icons_18/track.png');
}
.icon.track_inactive {
  background-image: url('/Content/Images/icons/icons_18/track_inactive.png');
}
.icon.blue_exclamation {
  background-image: url('/Content/Images/icons/icons_18/blue_exclamation_mark.png');
}
.icon.red_exclamation {
  background-image: url('/Content/Images/icons/icons_18/red_exclamation_mark.png');
}
.icon.size-22 {
  width: 22px;
  height: 22px;
}
.icon.size-22.bg-icon {
  height: auto;
  width: auto;
  min-height: 22px;
  min-width: 22px;
}
.icon.size-22.bg-icon.left {
  background-position: 5px center;
  padding-left: 32px;
  margin-right: 0;
}
.icon.size-22.bg-icon.right {
  background-position: right 5px center;
  padding-right: 32px;
  margin-left: 0;
}
.icon.size-22.bg-icon.top {
  background-position: center top;
  padding-top: 25px!important;
}
.icon.size-22.attach {
  background-image: url('/Content/Images/icons/icons_22/attach.png');
}
.icon.size-22.betterDays {
  background-image: url('/Content/Images/icons/icons_22/sun.png');
}
.icon.size-22.diary {
  background-image: url('/Content/Images/icons/icons_22/diary.png');
}
.icon.size-22.edit {
  background-image: url('/Content/Images/icons/edit.png');
}
.icon.size-22.group_accept_white {
  background-image: url('/Content/Images/icons/icons_22/group_accept_white.png');
}
.icon.size-22.group_join_white {
  background-image: url('/Content/Images/icons/icons_22/group_join_white.png');
}
.icon.size-22.reminder {
  background-image: url('/Content/Images/icons/icons_22/reminder.png');
}
.icon.size-22.legend_tracking {
  background-image: url('/Content/Images/icons/icons_22/your_asthma.png');
}
.icon.size-22.legend_humidity {
  background-image: url('/Content/Images/icons/icons_22/humidity.png');
}
.icon.size-22.legend_pollution {
  background-image: url('/Content/Images/icons/icons_22/polution.png');
}
.icon.size-22.send {
  background-image: url('/Content/Images/icons/icons_22/send.png');
}
.icon.size-22.plus {
  background-image: url('/Content/Images/icons/plus.png');
}
.icon.size-22.plus.blue-plus {
  background-image: url('/Content/Images/icons/plus_blue.png');
}
.icon.size-22.minus {
  background-image: url('/Content/Images/icons/minus.png');
}
.icon.size-22.minus.blue-minus {
  background-image: url('/Content/Images/icons/minus_blue.png');
}
.icon.size-22.search {
  background-image: url('/Content/Images/icons/icons_22/search.png');
}
.icon.size-24 {
  width: 24px;
  height: 24px;
}
.icon.size-24.bg-icon {
  height: auto;
  width: auto;
  min-height: 24px;
  min-width: 24px;
}
.icon.size-24.bg-icon.left {
  background-position: 5px center;
  padding-left: 34px;
  margin-right: 0;
}
.icon.size-24.bg-icon.right {
  background-position: right 5px center;
  padding-right: 34px;
  margin-left: 0;
}
.icon.size-24.bg-icon.top {
  background-position: center top;
  padding-top: 27px!important;
}
.icon.size-24.activity-high {
  background-image: url('/Content/Images/icons/icons_24/activity_high.png');
}
.icon.size-24.activity-low {
  background-image: url('/Content/Images/icons/icons_24/activity_low.png');
}
.icon.size-24.blood {
  background-image: url('/Content/Images/icons/icons_24/blood.png');
}
.icon.size-24.body-fat {
  background-image: url('/Content/Images/icons/icons_24/body-fat.png');
}
.icon.size-24.calories {
  background-image: url('/Content/Images/icons/icons_24/calories.png');
}
.icon.size-24.cost {
  background-image: url('/Content/Images/icons/icons_24/cost.png');
}
.icon.size-24.fruits {
  background-image: url('/Content/Images/icons/icons_24/fruits.png');
}
.icon.size-24.height {
  background-image: url('/Content/Images/icons/icons_24/height.png');
}
.icon.size-24.hips {
  background-image: url('/Content/Images/icons/icons_24/hips.png');
}
.icon.size-24.mood {
  background-image: url('/Content/Images/icons/icons_24/mood.png');
}
.icon.size-24.quote {
  background-image: url('/Content/Images/icons/icons_24/quote.png');
}
.icon.size-24.sleep {
  background-image: url('/Content/Images/icons/icons_24/sleep.png');
}
.icon.size-24.smoking {
  background-image: url('/Content/Images/icons/icons_24/smoking.png');
}
.icon.size-24.waist {
  background-image: url('/Content/Images/icons/icons_24/waist.png');
}
.icon.size-24.warning {
  background-image: url('/Content/Images/icons/icons_24/warning.png');
}
.icon.size-24.warning.red {
  background-image: url('/Content/Images/icons/icons_24/warning_red.png');
}
.icon.size-24.water {
  background-image: url('/Content/Images/icons/icons_24/water.png');
}
.icon.size-24.weight {
  background-image: url('/Content/Images/icons/icons_24/weight.png');
}
.icon.size-24.valid_white {
  background-image: url('/Content/Images/icons/val_icon-tick.png');
}
.icon.size-32 {
  width: 32px;
  height: 32px;
}
.icon.size-32.bg-icon {
  height: auto;
  width: auto;
  min-height: 32px;
  min-width: 32px;
}
.icon.size-32.bg-icon.left {
  background-position: 5px center;
  padding-left: 42px;
  margin-right: 0;
}
.icon.size-32.bg-icon.right {
  background-position: right 5px center;
  padding-right: 42px;
  margin-left: 0;
}
.icon.size-32.bg-icon.top {
  background-position: center top;
  padding-top: 35px!important;
}
.icon.size-32.bin {
  background-image: url('/Content/Images/icons/icons_32/bin.png');
}
.icon.size-32.info_grey {
  background-image: url('/Content/Images/icons/icons_32/info_grey.png');
}
.icon.size-32.info_white {
  background-image: url('/Content/Images/icons/icons_32/info_white.png');
}
.icon.size-32.help_grey {
  background-image: url('/Content/Images/icons/icons_32/help_grey.png');
}
.icon.size-32.help_white {
  background-image: url('/Content/Images/icons/icons_32/help_white.png');
}
.icon.size-32.smiley-bad {
  background-image: url('/Content/Images/icons/icons_32/smiley-bad.png');
}
.icon.size-32.smiley-great {
  background-image: url('/Content/Images/icons/icons_32/smiley-great.png');
}
.icon.size-32.smiley-ok {
  background-image: url('/Content/Images/icons/icons_32/smiley-ok.png');
}
.icon.size-32.smiley-sad {
  background-image: url('/Content/Images/icons/icons_32/smiley-sad.png');
}
.icon.size-32.smiley-peak {
  background-image: url('/Content/Images/icons/icons_32/smiley-peak.png');
}
.icon.size-32.smiley-blue {
  background-image: url('/Content/Images/icons/icons_32/smiley-blue.png');
}
.icon.size-32.quote {
  background-image: url('/Content/Images/icons/icons_32/quote.png');
}
.icon.size-32.quote-end {
  background-image: url('/Content/Images/icons/icons_32/quote-end.png');
}
.icon.size-32.quote-end_grey {
  background-image: url('/Content/Images/icons/icons_32/quote-end_grey.png');
}
.icon.size-32.warning_white {
  background-image: url('/Content/Images/icons/icons_32/warning_white.png');
}
.icon.size-64 {
  width: 64px;
  height: 64px;
}
.icon.size-64.bg-icon {
  height: auto;
  width: auto;
  min-height: 64px;
  min-width: 64px;
}
.icon.size-64.bg-icon.left {
  background-position: 5px center;
  padding-left: 74px;
  margin-right: 0;
}
.icon.size-64.bg-icon.right {
  background-position: right 5px center;
  padding-right: 74px;
  margin-left: 0;
}
.icon.size-64.bg-icon.top {
  background-position: center top;
  padding-top: 67px!important;
}
.icon.size-64.info_grey {
  background-image: url('/Content/Images/icons/icons_64/info_grey.png');
}
.icon.size-64.info_white {
  background-image: url('/Content/Images/icons/icons_64/info_white.png');
}
.icon.size-64.help_grey {
  background-image: url('/Content/Images/icons/icons_64/help_grey.png');
}
.icon.size-64.help_white {
  background-image: url('/Content/Images/icons/icons_64/help_white.png');
}
.icon.size-64.smiley-bad {
  background-image: url('/Content/Images/icons/icons_64/smiley-bad.png');
}
.icon.size-64.smiley-great {
  background-image: url('/Content/Images/icons/icons_64/smiley-great.png');
}
.icon.size-64.smiley-ok {
  background-image: url('/Content/Images/icons/icons_64/smiley-ok.png');
}
.icon.size-64.smiley-sad {
  background-image: url('/Content/Images/icons/icons_64/smiley-sad.png');
}
.icon.size-64.quote {
  background-image: url('/Content/Images/icons/icons_64/quote.png');
}
.icon.size-64.quote-end {
  background-image: url('/Content/Images/icons/icons_64/quote-end.png');
}
.icon.size-64.quote-end_grey {
  background-image: url('/Content/Images/icons/icons_64/quote-end_grey.png');
}
.icon.size-64.warning_white {
  background-image: url('/Content/Images/icons/icons_64/warning_white.png');
}
.icon.size-96 {
  width: 96px;
  height: 96px;
}
.icon.size-96.bg-icon {
  height: auto;
  width: auto;
  min-height: 96px;
  min-width: 96px;
}
.icon.size-96.bg-icon.left {
  background-position: 5px center;
  padding-left: 106px;
  margin-right: 0;
}
.icon.size-96.bg-icon.right {
  background-position: right 5px center;
  padding-right: 106px;
  margin-left: 0;
}
.icon.size-96.bg-icon.top {
  background-position: center top;
  padding-top: 99px!important;
}
.icon.size-96.smiley-bad {
  background-image: url('/Content/Images/icons/icons_96/smiley-bad.png');
}
.icon.size-96.smiley-great {
  background-image: url('/Content/Images/icons/icons_96/smiley-great.png');
}
.icon.size-96.smiley-ok {
  background-image: url('/Content/Images/icons/icons_96/smiley-ok.png');
}
.icon.size-96.smiley-sad {
  background-image: url('/Content/Images/icons/icons_96/smiley-sad.png');
}
.std_info_icon {
  display: block;
  background-image: url('/Content/Images/default_icon.png');
  height: 18px;
  width: 18px;
  margin-top: 2px;
  margin-left: 4px;
  float: right;
}
.std_info_icon.see_more {
  background-image: url('/Content/Images/icons/icons_18/view-less_white.png');
}
/* add icons to nav decks */

.std_nav_icon {
  overflow: hidden;
  display: inline-block;
  background-image: url('/Content/Images/default_icon_nav.png');
  height: 16px;
  width: 16px;
  margin-right: 4px;
  margin-top: 5px;
  float: left;
}
.std_nav_icon.pals {
  background-image: url('/Content/Images/icons/pals.png');
}
.std_nav_icon.diary {
  background-image: url('/Content/Images/icons/diary.png');
}
.std_nav_icon.groups {
  background-image: url('/Content/Images/icons/groups.png');
}
.std_nav_icon.around {
  background-image: url('/Content/Images/icons/around.png');
}
.std_nav_icon.open_sub_nav {
  background-image: url('/Content/Images/icons/icons_18/arrow_next_white.png');
  float: right;
  margin-left: 4px;
}
.std_icon {
  display: block;
  background-image: url('/Content/Images/default_icon.png');
  height: 18px;
  width: 18px;
  float: left;
  margin-right: 4px;
  margin-top: 0;
}
.std_icon.plus {
  background-image: url('/Content/Images/icons/plus.png');
  float: right;
  height: 22px;
  width: 22px;
}
.std_icon.plus.blue-plus {
  background-image: url('/Content/Images/icons/plus_blue.png');
}
.std_icon.plus:hover {
  cursor: pointer;
}
.std_icon.plus.margT6 {
  margin-top: 6px;
}
.std_icon.minus {
  background-image: url('/Content/Images/icons/minus.png');
  height: 22px;
  width: 22px;
  margin-right: 8px;
}
.std_icon.minus.blue-minus {
  background-image: url('/Content/Images/icons/minus_blue.png');
}
.std_icon.minus:hover {
  cursor: pointer;
}
.std_icon.minus.margT6 {
  margin-top: 6px;
}
.std_icon.empty {
  background-image: url('/Content/Images/icons/empty.png');
}
.std_icon.goal {
  background-image: url('/Content/Images/icons/goal.png');
}
.std_icon.goal_set {
  background-image: url('/Content/Images/icons/goal_set.png');
}
.std_icon.delete {
  background-image: url('/Content/Images/icons/icons_18/delete_black.png');
}
.std_icon.track {
  background-image: url('/Content/Images/icons/track.png');
}
.std_icon.track.inactive {
  background-image: url('/Content/Images/icons/track_inactive.png');
}
.std_icon.sync {
  background-image: url('/Content/Images/icons/sync.png');
}
.std_icon.write_post {
  background-image: url('/Content/Images/icons/write_post.png');
}
/*!
 * Module: validation and Errors
 * 
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Jamie Billington.
 */

.field-validation-error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #b20014;
  background: white url('/Content/Images/icons/val_icon-cross.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #b20014;
  -moz-box-shadown: 0 0 6px #b20014;
  box-shadow: 0 0 6px #b20014;
  /*.box-shadow(0 0 6px @SitePrimaryError);*/

}
.field-validation-valid {
  display: none;
}
.primary_error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #b20014;
  background: white url('/Content/Images/icons/val_icon-cross.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #b20014;
  -moz-box-shadown: 0 0 6px #b20014;
  box-shadow: 0 0 6px #b20014;
  /*.box-shadow(0 0 6px @SitePrimaryError);*/

}
.warning_error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #e1780f;
  background: white url('/Content/Images/icons/val_icon-warning.png') no-repeat 0 top;
  -moz-box-shadow: 0 0 6px;
  -webkit-box-shadow: 0 0 6px #b15f0c;
  box-shadow: 0 0 6px #b15f0c;
}
.info_error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #005c83;
  background: white url('/Content/Images/icons/val_icon-info.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #005c83;
  -moz-box-shadown: 0 0 6px #005c83;
  box-shadow: 0 0 6px #005c83;
}
.sitewide_error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #e1780f;
  background: white url('/Content/Images/icons/val_icon-infoNote.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #b15f0c;
  -moz-box-shadown: 0 0 6px #b15f0c;
  box-shadow: 0 0 6px #b15f0c;
  width: 60%;
  margin: auto;
}
.sitewidefull_error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #e1780f;
  background: white url('/Content/Images/icons/val_icon-infoNote.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #b15f0c;
  -moz-box-shadown: 0 0 6px #b15f0c;
  box-shadow: 0 0 6px #b15f0c;
  font-size: 1.2em;
  margin: 16px;
  padding: 6px 10px 6px 43px;
  width: auto;
}
.sitewidefull_error p {
  margin: 0;
  padding: 0;
}
.success_error {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #669d17;
  background: white url('/Content/Images/icons/val_icon-tick.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #669d17;
  -moz-box-shadown: 0 0 6px #669d17;
  box-shadow: 0 0 6px #669d17;
}
.got_deck_notification {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  border-color: #005c83;
  background: white url('/Content/Images/icons/val_deck.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #005c83;
  -moz-box-shadown: 0 0 6px #005c83;
  box-shadow: 0 0 6px #005c83;
  line-height: 20px;
}
.add_deck_notification {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
  padding-left: 8px;
  border-color: #669d17;
  background: white url('/Content/Images/icons/val_add_deck.png') no-repeat 0 top;
  -moz-box-shadow: 0 0 6px;
  -webkit-box-shadow: 0 0 6px #669d17;
  box-shadow: 0 0 6px #669d17;
}
.add_deck_notification input[type="checkbox"] {
  margin-right: 13px;
}
.input-validation-error {
  color: #b20014;
}
.input-validation-error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b20014;
}
.input-validation-error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b20014;
}
.input-validation-error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b20014;
}
.input-validation-error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b20014;
}
.validation-summary-errors {
  color: #b20014;
}
.validation-summary-errors::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b20014;
}
.validation-summary-errors:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b20014;
}
.validation-summary-errors::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b20014;
}
.validation-summary-errors:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b20014;
}
/*dialog box styling confirmation for modal popup window*/

#confirmOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('ie.png');
  background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.2);
  z-index: 100000;
}
#confirmBox {
  background: url('/Content/Images/body_bg.jpg') repeat-x left bottom #d7d7d7;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -130px 0 0 -230px;
  border: 1px solid #232323;
  -webkit-box-shadow: 0 0 2px rgba(0, 128, 182, 0.5) inset;
  -moz-box-shadown: 0 0 2px rgba(0, 128, 182, 0.5) inset;
  box-shadow: 0 0 2px rgba(0, 128, 182, 0.5) inset;
}
#confirmBox h1 {
  letter-spacing: 0.3px;
  color: #232323;
  padding-top: 10px !important;
}
#confirmBox h1,
#confirmBox p {
  font-size: 1.5em;
  background-color: white;
  padding: 0 8px 4px 4px;
  color: #303030;
}
#confirmBox p {
  background: none;
  font-size: 16px;
  line-height: 1.4;
}
#confirmButtons {
  padding: 8px 0 18px;
  text-align: center;
}
#confirmBox .button {
  display: inline-block;
  background: url('/Content/Images/buttons.png') no-repeat;
  color: white;
  position: relative;
  height: 33px;
  font-size: 16;
  margin-right: 15px;
  padding: 0 35px 0 40px;
  text-decoration: none;
  border: none;
  line-height: 30px;
}
#confirmBox .button:last-child {
  margin-right: 0;
}
#confirmBox .button span {
  position: absolute;
  top: 0;
  right: -5px;
  background: url('/Content/Images/buttons.png') no-repeat;
  width: 5px;
  height: 33px;
}
#confirmBox .blue {
  background-position: left top;
}
#confirmBox .blue span {
  background-position: -195px 0;
}
#confirmBox .blue:hover {
  background-position: left bottom;
}
#confirmBox .blue:hover span {
  background-position: -195px bottom;
}
#confirmBox .gray {
  background-position: -200px top;
  color: #232323;
}
#confirmBox .gray span {
  background-position: -395px 0;
}
#confirmBox .gray:hover {
  background-position: -200px bottom;
}
#confirmBox .gray:hover span {
  background-position: -395px bottom;
}
/* Spacing */

.marAuto {
  margin: 0 auto;
}
.mar0Auto {
  margin: 0 auto;
}
.mar0 {
  margin: 0px;
}
.marT0B0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mar5 {
  margin: 5px;
}
.marLAuto {
  margin-left: auto;
}
.mar15 {
  margin: 15px;
}
.marL4 {
  margin-left: 4px;
}
.marL4Imp {
  margin-left: 4px !important;
}
.marL5 {
  margin-left: 5px;
}
.marL8 {
  margin-left: 8px;
}
.marL10 {
  margin-left: 10px;
}
.marL14 {
  margin-left: 14px;
}
.marL15 {
  margin-left: 15px;
}
.marL16 {
  margin-left: 16px;
}
.marL20 {
  margin-left: 20px;
}
.marL30 {
  margin-left: 30px;
}
.marL35 {
  margin-left: 35px;
}
.marRAuto {
  margin-right: auto;
}
.marR4 {
  margin-right: 4px;
}
.marR5 {
  margin-right: 5px;
}
.marR8 {
  margin-right: 8px;
}
.marR10 {
  margin-right: 10px;
}
.marR14 {
  margin-right: 15px;
}
.marR15 {
  margin-right: 15px;
}
.marR16 {
  margin-right: 16px;
}
.marR25 {
  margin-right: 25px;
}
.marR30 {
  margin-right: 30px;
}
.marR35 {
  margin-right: 35px;
}
.marR20 {
  margin-right: 20px;
}
.marR65 {
  margin-right: 65px;
}
.marR70 {
  margin-right: 70px;
}
.marR155 {
  margin-right: 155px;
}
.marR300 {
  margin-right: 300px;
}
.marT0 {
  margin-top: 0;
}
.marT0Imp {
  margin-top: 0 !important;
}
.marT2 {
  margin-top: 2px;
}
.marT4 {
  margin-top: 4px;
}
.marT5 {
  margin-top: 5px;
}
.marT6 {
  margin-top: 6px;
}
.marT7 {
  margin-top: 7px;
}
.marT8 {
  margin-top: 8px;
}
.marT10 {
  margin-top: 10px;
}
.marT11 {
  margin-top: 11px;
}
.marT13 {
  margin-top: 13px;
}
.marT14 {
  margin-top: 14px;
}
.marT16 {
  margin-top: 16px;
}
.marT20 {
  margin-top: 20px;
}
.marT30 {
  margin-top: 30px;
}
.marT110 {
  margin-top: 110px;
}
.marT130 {
  margin-top: 130px;
}
.marT150 {
  margin-top: 150px;
}
.marT70 {
  margin-top: 70px;
}
.marB0 {
  margin-bottom: 0;
}
.marB0Imp {
  margin-bottom: 0 !important;
}
.marB2 {
  margin-bottom: 2px;
}
.marB4 {
  margin-bottom: 4px;
}
.marB5 {
  margin-bottom: 5px;
}
.marB8 {
  margin-bottom: 8px;
}
.marB10 {
  margin-bottom: 10px;
}
.marB10Imp {
  margin-bottom: 10px !important;
}
.marB15 {
  margin-bottom: 15px;
}
.marB16 {
  margin-bottom: 16px;
}
.marB20 {
  margin-bottom: 20px;
}
.marB30 {
  margin-bottom: 30px;
}
.marB32 {
  margin-bottom: 32px;
}
.marB50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 640px) {
  .mobile-marB8 {
    margin-bottom: 8px;
  }
}
.pad0 {
  padding: 0px;
}
.pad0Imp {
  padding: 0 !important;
}
.padT0B0 {
  padding-top: 0;
  padding-bottom: 0;
}
.pad4 {
  padding: 4px;
}
.pad6 {
  padding: 6px;
}
.pad7 {
  padding: 7px;
}
.pad8 {
  padding: 8px;
}
.pad10 {
  padding: 10px;
}
.pad16 {
  padding: 16px;
}
.pad20 {
  padding: 20px;
}
.padTB10 {
  padding: 10px 0;
}
.padL0 {
  padding-left: 0;
}
.padL10 {
  padding-left: 10px;
}
.padL20 {
  padding-left: 20px;
}
.padL30 {
  padding-left: 30px;
}
.padL40 {
  padding-left: 40px;
}
.padL100 {
  padding-left: 100px;
}
.padR0 {
  padding-right: 0px;
}
.padR8 {
  padding-right: 8px;
}
.padR10 {
  padding-right: 10px;
}
.padR16 {
  padding-right: 16px;
}
.padR20 {
  padding-right: 20px;
}
.padR30 {
  padding-right: 30px;
}
.padR100 {
  padding-right: 100px;
}
.padT0 {
  padding-top: 5px;
}
.padT4 {
  padding-top: 4px;
}
.padT5 {
  padding-top: 5px;
}
.padT8 {
  padding-top: 8px;
}
.padT20 {
  padding-top: 20px;
}
.padT50 {
  padding-top: 50px;
}
.padB4 {
  padding-bottom: 5px;
}
.padB5 {
  padding-bottom: 5px;
}
.padB8 {
  padding-bottom: 8px;
}
.padB10 {
  padding-bottom: 10px;
}
.padB20 {
  padding-bottom: 20px;
}
.padB50 {
  padding-bottom: 50px;
}
.marRN4 {
  margin-right: -4px;
}
img.border_circle.fifty {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
/* Legacy styles */

/*!
 * Base: Tables
 *
 * Purpose:
 * - global styling of table elements
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

table,
table th,
table td {
  border: 1px solid #cccccc;
  border-collapse: collapse;
}
table th {
  background-color: #303030;
  color: white;
  padding: 10px;
}
table td {
  background-color: white;
  color: #303030;
  padding: 5px 10px;
}
@media only screen and (max-width: 640px) {
  table {
    width: 100%;
  }
}
@media only screen and (max-width: 880px) {
  table.tablet-responsive {
    width: 100%;
  }
  table.tablet-responsive thead {
    display: none;
  }
  table.tablet-responsive tr {
    display: block;
  }
  table.tablet-responsive td {
    position: relative;
    min-height: 20px;
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #cccccc;
  }
  table.tablet-responsive td:before {
    content: attr(data-mobile-text);
    float: left;
    font-weight: bold;
    color: #303030;
  }
  table.tablet-responsive td:last-child {
    border-bottom: 0;
  }
}
/*
    This file needs to be reviewed.
*/

/* Common
 */

.setLoading {
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.fh {
  height: 100%;
}
.fullwd {
  width: 100%;
}
.fullwd .override {
  width: 100% !important;
}
.fullwdImp {
  width: 100% !important;
}
/*need to check these aren't still used in the project*/

.fullwd-ie {
  *width: 100%;
}
.halfwd {
  width: 50%;
}
.autoWd {
  width: auto;
}
.autoWdImp {
  width: auto !important;
}
.autoht {
  height: auto;
}
.min-reset {
  min-height: 0 !important;
}
.fl,
.field-validation-error {
  float: left;
}
.fl .override {
  float: left !important;
}
.fr {
  float: right;
}
.fr .override {
  float: right !important;
}
.flImp {
  float: left !important;
}
/*need to check these aren't still used in the project*/

.frImp {
  float: right !important;
}
/*need to check these aren't still used in the project*/

.flNone {
  float: none !important;
}
.clr {
  clear: both;
}
.clrnone {
  clear: none;
}
.clr-left {
  clear: left;
}
.clr-right {
  clear: right;
}
.PosAb {
  position: absolute;
}
.PosRl {
  position: relative;
}
.PosFx {
  position: fixed;
}
/* Display
 */

.dsp-none,
.MobileOnly,
.MobileNavOnly {
  display: none;
}
.DesktopOnly {
  display: initial;
}
.dsp-block {
  display: block;
}
.dsp-inline {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.dsp-inlineImp {
  display: inline-block !important;
}
.dsp-ini-imp,
.visible {
  display: initial !important;
}
@media only screen and (max-width: 1024px) {
  .MobileNavOnly {
    display: initial;
  }
}
@media only screen and (max-width: 640px) {
  .DesktopOnly {
    display: none;
  }
  .MobileOnly {
    display: initial;
  }
}
.stdoverflowhd,
.register_but {
  overflow: hidden;
}
.stoverflowauto {
  overflow: auto;
}
.ov-flow-x,
body {
  overflow-x: hidden;
}
.borderNone {
  border: none;
}
.black-border {
  border: 1px solid black;
}
.offscreen {
  left: -99999999999999px;
  font-size: 0;
  display: none !important;
}
.boxsizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Images
 */

.mainMobLogo {
  background-image: url('/Content/Images/puffelltm.png');
  background-repeat: no-repeat;
}
/*!
 * Components: CSS Checkboxes
 *
 * class and its mixin for checkbox elements
 * (require label tag to be placed JUST AFTER checkbox)
 *
 * Copyright 2015 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

.cssCheckbox {
  position: absolute;
  visibility: hidden;
}
.cssCheckbox + label,
.cssCheckbox + input[type="hidden"] + label {
  cursor: pointer;
  clear: left;
  display: block;
  padding-top: 5px;
  position: relative;
  left: auto;
  left: initial;
  /*overflow: auto;*/
  width: auto;
  height: auto;
}
.cssCheckbox + label:before,
.cssCheckbox + input[type="hidden"] + label:before {
  content: ' ';
  background: white;
  border: 5px solid #b9b9b9;
  height: 20px;
  width: 20px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: -3px;
  box-sizing: content-box;
}
.cssCheckbox + label.hidden,
.cssCheckbox + input[type="hidden"] + label.hidden {
  font-size: 0;
}
.cssCheckbox + label:hover,
.cssCheckbox + input[type="hidden"] + label:hover,
.cssCheckbox + label:active,
.cssCheckbox + input[type="hidden"] + label:active {
  color: #e1780f;
}
.cssCheckbox:checked + label:before,
.cssCheckbox:checked + input[type="hidden"] + label:before {
  background: white url('/Content/Images/icons/accept.png');
}
.cssCheckbox.UIv3 + label:before,
.cssCheckbox.UIv3 + input[type="hidden"] + label:before {
  width: 20px;
  margin: 0 5px;
  border: 0px;
  background: url("/Content/Images/icons/checkbox_unticked.png") no-repeat;
  margin-right: 10px;
}
.cssCheckbox.UIv3:checked + label:before,
.cssCheckbox.UIv3:checked + input[type="hidden"] + label:before {
  background: white url("/Content/Images/icons/checkbox_ticked.png") no-repeat;
}
.cssCheckbox[disabled="disabled"] + label {
  cursor: default;
}
.cssCheckbox[disabled="disabled"] + label:before {
  background: #f1f1f1;
  border: 5px solid #dfdfdf;
}
.cssCheckbox.underneath + label:before,
.cssCheckbox.at-right + label:before {
  content: none;
}
.cssCheckbox.underneath + input[type="hidden"] + label:before,
.cssCheckbox.at-right + input[type="hidden"] + label:before {
  content: none;
}
.cssCheckbox.underneath + input[type="hidden"] + label:after,
.cssCheckbox.at-right + input[type="hidden"] + label:after {
  content: ' ';
  background: white;
  border: 5px solid #b9b9b9;
  height: 20px;
  width: 20px;
  display: block;
}
.cssCheckbox.underneath + label:after,
.cssCheckbox.at-right + label:after {
  content: ' ';
  background: white;
  border: 5px solid #b9b9b9;
  height: 20px;
  width: 20px;
  display: block;
}
.cssCheckbox.underneath.UIv3 + input[type="hidden"] + label:after,
.cssCheckbox.at-right.UIv3 + input[type="hidden"] + label:after {
  border: 0px;
  background: url("/Content/Images/icons/checkbox_unticked.png") no-repeat;
}
.cssCheckbox.underneath:checked + label:after,
.cssCheckbox.at-right:checked + label:after {
  background: white url('/Content/Images/icons/accept.png') left center;
}
.cssCheckbox.underneath:checked + input[type="hidden"] + label:after,
.cssCheckbox.at-right:checked + input[type="hidden"] + label:after {
  background: white url('/Content/Images/icons/accept.png') left center;
}
.cssCheckbox.underneath.UIv3:checked + label:after,
.cssCheckbox.at-right.UIv3:checked + label:after {
  border: 0px;
  background: white url("/Content/Images/icons/checkbox_ticked.png") no-repeat;
}
.cssCheckbox.underneath.UIv3:checked + input[type="hidden"] + label:after,
.cssCheckbox.at-right.UIv3:checked + input[type="hidden"] + label:after {
  border: 0px;
  background: white url("/Content/Images/icons/checkbox_ticked.png") no-repeat;
}
.cssCheckbox.at-right + label:after {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 10px;
}
.cssCheckbox.at-right + input[type="hidden"] + label:after {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 10px;
}
.lt-ie8 .cssCheckbox {
  filter: alpha(opacity=0);
  visibility: visible;
}
.lt-ie8 .cssCheckbox + label.checked:before {
  background: white url('/Content/Images/icons/accept.png') left center;
  content: '  ';
}
.lt-ie8 .cssCheckbox.underneath + label.checked:before,
.lt-ie8 .cssCheckbox.at-right + label.checked:before {
  content: none;
}
.lt-ie8 .cssCheckbox.underneath + label.checked:after,
.lt-ie8 .cssCheckbox.at-right + label.checked:after {
  background: white url('/Content/Images/icons/accept.png') left center;
  content: '  ';
}
.puffellCheckbox {
  position: absolute;
  visibility: hidden;
}
.puffellCheckbox + label,
.puffellCheckbox + input[type="hidden"] + label {
  cursor: pointer;
  clear: left;
  display: block;
  padding-top: 5px;
  position: relative;
  left: auto;
  left: initial;
  /*overflow: auto;*/
  width: auto;
  height: auto;
}
.puffellCheckbox + label:before,
.puffellCheckbox + input[type="hidden"] + label:before {
  content: ' ';
  background: white;
  border: 5px solid #b9b9b9;
  height: 21px;
  width: 21px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: -3px;
  box-sizing: content-box;
}
.puffellCheckbox + label.hidden,
.puffellCheckbox + input[type="hidden"] + label.hidden {
  font-size: 0;
}
.puffellCheckbox + label:hover,
.puffellCheckbox + input[type="hidden"] + label:hover,
.puffellCheckbox + label:active,
.puffellCheckbox + input[type="hidden"] + label:active {
  color: #e1780f;
}
.puffellCheckbox:checked + label:before,
.puffellCheckbox:checked + input[type="hidden"] + label:before {
  background: white url('/Content/Images/icons/accept.png');
}
.puffellCheckbox.UIv3 + label:before,
.puffellCheckbox.UIv3 + input[type="hidden"] + label:before {
  width: 20px;
  margin: 0 5px;
  border: 0px;
  background: url("/Content/Images/icons/checkbox_unticked.png") no-repeat;
  margin-right: 10px;
}
.puffellCheckbox.UIv3:checked + label:before,
.puffellCheckbox.UIv3:checked + input[type="hidden"] + label:before {
  background: white url("/Content/Images/icons/checkbox_ticked.png") no-repeat;
}
.puffellCheckbox[disabled="disabled"] + label {
  cursor: default;
}
.puffellCheckbox[disabled="disabled"] + label:before {
  background: #f1f1f1;
  border: 5px solid #dfdfdf;
}
.puffellCheckbox.underneath + label:before,
.puffellCheckbox.at-right + label:before {
  content: none;
}
.puffellCheckbox.underneath + input[type="hidden"] + label:before,
.puffellCheckbox.at-right + input[type="hidden"] + label:before {
  content: none;
}
.puffellCheckbox.underneath + input[type="hidden"] + label:after,
.puffellCheckbox.at-right + input[type="hidden"] + label:after {
  content: ' ';
  background: white;
  border: 5px solid #b9b9b9;
  height: 21px;
  width: 21px;
  display: block;
}
.puffellCheckbox.underneath + label:after,
.puffellCheckbox.at-right + label:after {
  content: ' ';
  background: white;
  border: 5px solid #b9b9b9;
  height: 21px;
  width: 21px;
  display: block;
}
.puffellCheckbox.underneath.UIv3 + input[type="hidden"] + label:after,
.puffellCheckbox.at-right.UIv3 + input[type="hidden"] + label:after {
  border: 0px;
  background: url("/Content/Images/icons/checkbox_unticked.png") no-repeat;
}
.puffellCheckbox.underneath:checked + label:after,
.puffellCheckbox.at-right:checked + label:after {
  background: white url('/Content/Images/icons/accept.png') left center;
}
.puffellCheckbox.underneath:checked + input[type="hidden"] + label:after,
.puffellCheckbox.at-right:checked + input[type="hidden"] + label:after {
  background: white url('/Content/Images/icons/accept.png') left center;
}
.puffellCheckbox.underneath.UIv3:checked + label:after,
.puffellCheckbox.at-right.UIv3:checked + label:after {
  border: 0px;
  background: white url("/Content/Images/icons/checkbox_ticked.png") no-repeat;
}
.puffellCheckbox.underneath.UIv3:checked + input[type="hidden"] + label:after,
.puffellCheckbox.at-right.UIv3:checked + input[type="hidden"] + label:after {
  border: 0px;
  background: white url("/Content/Images/icons/checkbox_ticked.png") no-repeat;
}
.puffellCheckbox.at-right + label:after {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 10px;
}
.puffellCheckbox.at-right + input[type="hidden"] + label:after {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 10px;
}
.lt-ie8 .puffellCheckbox {
  filter: alpha(opacity=0);
  visibility: visible;
}
.lt-ie8 .puffellCheckbox + label.checked:before {
  background: url("/Content/Images/icons/checkbox_ticked.png") left center;
  content: '  ';
}
.cssCheckboxButton.white-blue-tick {
  display: none;
}
@media \0screen {
  .cssCheckboxButton.white-blue-tick {
    display: inline-block;
  }
}
.cssCheckboxButton.white-blue-tick + label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px;
  text-indent: 0px;
  line-height: 50px;
  cursor: pointer;
}
.cssCheckboxButton.white-blue-tick + label:before {
  display: none;
}
.cssCheckboxButton.white-blue-tick + label:after {
  position: absolute;
  right: 0;
  top: 0;
  text-indent: 0px;
  content: '';
  color: transparent;
  width: 33px;
  height: 33px;
  margin: 8px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadown: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  /*.border-radius(8px);*/

  /*.box-shadow(inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75));*/

  /*background-image: url('@{imageRootFilePath}V2/Tracking/check_box_tick_White.png');*/

}
.cssCheckboxButton.white-blue-tick:active + label:after,
.cssCheckboxButton.white-blue-tick[disabled] + label:after,
.cssCheckboxButton.white-blue-tick:checked + label:after {
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #00b4c4;
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadown: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  /*background-image: url('../../../Images/V2/Tracking/check_box_tick.png');*/
  background-image: url('/Content/Images/V2/Tracking/check_box_tick.png');
  background-position: center;
  background-repeat: no-repeat;
}
/*!
 * Modules: Custom Radio Buttons
 *
 * Purpose:
 * - mood radio buttons
 * - athma/copd radio buttons
 *
 * Copyright 2015 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

/* CSS-RADIO BUTTONS
 * hide browser radio button and create a beautiful pseudo-radio in label instead
 */

.cssRadio {
  position: absolute;
  visibility: hidden;
  /* checked state is done further down to not mess with IE8 */

}
.cssRadio + label {
  cursor: pointer;
}
.cssRadio + label.hidden {
  display: inline;
  font-size: 0;
  position: relative;
  left: 0px;
}
.cssRadio + label:before {
  content: ' ';
  background-position: 0 26px;
  margin-right: 10px;
  height: 26px;
  width: 26px;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.cssRadio.isAboveLabel + label {
  min-width: 26px;
}
.cssRadio.isAboveLabel + label:before {
  margin-left: -13px;
}
.cssRadio + label:before {
  background-image: url('/Content/Images/sprites/radio-buttons.png');
  background-position: 0 52px;
}
.cssRadio:hover + label:before {
  background-position: 0 78px;
}
.cssRadio:active + label:before {
  background-position: 0 104px;
}
.cssRadio[disabled] + label:before {
  background-position: 0 130px;
}
.cssRadio.size-32 + label:before {
  content: ' ';
  background-position: 0 32px;
  margin-right: 10px;
  height: 32px;
  width: 32px;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.cssRadio.size-32.isAboveLabel + label {
  min-width: 32px;
}
.cssRadio.size-32.isAboveLabel + label:before {
  margin-left: -16px;
}
.cssRadio.size-32.well + label:before {
  background-image: url('/Content/Images/sprites/smiley-well_32.png');
}
.cssRadio.size-32.ok + label:before {
  background-image: url('/Content/Images/sprites/smiley-ok_32.png');
}
.cssRadio.size-32.not-bad + label:before {
  background-image: url('/Content/Images/sprites/smiley-not-bad_32.png');
}
.cssRadio.size-32.sad + label:before {
  background-image: url('/Content/Images/sprites/smiley-sad_32.png');
}
.cssRadio.size-32.bad + label:before {
  background-image: url('/Content/Images/sprites/smiley-bad_32.png');
}
.cssRadio.size-32.unwell + label:before {
  background-image: url('/Content/Images/sprites/smiley-unwell_32.png');
}
.cssRadio.size-32.hospital + label {
  background-image: url('/Content/Images/sprites/hospital_32.png');
}
.cssRadio.size-32.brown + label {
  background-image: url('/Content/Images/sprites/inhaler-brown_32.png');
}
.cssRadio.size-32.no + label {
  background-image: url('/Content/Images/sprites/no_32.png');
}
.cssRadio.size-32.hospital + label,
.cssRadio.size-32.brown + label,
.cssRadio.size-32.no + label {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-left: 40px;
  background-position: 0 32px;
}
.cssRadio.size-32.hospital + label:before,
.cssRadio.size-32.brown + label:before,
.cssRadio.size-32.no + label:before {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-position: 0 52px;
  margin-left: -32px;
  margin-top: 3px;
}
.cssRadio.size-64 + label:before {
  content: ' ';
  background-position: 0 64px;
  margin-right: 10px;
  height: 64px;
  width: 64px;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.cssRadio.size-64.isAboveLabel + label {
  min-width: 64px;
}
.cssRadio.size-64.isAboveLabel + label:before {
  margin-left: -32px;
}
.cssRadio.size-64.well + label:before {
  background-image: url('/Content/Images/sprites/smiley-well_64.png');
}
.cssRadio.size-64.ok + label:before {
  background-image: url('/Content/Images/sprites/smiley-ok_64.png');
}
.cssRadio.size-64.not-bad + label:before {
  background-image: url('/Content/Images/sprites/smiley-not-bad_64.png');
}
.cssRadio.size-64.sad + label:before {
  background-image: url('/Content/Images/sprites/smiley-sad_64.png');
}
.cssRadio.size-64.bad + label:before {
  background-image: url('/Content/Images/sprites/smiley-bad_64.png');
}
.cssRadio.size-64.unwell + label:before {
  background-image: url('/Content/Images/sprites/smiley-unwell_64.png');
}
.cssRadio.isAboveLabel + label {
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  position: relative;
}
.cssRadio.isAboveLabel + label:before {
  display: block;
  position: relative;
  left: 50%;
}
.cssRadio.isAboveLabel.size-64 + label:before {
  margin-bottom: 8px;
}
.cssRadio.hidden + label {
  display: none;
}
/* CUSTOM RADIO BUTTONS
 * used in symptoms trackers
 */
/* :checked styles for all browsers but IE 8 (prevent selectivizr support) */

html:not(.lt-ie8) .cssRadio:checked + label:before {
  background-position: 0 0;
}
html:not(.lt-ie8) .cssRadio.size-32:checked + label:before,
html:not(.lt-ie8) .cssRadio.size-64:checked + label:before,
html:not(.lt-ie8) .cssRadio.size-32:hover + label:before,
html:not(.lt-ie8) .cssRadio.size-64:hover + label:before {
  background-position: 0 0;
}
html:not(.lt-ie8) .cssRadio.hospital:checked + label,
html:not(.lt-ie8) .cssRadio.brown:checked + label,
html:not(.lt-ie8) .cssRadio.no:checked + label,
html:not(.lt-ie8) .cssRadio.hospital:hover + label,
html:not(.lt-ie8) .cssRadio.brown:hover + label,
html:not(.lt-ie8) .cssRadio.no:hover + label {
  background-position: 0 0;
}
.lt-ie8 .cssRadio {
  filter: alpha(opacity=0);
  visibility: visible;
}
.lt-ie8 .cssRadio + label.checked:before,
.lt-ie8 .cssRadio.hospital + label.checked,
.lt-ie8 .cssRadio.brown + label.checked,
.lt-ie8 .cssRadio.no + label.checked {
  background-position: 0 0;
  content: '  ';
}
/*
*
*  Layouts Folder
*
*/

/*!
 * Table layout Styles
 *
 * (temporary, these styles may exist somewhere already)
 *
 * Copyright 2016 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Dom Reilly
 */

.table {
  display: table;
  table-layout: fixed;
}
.table .table-header-row,
.table .table-row {
  display: table-row;
}
.table .table-header-row .table-header,
.table .table-row .table-header {
  display: table-cell;
  background-color: #303030;
  color: white;
  padding: 10px;
}
.table .table-header-row.wrap-child-cell-text .table-cell,
.table .table-row.wrap-child-cell-text .table-cell {
  word-break: break-all;
}
.table-cell {
  display: table-cell;
}
@media only screen and (max-width: 880px) {
  .table.table-responsive {
    width: 100%;
    display: block;
  }
  .table.table-responsive .table-header-row {
    display: none;
  }
  .table.table-responsive .table-row {
    display: block !important;
    width: 100% !important;
  }
  .table.table-responsive .table-cell {
    position: relative;
    min-height: 20px;
    display: block !important;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #cccccc;
    width: 100% !important;
  }
  .table.table-responsive .table-cell:before {
    content: attr(data-mobile-text);
    float: left;
    font-weight: bold;
    color: #303030;
  }
  .table.table-responsive .table-cell:last-child {
    border-bottom: 0;
  }
}
/*!
 * Layout: columns-2
 *
 * Desktop: 2 columns
 * Mobile:  1 column stack
 *
 * Optional additional classes:
 *   - .asymmetric-1-3: asymmetric layout with right column 3 times wider than left
 *   - .asymmetric-2-1: asymmetric layout with left column 2 times wider than right
 *
 * Other options:
 *   - can set right column first in markup to bring on top on mobiles
 *   - add .layout_column_inner child to .layout_column to add responsive spacing
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

.layout_2-columns {
  overflow: hidden;
  zoom: 1;
  padding: 0;
  /* display image in background on large screen and stacked it up on mobiles
     * (background-image need to be also inserted in one column in a <img> tag)
     */

}
.layout_2-columns .layout_column-right {
  float: right;
  width: 50%;
}
.layout_2-columns .layout_column-right .layout_column_inner {
  margin: 10px 10px 10px 5px;
  padding: 10px;
}
.layout_2-columns .layout_column-left {
  float: left;
  width: 50%;
}
.layout_2-columns .layout_column-left + .layout_column-right {
  float: left;
}
.layout_2-columns .layout_column-left + .layout_column-right.fr {
  float: right;
}
.layout_2-columns .layout_column-left .layout_column_inner {
  margin: 10px 5px 10px 10px;
  padding: 10px;
}
.layout_2-columns .layout_column-left.width-45,
.layout_2-columns .layout_column-right.width-45 {
  width: 45%;
}
.layout_2-columns img {
  max-width: 100%;
  height: auto;
}
.layout_2-columns iframe {
  max-width: 100%;
}
.layout_2-columns.fixed-left .layout_column-left {
  width: auto;
}
.layout_2-columns.fixed-left .layout_column-right {
  float: none;
  width: 100%;
}
.layout_2-columns.fixed-right .layout_column-left {
  float: none;
  width: 100%;
}
.layout_2-columns.fixed-right .layout_column-right {
  float: right;
  width: auto;
}
.layout_2-columns.asymmetric-1-2 > .layout_column-left {
  width: 34%;
}
.layout_2-columns.asymmetric-1-2 > .layout_column-right {
  width: 66%;
}
.layout_2-columns.asymmetric-1-3 > .layout_column-left {
  width: 25%;
}
.layout_2-columns.asymmetric-1-3 > .layout_column-right {
  width: 75%;
}
.layout_2-columns.asymmetric-2-1 > .layout_column-left {
  width: 66%;
}
.layout_2-columns.asymmetric-2-1 > .layout_column-right {
  width: 34%;
}
.layout_2-columns.use-background-image {
  background-position: center top;
  margin-bottom: 30px;
}
.layout_2-columns.use-background-image img {
  display: none;
}
.layout_2-columns.use-background-image .layout_column-left + .layout_column-right {
  float: right;
}
@media only screen and (max-width: 640px) {
  .layout_2-columns.use-background-image {
    background: none !important;
    padding: 0;
  }
  .layout_2-columns.use-background-image img {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .layout_2-columns {
    padding: 5px 0;
  }
  .layout_2-columns .layout_column-left,
  .layout_2-columns .layout_column-right {
    width: 100% !important;
    max-width: 100% !important;
  }
  .layout_2-columns .layout_column-left .layout_column_inner,
  .layout_2-columns .layout_column-right .layout_column_inner {
    margin: 5px 10px;
  }
}
@media screen and (max-width: 860px) {
  .layout_2-columns[class*='asymmetric'] {
    padding: 5px 0;
  }
  .layout_2-columns[class*='asymmetric'] > .layout_column-left,
  .layout_2-columns[class*='asymmetric'] > .layout_column-right {
    width: 100% !important;
    max-width: 100% !important;
  }
  .layout_2-columns[class*='asymmetric'] > .layout_column-left > .layout_column_inner,
  .layout_2-columns[class*='asymmetric'] > .layout_column-right > .layout_column_inner {
    margin: 5px 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .layout_2-columns[class*='asymmetric'].use-background-image {
    background: none !important;
    padding: 0;
  }
  .layout_2-columns[class*='asymmetric'].use-background-image img {
    display: block;
    width: 100%;
  }
  .layout_2-columns[class*='asymmetric'].use-background-image h1 {
    margin-top: 10px;
  }
  .layout_2-columns[class*='asymmetric'].use-background-image > .layout_column-left,
  .layout_2-columns[class*='asymmetric'].use-background-image > .layout_column-right {
    width: 100% !important;
    max-width: 100% !important;
  }
  .layout_2-columns[class*='asymmetric'].use-background-image > .layout_column-left > .layout_column_inner,
  .layout_2-columns[class*='asymmetric'].use-background-image > .layout_column-right > .layout_column_inner {
    margin: 5px 10px;
  }
}
.layout_3-columns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  clear: both;
}
.layout_3-columns .layout_column {
  float: left;
  width: 33.3%;
}
.layout_3-columns .layout_column .layout_column_inner {
  margin: 10px 10px 10px 0;
}
.layout_3-columns .layout_column.first .layout_column_inner {
  margin: 10px;
}
.layout_3-columns .layout_column.second {
  width: 33.4%;
}
@media only screen and (max-width: 640px) {
  .layout_3-columns {
    display: block;
  }
  .layout_3-columns .layout_column {
    float: none;
    width: 100% !important;
  }
  .layout_3-columns .layout_column .layout_column_inner {
    margin: 10px;
  }
}
/*!
 * Layout: columns-4
 *
 * Desktop: 4 columns
 * Mobile:  1 column stack
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

/*!
 * Ice Web Styles
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Jamie Billington & Owen bayley.
 */

/*@imageRootFilePath: '/Content/Images/';
@images: @imageRootFilePath;*/

.widthfull {
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
/* Margin mixins*/

.margin-reset-info-box {
  margin-left: 8px;
}
.width-reset {
  display: inline-block;
  width: 100%;
}
.TabItemsTitle {
  position: relative;
  bottom: 0;
  top: 125px;
  color: white;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 128, 182, 0.5);
  z-index: 30;
  height: 25px;
  overflow: hidden;
}
.deck_box {
  width: 230px;
  height: 280px;
  background: #a3a3a3;
  background: rgba(255, 255, 255, 0.85);
  display: block;
  margin: 8px;
  float: left;
  position: relative;
}
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
  .deck_box {
    background-image: url('/Content/Images/white_transparent.png');
    background-repeat: repeat;
  }
}
@media \0screen {
  .deck_box {
    background-image: url('/Content/Images/white_transparent.png');
    background-repeat: repeat;
  }
}
@media screen\9  {
  .deck_box {
    background-image: url('/Content/Images/white_transparent.png');
    background-repeat: repeat;
  }
}
@media only screen and (max-width: 640px) {
  .deck_box {
    width: 94%;
  }
}
.inner_scroller {
  overflow-y: scroll;
  height: 222px;
  color: #232323;
  font-size: 0.7em;
}
.decksmallBox {
  width: 100%;
  background-color: white;
  color: #232323;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.8em;
  margin-left: 1px;
}
.general-error {
  border-color: #005c83;
  background: white url('/Content/Images/icons/val_icon-info.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #005c83;
  -moz-box-shadown: 0 0 6px #005c83;
  box-shadow: 0 0 6px #005c83;
}
.sitenotifications-error {
  border-color: #e1780f;
  background: white url('/Content/Images/icons/val_icon-infoNote.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #b15f0c;
  -moz-box-shadown: 0 0 6px #b15f0c;
  box-shadow: 0 0 6px #b15f0c;
}
.deck_active {
  border-color: #005c83;
  background: white url('/Content/Images/icons/val_deck.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #005c83;
  -moz-box-shadown: 0 0 6px #005c83;
  box-shadow: 0 0 6px #005c83;
}
.deck_add {
  border-color: #669d17;
  background: white url('/Content/Images/icons/val_add_deck.png') no-repeat 0 top;
  -moz-box-shadow: 0 0 6px;
  -webkit-box-shadow: 0 0 6px #669d17;
  box-shadow: 0 0 6px #669d17;
}
.error {
  border-color: #b20014;
  background: white url('/Content/Images/icons/val_icon-cross.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #b20014;
  -moz-box-shadown: 0 0 6px #b20014;
  box-shadow: 0 0 6px #b20014;
}
.okay-error {
  border-color: #669d17;
  background: white url('/Content/Images/icons/val_icon-tick.png') no-repeat 0 top;
  -webkit-box-shadow: 0 0 6px #669d17;
  -moz-box-shadown: 0 0 6px #669d17;
  box-shadow: 0 0 6px #669d17;
  padding: 8px;
}
.okay-error span {
  color: black;
}
@media only screen and (max-width: 640px) {
  .okay-error span {
    padding-left: 20px;
  }
}
.warning_error {
  border-color: #e1780f;
  background: white url('/Content/Images/icons/val_icon-warning.png') no-repeat 0 top;
  -moz-box-shadow: 0 0 6px;
  -webkit-box-shadow: 0 0 6px #b15f0c;
  box-shadow: 0 0 6px #b15f0c;
  padding: 8px 8px 8px 43px;
}
.errorhandling {
  color: #232323;
  margin: 10px 10px 10px 5px;
  padding: 8px 10px 8px 43px;
  border: 1px solid;
  font-size: 13px;
}
.layout_4-columns {
  overflow: hidden;
  zoom: 1;
}
.layout_4-columns .layout_column {
  float: left;
  width: 25%;
}
.layout_4-columns .layout_column .layout_column_inner {
  margin: 10px 10px 10px 0;
}
.layout_4-columns .layout_column.first .layout_column_inner {
  margin: 10px;
}
@media only screen and (max-width: 640px) {
  .layout_4-columns .layout_column {
    float: none;
    width: 100%;
  }
  .layout_4-columns .layout_column .layout_column_inner {
    margin: 10px;
  }
}
/*!
 * Layout Styles
 *
 * Colours classes for the layouts
 * (temporary, these styles may exist somewhere already)
 *
 * Copyright 2014 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

/* COLOUR STYLES
 */

.disabled {
  background: #f1f1f1;
}
.black-trans {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
}
.blue-plain,
.blue-trans {
  background-color: #0080b6;
  color: white;
}
.blue-plain a,
.blue-trans a,
.blue-plain h3,
.blue-trans h3,
.blue-plain p,
.blue-trans p {
  color: white !important;
}
.blue-plain ol,
.blue-trans ol {
  color: #494949;
}
.blue-trans {
  background-color: rgba(0, 128, 182, 0.7);
}
.white-plain,
.white-trans,
.white-shadow {
  color: #494949;
  background: white;
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 8px;
}
.white-plain h1,
.white-trans h1,
.white-shadow h1 {
  color: #03b4ff;
}
.white-trans {
  background: rgba(255, 255, 255, 0.7);
  /*@media @ieEightSpecificBreakpointHack {
        background-color: #ddf2f8;
    }*/

}
.white-50 {
  background: rgba(255, 255, 255, 0.5);
}
.white-75 {
  background: rgba(255, 255, 255, 0.75);
}
.white-85 {
  background: rgba(255, 255, 255, 0.85);
}
.white-90 {
  background: rgba(255, 255, 255, 0.85);
}
.white-shadow {
  -webkit-box-shadow: 0 2px 5px #cccccc;
  -moz-box-shadown: 0 2px 5px #cccccc;
  box-shadow: 0 2px 5px #cccccc;
}
.grey-trans {
  background: rgba(51, 51, 51, 0.2);
}
.grey-trans,
.grey-trans a,
.grey-trans h2 {
  color: white;
}
/* TYPO STYLES
 */

.text_XL h2 {
  font-size: 3em;
}
/*
*
*  Components Folder
*
*/

header {
  color: white;
  background: white;
  height: 100px;
  position: relative;
  z-index: 99999;
  /**{
        .box-sizing(unset)
    }*/

}
header.logo-only-nav .header-element {
  width: 15%;
  display: inline-block;
  margin-right: -4px;
}
@media only screen and (max-width: 1279px) {
  header.logo-only-nav .header-element.header-logo > img {
    display: block !important;
    margin: 5px auto !important;
  }
}
@media only screen and (max-width: 880px) {
  header.logo-only-nav .header-element.header-logo > img {
    height: 35px;
  }
}
header a {
  text-decoration: none;
}
header .header-element {
  width: 15%;
  display: inline-block;
  margin-right: -4px;
}
header .header-element.header-nav {
  width: 100%;
  margin: auto;
  display: block;
}
header .header-element.header-logo {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 880px) {
  header .header-element.header-logo {
    left: auto;
    right: 0px;
  }
}
header .header-element.header-logo > a {
  position: absolute;
  top: 0;
  left: 0px;
}
@media only screen and (max-width: 880px) {
  header .header-element.header-logo > a {
    left: auto;
    right: 0px;
  }
}
header .header-element.header-logo > a > img {
  position: absolute;
  margin: 5px 20px;
  left: 0px;
  height: 50px;
}
@media only screen and (max-width: 1279px) {
  
}
@media only screen and (max-width: 880px) {
  
}
@media only screen and (max-width: 1279px) {
  header .header-element.header-logo > a > img {
    margin: 5px 10px;
  }
}
@media only screen and (max-width: 880px) {
  header .header-element.header-logo > a > img {
    display: block;
    left: auto;
    margin: 5px 20px;
    height: 35px;
    right: 0px;
  }
}
header .header-main {
  padding: 0 25px !important;
}
@media only screen and (max-width: 880px) {
  header .header-main {
    text-align: center;
  }
  header .header-main .header-nav-section {
    float: none !important;
  }
}
header .header-main .header-hamburg {
  display: none;
}
header .header-main .header-nav-section {
  text-align: center;
  display: inline-block;
  width: 20%;
  height: 100px;
  position: relative;
  z-index: 3;
  vertical-align: top;
  cursor: pointer;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
header .header-main .header-nav-section.width-100 {
  width: 100%;
}
header .header-main .header-nav-section .header-nav-dropDown {
  display: none;
}
header .header-main .header-nav-section.active {
  background-color: #fbb900;
  background-color: rgba(251, 185, 0, 0.7);
  color: #4a4a4a !important;
}
header .header-main .header-nav-section.active .header-nav-text {
  color: #4a4a4a;
}
header .header-main .header-nav-section.active > .header-notifications {
  display: none;
}
header .header-main .header-nav-section:hover {
  background-color: #fbb900;
  background-color: rgba(251, 185, 0, 0.7);
  color: #4a4a4a !important;
}
header .header-main .header-nav-section:hover .header-nav-text {
  color: #4a4a4a;
}
header .header-main .header-nav-section:hover > .header-notifications {
  display: none;
}
header .header-main .header-nav-section:hover .header-nav-dropDown {
  display: block;
  background-color: white;
  position: absolute;
  left: 0;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  width: 100%;
  top: 100%;
  max-height: 81vh;
  overflow-y: auto;
}
header .header-main .header-nav-section:hover .header-nav-dropDown li {
  border-top: 2px solid #fbb900;
  position: relative;
  background-color: rgba(251, 185, 0, 0.5);
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
header .header-main .header-nav-section:hover .header-nav-dropDown li a {
  font-weight: 700;
  color: #4a4a4a;
  display: block;
  padding: 15px 20px;
}
header .header-main .header-nav-section:hover .header-nav-dropDown li .header-notifications {
  bottom: 0;
  top: 0;
  margin: auto;
  right: 5px;
  color: #4a4a4a;
  text-align: center;
}
header .header-main .header-nav-section:hover .header-nav-dropDown li:hover {
  background-color: rgba(251, 185, 0, 0.2);
  color: #4a4a4a;
}
header .header-main .header-nav-section.no-hover {
  background-color: initial;
  cursor: initial;
}
header .header-main .header-nav-section.no-hover .header-notifications {
  display: initial;
}
header .header-main .header-nav-section.nav-section {
  padding: 15px 10px;
}
header .header-main .header-nav-section .header-nav-icon {
  width: 35px;
  height: 35px;
  margin: auto;
  margin-bottom: 9px;
  background-image: none;
}
header .header-main .header-nav-section .header-nav-text {
  display: block;
  width: 100%;
  height: 1em;
  margin: 0;
  padding: 10px;
  color: white;
  white-space: nowrap;
  font-weight: 500;
}
header .header-main .header-nav-section.user-section:hover .header-notifications-holder {
  display: none;
}
header .header-main .header-nav-section.user-section .header-notifications-holder {
  height: 55px;
  width: 55px;
  display: block;
  margin: 8px auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
header .header-main .header-nav-section.user-section .header-notifications-holder .header-notifications {
  top: -5px;
  right: -10px;
}
header .header-main .header-nav-section.user-section .header-notifications {
  color: #4a4a4a;
  position: absolute;
  bottom: 35px;
  font-weight: 700;
  font-size: 0.8em;
  line-height: 30px;
  width: 30px;
  height: 30px;
  background-image: url('/Content/Images/V2/Header/Notification_Spot.png');
  /*@media @ieNineOnlyBreakPointHack {
                        left: 50%;
                    }*/

}
header .header-main .header-nav-section.user-section .header-notifications span {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  right: 0;
  margin: auto;
}
header .header-main .header-nav-section.user-section .header-user-name {
  color: #4a4a4a;
}
header .header-main .header-nav-section.user-section .user-avatar {
  height: 55px;
  width: 55px;
  display: block;
  margin: 8px auto;
}
header .header-main .header-nav-section.user-section .user-avatar.customUserIcon {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 5px solid white;
}
header .header-main .UpperHeader {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadown: 0px 0px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: #00b4c4;
  background: -webkit-linear-gradient(left, #00b4c4, #3498db);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #00b4c4, #3498db);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #00b4c4, #3498db);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #00b4c4, #3498db);
  /* Standard syntax */

}
@media screen\0 {
  header .header-element.header-nav {
    vertical-align: top;
  }
}
@media only screen and (max-width: 880px) {
  header {
    height: 45px;
    -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.3);
    -moz-box-shadown: 0px 10px 25px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.3);
    width: 100%;
    position: fixed;
    top: 0;
  }
  header .header-element {
    text-align: center;
  }
  header .header-main .header-nav-section .header-notifications-holder {
    bottom: auto;
    top: -8px;
    height: 45px;
    width: 45px;
  }
  header .header-main .header-nav-section .header-notifications-holder .header-notifications {
    top: 8px !important;
    bottom: -5px;
  }
  header .header-main .header-nav-section.user-section {
    display: inline-block;
    height: 60px;
    padding: 0;
    position: static;
    height: 45px;
    width: 60px;
  }
  header .header-main .header-nav-section.user-section .header-nav-dropDown {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    z-index: 100;
  }
  header .header-main .header-nav-section.user-section .user-avatar {
    margin: auto;
    height: 45px;
    width: 45px;
  }
  header .header-main .header-nav-section.user-section .header-user-name {
    display: none;
  }
  header .header-main .header-nav-section.nav-section {
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 25%;
    margin: auto;
    height: 50px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #3498db;
    z-index: 3;
  }
  header .header-main .header-nav-section.nav-section .header-nav-dropDown {
    position: fixed;
    width: 100%;
    left: 0;
    top: inherit;
    bottom: 50px;
  }
  header .header-main .header-nav-section.nav-section.active,
  header .header-main .header-nav-section.nav-section:hover {
    background-color: #fbb900;
  }
  header .header-main .header-nav-section.nav-section img {
    margin-bottom: auto;
  }
  header .header-main .header-nav-section.nav-section.nav-section-2,
  header .header-main .header-nav-section.nav-section.nav-section-3,
  header .header-main .header-nav-section.nav-section.nav-section-4 {
    border-left: none;
  }
  header .header-main .header-nav-section.nav-section.nav-section-1 {
    left: 0;
  }
  header .header-main .header-nav-section.nav-section.nav-section-2 {
    left: 25%;
  }
  header .header-main .header-nav-section.nav-section.nav-section-3 {
    left: 50%;
  }
  header .header-main .header-nav-section.nav-section.nav-section-4 {
    left: 75%;
  }
  header .header-main .header-nav-section.nav-section .header-nav-text {
    display: none;
  }
  header .header-main .UpperHeader {
    display: none;
  }
}
.lt-ie8 header .header-main {
  text-align: center;
}
.lt-ie8 header .header-main .header-nav-section:hover {
  background-color: #fcce4c;
}
.lt-ie8 header .header-main .header-nav-section:hover .header-nav-dropDown li {
  background-color: #fddc7f;
}
.lt-ie8 header .header-main .header-nav-section:hover .header-nav-dropDown li:hover {
  background-color: #fef1cc;
}
.lt-ie8 header .header-main .UpperHeader {
  background-color: #3498db;
}
/*@import "../Mixins/_css3.less";*/
/* PRIMARY / BRAND colours
 */
/* Tiertary */
/* FEEDBACK and SCORES colours
 */
/* -- Set Master Sitewide colours -- */
/*Site Primary Styles*/
/* passes WAC AA rating */
/* passes WAC AA rating */
/*Site navigation Main Menus left & right panel*/
/*Error Handeling*/
/*Site borders for input boxes*/
/*Social Media Colours*/
/*.FormFocus {
    .GradientGrayWhite();
    color: @midGrey;
    background-color: @white;
    /*-webkit-box-shadow: 1px 0px 10px @blue;
    -moz-box-shadow: 1px 0px 10px @blue;
    box-shadow: 1px 0px 10px @blue;
    //#css3Bundle > .box-shadow(1px 0px 10px @blue );
}*/
.AppDownloadHolder {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: transparent;
}
.AppDownloadHolder .goal-container-split {
  display: table;
  width: 100%;
}
.AppDownloadHolder .goal-container-split .line-Holder {
  display: table-cell;
  vertical-align: middle;
}
.AppDownloadHolder .goal-container-split .line-Holder .line {
  height: 1px;
  vertical-align: middle;
  background-color: white;
  display: inline-block;
  width: 100%;
}
.AppDownloadHolder .goal-container-split .text {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 40%;
  margin: 8px;
  text-align: center;
  font-size: 25px;
}
@media only screen and (max-width: 1024px) {
  .AppDownloadHolder .goal-container-split .text {
    font-size: 17px;
    width: 40%;
  }
}
@media only screen and (max-width: 640px) {
  .AppDownloadHolder .goal-container-split .text {
    font-size: 15px;
    width: 60%;
  }
}
.AppDownloadHolder .AppDownloadLinks {
  text-align: center;
}
.AppDownloadHolder .AppDownloadLinks .GooglePlayLink,
.AppDownloadHolder .AppDownloadLinks .AppStoreLink {
  display: inline-block;
  vertical-align: middle;
}
.AppDownloadHolder .AppDownloadLinks .AppStoreLink {
  padding: 10px 0;
}
footer {
  width: 94%;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 16px auto;
  color: white;
  display: table !important;
  text-align: left;
  font-size: 10px !important;
}
footer a {
  color: white;
  text-decoration: none;
  font-size: 10px !important;
  /* @transitions: ~`"@{arguments}".replace(/[\[\]]/g, '')`; */
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
footer a:visited {
  color: white;
}
footer a:hover {
  color: #fbb900;
}
footer div {
  vertical-align: middle;
  display: table-cell;
  font-size: 10px;
}
footer .footer_links {
  text-align: right;
  width: 405px;
  font-size: 16px;
}
footer .footer_links a {
  padding-right: 10px;
}
@media only screen and (max-width: 880px) {
  footer {
    padding-bottom: 40px;
  }
  footer div {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  footer .footer_links {
    text-align: center;
    display: block;
    width: 100%;
  }
  footer .footer_links a {
    display: inline;
    padding-right: 10px;
  }
}
/*!
 * Component: Deck
 *
 * General layout and styles for the decks pages
 *
 * Copyright 2014 - 2016 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Dom Reilly
 */

.deck .strapline,
.deck .intro {
  font-size: 17px;
  font-weight: 200;
  margin-top: 0;
}
.deck .strapline strong,
.deck .intro strong,
.deck .strapline b,
.deck .intro b {
  font-weight: 400;
}
.deck .strapline {
  font-size: 22px;
}
@media only screen and (max-width: 640px) {
  .deck .strapline {
    font-size: 20px;
  }
  .deck .intro {
    font-size: 16px;
  }
}
.deck .getStarted {
  color: #999999;
  font-size: 1.2em;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 10px;
}
.deck h3 {
  color: #303030;
  padding: 4px 0;
  font-size: 18px;
  font-weight: 200;
}
.deck h3 strong,
.deck h3 b {
  font-weight: 400;
}
.deck ol {
  list-style: none;
  padding: 0 16px;
}
.deck ol li {
  position: relative;
  display: block;
  clear: left;
  counter-increment: step;
  -webkit-box-shadow: 0 2px 5px #cccccc;
  -moz-box-shadown: 0 2px 5px #cccccc;
  box-shadow: 0 2px 5px #cccccc;
  background: white;
  font-weight: 200;
  font-size: 16px;
  min-height: 30px;
  margin: 0 0 10px;
  padding: 10px 10px 10px 55px;
  /*padding: @basePadding/2 !important;
            min-height: 0 !important;*/

}
.deck ol li strong,
.deck ol li a {
  font-weight: 400;
}
.deck ol li a {
  text-decoration: underline;
}
.deck ol li:before {
  content: counter(step, decimal);
  font-family: 'MyLato';
  line-height: 32px;
  color: white;
  font-weight: 200;
  font-size: 25px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  background: #00b4c4;
  border: 1px solid #00b4c4;
  padding: 3px 0;
  margin: 5px 10px 0 0;
  width: 40px;
  text-align: center;
  margin: auto;
  /*text-align: center;
                left: 0px !important;
                position: relative !important;
                display: inline-block !important;
                vertical-align: middle;
                margin: 0 !important;
                margin-right: @baseMargin !important;*/

}
.deck .topDeck {
  list-style: none;
  padding: 0;
  margin: 0;
}
.deck .topDeck li {
  position: relative;
}
.deck .topDeck li a {
  height: 40px;
  display: inline-block;
  float: left;
  width: 25%;
  background: #d7d7d7;
  color: black;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}
.deck .topDeck li a.selected {
  background: #0080b6;
  color: white;
}
.deck .topDeck li a.full {
  background: #0080b6;
  color: white;
  width: 100%;
}
.deck .innerContent {
  background: white;
  min-height: 400px;
  width: 710px;
  float: left;
}
@media only screen and (max-width: 1400px) {
  .deck .innerContent {
    width: 515px;
  }
}
.deck .fixedContent {
  background: white;
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
  -moz-box-shadown: 0 10px 50px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
  margin-right: 16px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  min-height: 300px;
}
@media only screen and (max-width: 1024px) {
  .deck .fixedContent {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .deck .fixedContent {
    width: 100%;
    margin: 0 !important;
  }
}
.deck .fullContent {
  background: #a3a3a3;
  background: rgba(255, 255, 255, 0.85);
  padding: 10px;
  display: block;
  overflow: hidden;
  margin-bottom: 16px;
  min-height: 300px;
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 8px;
}
.deck .fullContent .img_align {
  position: relative;
  top: 4px;
}
.deck .fullContent.notifications {
  height: 400px;
  overflow-y: scroll;
}
.deck .fullContent.notifications a {
  text-decoration: underline;
}
.deck .fullContent.notifications .row {
  width: 100%;
  margin-bottom: 5px;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
}
.deck .fullContent.notifications .row .icon {
  width: 30px;
  float: left;
  text-align: center;
}
.deck .fullContent.notifications .row .title {
  width: 500px;
  margin: 0 10px;
  float: left;
}
.deck .fullContent.notifications .row .title .subtext {
  color: gray;
}
.deck .fullContent.notifications .row .title .subtext a {
  color: gray;
}
.deck .fullContent.notifications .row .options {
  width: 180px;
  float: right;
}
.deck .fullContent.notifications .row .options a {
  color: #303030;
  margin-right: 10px;
}
.deck .fullContent.WhyAboutMe {
  height: 400px;
}
.deck .fullContent :first-child .bio {
  margin-bottom: 0px;
}
.deck .fullContent .block {
  background: white;
  padding: 10px;
  display: block;
  margin-bottom: 10px;
  border: 1px #d7d7d7 solid;
  /*Chris - quick fix to lay out the textbox neatly, needs work*/

}
.deck .fullContent .block .checker_assessment {
  overflow: hidden;
}
.deck .fullContent .block.bio {
  width: 100%;
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin-top: 0;
}
.deck .fullContent .block.bio .form-container {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  margin-top: 8px;
}
.deck .fullContent .block.bio .form-container .field-validation-error {
  float: none;
  position: absolute;
  margin-top: 46px;
  margin-left: -180px;
}
.deck .fullContent .block.bio .form-container input {
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.deck .fullContent .block.bio .form-container input.btn-primary-aqua,
.deck .fullContent .block.bio .form-container input.btn-primary-gold,
.deck .fullContent .block.bio .form-container input.btn-primary_silver,
.deck .fullContent .block.bio .form-container input.btn-primary-white {
  border: 2px solid white;
}
.deck .fullContent .block.bio .form-container input:nth-child(2) {
  width: 49%;
  float: left;
}
.deck .fullContent .block.bio .form-container input:nth-child(2).uploader {
  /*styling for uploader*/
  width: 200px;
  float: none;
}
.deck .fullContent .block.bio .form-container input:nth-child(3) {
  width: 49%;
  float: right;
}
.deck .fullContent .block.bio .form-container input:nth-child(4) {
  width: 49%;
  float: right;
}
.deck .fullContent .block.bio .form-container #Postcode {
  width: 49%;
  float: right;
}
.deck .fullContent .block.bio .form-container .gender,
.deck .fullContent .block.bio .form-container .ethnicity {
  font-weight: 300;
  float: right;
  width: 100%;
  margin-bottom: 7px;
  border: 1px #d7d7d7 solid;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.deck .fullContent .block.bio .form-container .gender select,
.deck .fullContent .block.bio .form-container .ethnicity select {
  width: 100%;
  border: none;
}
.deck .fullContent .block.bio .form-container .gender input,
.deck .fullContent .block.bio .form-container .ethnicity input {
  float: none;
  width: 1em;
}
.deck .fullContent .block.bio .form-container .DatePickerDOB {
  width: 49%;
  float: right;
}
@media only screen and (max-width: 640px) {
  .deck .fullContent .block.bio .form-container {
    width: 100%;
    text-align: center;
    margin-left: 0px;
  }
  .deck .fullContent .block.bio .form-container select,
  .deck .fullContent .block.bio .form-container input {
    width: 100% !important;
  }
  .deck .fullContent .block.bio .form-container #Country {
    margin-bottom: 8px !important;
  }
}
.deck .fullContent .block.bio textarea {
  width: 544px;
  height: 150px;
  padding: 5px;
  font-size: 16px;
  border: 1px #d7d7d7 solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
@media (max-width: 1600px) and (min-width: 1431px) {
  .deck .fullContent .block.bio textarea {
    width: 85.5%;
  }
}
@media (min-width: 1604px) {
  .deck .fullContent .block.bio textarea {
    width: 1024px;
  }
}
.deck .fullContent .block.bio img {
  float: left;
  width: 150px;
}
.deck .fullContent .block.bio img.elipse {
  max-width: 150px;
  width: auto;
}
.deck .fullContent .block.bio .checker_img {
  width: auto;
}
.deck .fullContent .block select {
  width: 49%;
  padding: 8px;
  border: 1px #d7d7d7 solid;
  font-size: 16;
  color: #232323;
}
.deck .fullContent .block:last-child {
  margin-bottom: 0px;
}
.deck .fullContent .block .question {
  color: #303030;
  /*float: left;*/
  font-weight: 300;
  display: inline-block;
}
.deck .fullContent .block .question > img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.deck .fullContent .block .question.assessment {
  width: 65%;
}
.deck .fullContent .block .question .aboutme_avatar {
  margin-bottom: 8px;
}
.deck .fullContent .block .question .aboutme_avatar .avatar_box {
  display: block;
  min-height: 90px;
  position: relative;
  width: auto;
  padding-left: 158px;
}
.deck .fullContent .block .question .aboutme_avatar .avatar_box img {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.deck .fullContent .block .question .aboutme_avatar .avatar_box .about_avatar {
  float: left;
  min-height: 93px;
  width: 100%;
}
.deck .fullContent .block .question .aboutme_avatar .avatar_box .about_avatar textarea {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .deck .fullContent .block .question {
    width: 100%;
  }
}
.deck .fullContent .block .question p {
  font-weight: 300;
  margin: 0 0 10px 0;
}
.deck .fullContent .block .question p label {
  font-weight: 300;
  margin-right: 5px;
  float: left;
  display: block;
  text-align: right;
}
@media (max-width: 989px) {
  .deck .fullContent .block .question p label {
    width: auto;
    margin-right: 0;
    float: none;
    display: initial;
  }
}
.deck .fullContent .block .subquestion {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .deck .fullContent .block .subquestion {
    width: 100%;
  }
}
.deck .fullContent .block .answer input[type="text"] {
  width: 100%;
}
.deck .fullContent .block .answer {
  width: 49%;
  font-weight: 300;
  float: right;
  display: block;
}
.deck .fullContent .block .answer._assessment {
  width: 30%;
}
.deck .fullContent .block .answer._assessment select {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .deck .fullContent .block .answer {
    width: 100%;
  }
}
.deck .fullContent .block .answer p {
  margin: 0 0 9px 0;
}
.deck .fullContent .block .answer p label {
  font-weight: 300;
}
.deck .fullContent .block .sub-questions {
  display: none;
  clear: both;
  padding-top: 10px;
}
.deck .fullContent .block .sub-questions .subquestion {
  margin-bottom: 10px;
}
.deck .fullContent .block .sub-questions .answer {
  margin-bottom: 10px;
}
.deck .fullContent .submit {
  width: 100%;
  margin: 10px 0;
  text-align: right;
  margin-bottom: 0px;
}
.deck .fullContent .submit .AssessmentFormFinish {
  margin-bottom: 0px !important;
}
.deck .TrackingAndGoalsPanels .tabInnerContent {
  display: inline-block !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.deck .TrackingAndGoalsPanels .panelitems {
  float: left;
  width: 228px;
  margin-right: 8px;
  position: relative;
  float: none !important;
  display: inline-block;
  vertical-align: top;
  height: auto !important;
}
.deck .TrackingAndGoalsPanels .panelitems.DeckTrackingHistory .TrackingHistory_controls {
  font-size: 18px;
  font-weight: 200;
  padding: 4px 0;
}
.deck .TrackingAndGoalsPanels .panelitems.DeckTrackingHistory .TrackingHistory_controls input {
  text-align: center;
  font-size: 0.8em;
}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph {
  width: 456px;
  height: 320px;
}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph .innerdeck_set {
  font-size: 18px;
  font-weight: 200;
  padding: 4px 0;
}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph .innerdeck_set .xsis_position {
  float: none;
  position: relative;
  top: 4px;
}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph .innerdeck_set input {
  text-align: center;
  font-size: 0.8em;
}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph #chart_div_DeckKey {
  overflow: hidden;
}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph #chart_div_inner_DeckKey {
  top: -60px;
  position: relative;
  /* loading (needs to override chart and graphs styles) */

}
.deck .TrackingAndGoalsPanels .panelitems.snap1_graph #chart_div_inner_DeckKey .setloading {
  margin-top: 90px !important;
  padding: 0 !important;
  text-align: center;
}
@media (min-width: 1431px) {
  .deck .TrackingAndGoalsPanels .panelitems.snap1_disable {
    display: inline-block;
  }
}
.deck .TrackingAndGoalsPanels .panelitems.snap2_disable {
  display: inline-block;
}
@media (min-width: 1431px) {
  .deck .TrackingAndGoalsPanels .panelitems.snap2_disable {
    display: none;
  }
}
/*.exchangepostHolder{
    position:relative;
}*/

.exchangepost {
  height: 100px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
  .TrackingAndGoalsPanels {
    margin-bottom: 16px;
  }
  .TrackingAndGoalsPanels .panelitems {
    width: 100% !important;
  }
  .TrackingAndGoalsPanels .panelitems #TrackWeightPartialForm .UnitsScroller {
    width: 99% !important;
  }
  .TrackingAndGoalsPanels .DeckSetGoal {
    width: 100%;
  }
}
/* Hide Graph and Graph Controls on IE8 */

.lt-ie8 .TrackingHistory_controls,
.lt-ie8 .TrackingHistory_graph {
  display: none;
}
/* Long Term Conditions navigation link styling.
-------------------------------------------------------------*/

.ltc-summary-btn {
  position: relative;
  bottom: 0;
  top: 10px;
  width: 214px;
  margin: 8px;
  padding: 4px 8px 4px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  color: #303030;
}
@media only screen and (max-width: 640px) {
  .ltc-summary-btn {
    /* This class has mobile specific styles */
    width: 95%;
  }
}
.ltc-summary-btn a {
  color: #303030;
}
.ltc-summary-deck-nav {
  width: 214px;
  height: 170px;
  position: absolute;
  top: 73%;
  left: 50%;
  margin-top: -100px;
  margin-left: -107px;
  overflow: auto;
}
/* Jawbone Page styling.
-------------------------------------------------------------*/

#jawbone-summary-data {
  float: left;
  padding-left: 10px;
}
#jawbone-date-options {
  float: left;
  padding-left: 10px;
}
#jawbone-date-options h3 {
  text-decoration: underline;
}
/* Jawbone Summary Table Styling
-------------------------------------------------------------*/

.jawbone-summary-table td {
  padding-right: 10px;
}
/* Jawbone API chart styling.
-------------------------------------------------------------*/

#jawboneDataChart {
  float: right;
  padding-right: 10px;
  padding-bottom: 10px;
}
/* Jawbone navigation link styling.
-------------------------------------------------------------*/

.jawbone-link-style {
  list-style: none;
}
.jawbone-link-style li {
  width: 100px;
}
.jawbone-link-style li a {
  color: white;
  background-color: #4aabfb;
  padding-right: 61px;
  line-height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
}
.lt-ie8 .fullContent {
  background: #dbf3f7;
}
/*!
 * Component: Assesment engine
 *
 * Styles for the Assesments forms and results
 *
 * Copyright 2015 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Guillaume Simonin.
 */

/*!
 * List Helpers
 *
 * based on Compass mixins
 *
 * Developer: Guillaume Simonin.
 */

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/* Sections
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  overflow: visible;
  /* 2 */

}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */

}
/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */

}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */

}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */

}
/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: yellow;
  color: black;
}
/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border: 0px;
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
/* 1 */ [type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

}
/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  max-width: 100%;
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */

}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */

}
/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */

}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */

}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */

}
/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
/* 1 */ menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */

template {
  display: none;
}
/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
#ajaxLoader {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
/* Turn off the bullet for an element of a list */

.no-bullet {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
/* turns off the bullets for an entire list */

.no-bullets {
  list-style: none;
  padding-left: 0;
}
.no-bullets li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.horizontal-list-container {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  zoom: 1;
}
.horizontal-list {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  zoom: 1;
}
.horizontal-list > li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
}
.AssesmentScore {
  display: block;
  position: relative;
  margin-bottom: 16px;
}
.AssesmentScore .as_score {
  padding: 0 0 5px;
  position: relative;
  z-index: 3;
}
.AssesmentScore .as_progressBar {
  background: #f1f1f1;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 3px #e2e2e2;
  -moz-box-shadown: inset 0 1px 3px #e2e2e2;
  box-shadow: inset 0 1px 3px #e2e2e2;
  margin-bottom: 40px;
  padding: 5px 5px 4px;
  position: relative;
}
.AssesmentScore .as_progressBar .as_value {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
  background: white;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #cccccc;
  -moz-box-shadown: 0 1px 2px #cccccc;
  box-shadow: 0 1px 2px #cccccc;
  color: #999999;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 4px;
  margin-top: -8px;
  position: absolute;
  z-index: 3;
}
.AssesmentScore .as_progressBar .as_scale,
.AssesmentScore .as_progressBar .as_scaleLegend {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  top: -3px;
  width: 100%;
  z-index: 3;
}
.AssesmentScore .as_progressBar .as_scale > li,
.AssesmentScore .as_progressBar .as_scaleLegend > li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline;
  float: left;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}
.AssesmentScore .as_progressBar .as_scale li,
.AssesmentScore .as_progressBar .as_scaleLegend li {
  font-size: 16px;
  width: 20%;
  text-align: right;
}
.AssesmentScore .as_progressBar .as_scaleLegend {
  top: 20px;
  margin-left: 16px;
}
.AssesmentScore .as_progressBar .as_percent {
  background: #e1780f;
  border-bottom: 2px solid #814509;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 8px;
  min-width: 1%;
  position: absolute;
  bottom: 4px;
  z-index: 2;
}
.AssesmentScore .as_progressBar .as_percent.green {
  background: #74ab42;
  border-color: #5b8634;
}
.AssesmentScore .as_progressBar .as_percent.yellow {
  background: #cbcd59;
  border-color: #b8bb38;
}
.AssesmentScore .as_progressBar .as_percent.orange {
  background: #f39526;
  border-color: #da7c0c;
}
.AssesmentScore .as_progressBar .as_percent.red {
  background: #ed6256;
  border-color: #e83728;
}
.AssesmentScore .as_progressBar .as_total {
  background: #e2e2e2;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 2px 3px #cccccc;
  -moz-box-shadown: inset 0 2px 3px #cccccc;
  box-shadow: inset 0 2px 3px #cccccc;
  height: 10px;
  position: relative;
  z-index: 1;
}
.AssessmentPage .AssessmentInlineRadioButtonsTable .cssRadio + label:before {
  margin-right: 0;
}
@media only screen and (max-width: 640px) {
  .AssessmentPage .AssessmentInlineRadioButtonsTable th,
  .AssessmentPage .AssessmentInlineRadioButtonsTable td {
    font-size: 12px;
  }
}
.questionMark {
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  height: 30px;
  width: 30px;
  background-image: url('/Content/Images/V2/Question_Mark_Neutral.png');
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 8px;
}
/*
*
* Shared styles which don't really fit into anywhere else within the base styles folder but are common.
*
*/

.opaque-container {
  /* Opaque Background container */
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/*
*
*  Mixins Folder
*
*/

.width-0 {
  width: 0%;
}
.width-74 {
  width: 74%;
}
.width-100 {
  width: 100%;
}
.width-95 {
  width: 95%;
}
.width-90 {
  width: 90%;
}
.width-85 {
  width: 85%;
}
.width-80 {
  width: 80%;
}
.width-75 {
  width: 75%;
}
.width-70 {
  width: 70%;
}
.width-65 {
  width: 65%;
}
.width-60 {
  width: 60%;
}
.width-55 {
  width: 55%;
}
.width-50 {
  width: 50%;
}
.width-45 {
  width: 45%;
}
.width-40 {
  width: 40%;
}
.width-35 {
  width: 35%;
}
.width-30 {
  width: 30%;
}
.width-25 {
  width: 25%;
}
.width-20 {
  width: 20%;
}
.width-15 {
  width: 15%;
}
.width-10 {
  width: 10%;
}
.width-5 {
  width: 5%;
}
/*
*
* Root Folder but imported last so that we can ensure that the inheritence will work correctly.
*
*/

/*!
 * Module: Mobile
 *
 * Purpose:
 * - General shared mobile styles.
 *
 * Copyright 2017 Ice Creates Ltd
 * http://www.icecreates.com
 *
 * Developer: Dom Reilly & Owen Bayley
 */

@media only screen and (max-width: 880px) {
  .tablet-stack {
    display: block;
  }
  .tablet-full-width {
    width: 100%;
  }
  .tablet-padLR-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tablet-padLR-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 640px) {
  .mobile-stack {
    display: block;
  }
  .mobile-stack.mobile-full-width {
    width: 100%;
  }
  .mobile-full-width {
    width: 100%;
  }
  .mobile-center-text,
  .mobile-centre-text {
    text-align: center;
  }
  .mobile-display-none {
    display: none;
  }
}
.mobile-only {
  display: none;
}
@media only screen and (max-width: 640px) {
  .mobile-only {
    display: initial;
  }
}
/*Loops*/

.size_100 {
  font-size: 6.25rem;
  line-height: 8.125rem;
}
@media screen and (max-width: 768px) {
  .size_m_100 {
    font-size: 6.25rem;
    line-height: 7.1875rem;
  }
}
.size_99 {
  font-size: 6.1875rem;
  line-height: 8.04375rem;
}
@media screen and (max-width: 768px) {
  .size_m_99 {
    font-size: 6.1875rem;
    line-height: 7.115625rem;
  }
}
.size_98 {
  font-size: 6.125rem;
  line-height: 7.9625rem;
}
@media screen and (max-width: 768px) {
  .size_m_98 {
    font-size: 6.125rem;
    line-height: 7.04375rem;
  }
}
.size_97 {
  font-size: 6.0625rem;
  line-height: 7.88125rem;
}
@media screen and (max-width: 768px) {
  .size_m_97 {
    font-size: 6.0625rem;
    line-height: 6.971875rem;
  }
}
.size_96 {
  font-size: 6rem;
  line-height: 7.8rem;
}
@media screen and (max-width: 768px) {
  .size_m_96 {
    font-size: 6rem;
    line-height: 6.9rem;
  }
}
.size_95 {
  font-size: 5.9375rem;
  line-height: 7.71875rem;
}
@media screen and (max-width: 768px) {
  .size_m_95 {
    font-size: 5.9375rem;
    line-height: 6.828125rem;
  }
}
.size_94 {
  font-size: 5.875rem;
  line-height: 7.6375rem;
}
@media screen and (max-width: 768px) {
  .size_m_94 {
    font-size: 5.875rem;
    line-height: 6.75625rem;
  }
}
.size_93 {
  font-size: 5.8125rem;
  line-height: 7.55625rem;
}
@media screen and (max-width: 768px) {
  .size_m_93 {
    font-size: 5.8125rem;
    line-height: 6.684375rem;
  }
}
.size_92 {
  font-size: 5.75rem;
  line-height: 7.475rem;
}
@media screen and (max-width: 768px) {
  .size_m_92 {
    font-size: 5.75rem;
    line-height: 6.6125rem;
  }
}
.size_91 {
  font-size: 5.6875rem;
  line-height: 7.39375rem;
}
@media screen and (max-width: 768px) {
  .size_m_91 {
    font-size: 5.6875rem;
    line-height: 6.540625rem;
  }
}
.size_90 {
  font-size: 5.625rem;
  line-height: 7.3125rem;
}
@media screen and (max-width: 768px) {
  .size_m_90 {
    font-size: 5.625rem;
    line-height: 6.46875rem;
  }
}
.size_89 {
  font-size: 5.5625rem;
  line-height: 7.23125rem;
}
@media screen and (max-width: 768px) {
  .size_m_89 {
    font-size: 5.5625rem;
    line-height: 6.396875rem;
  }
}
.size_88 {
  font-size: 5.5rem;
  line-height: 7.15rem;
}
@media screen and (max-width: 768px) {
  .size_m_88 {
    font-size: 5.5rem;
    line-height: 6.325rem;
  }
}
.size_87 {
  font-size: 5.4375rem;
  line-height: 7.06875rem;
}
@media screen and (max-width: 768px) {
  .size_m_87 {
    font-size: 5.4375rem;
    line-height: 6.253125rem;
  }
}
.size_86 {
  font-size: 5.375rem;
  line-height: 6.9875rem;
}
@media screen and (max-width: 768px) {
  .size_m_86 {
    font-size: 5.375rem;
    line-height: 6.18125rem;
  }
}
.size_85 {
  font-size: 5.3125rem;
  line-height: 6.90625rem;
}
@media screen and (max-width: 768px) {
  .size_m_85 {
    font-size: 5.3125rem;
    line-height: 6.109375rem;
  }
}
.size_84 {
  font-size: 5.25rem;
  line-height: 6.825rem;
}
@media screen and (max-width: 768px) {
  .size_m_84 {
    font-size: 5.25rem;
    line-height: 6.0375rem;
  }
}
.size_83 {
  font-size: 5.1875rem;
  line-height: 6.74375rem;
}
@media screen and (max-width: 768px) {
  .size_m_83 {
    font-size: 5.1875rem;
    line-height: 5.965625rem;
  }
}
.size_82 {
  font-size: 5.125rem;
  line-height: 6.6625rem;
}
@media screen and (max-width: 768px) {
  .size_m_82 {
    font-size: 5.125rem;
    line-height: 5.89375rem;
  }
}
.size_81 {
  font-size: 5.0625rem;
  line-height: 6.58125rem;
}
@media screen and (max-width: 768px) {
  .size_m_81 {
    font-size: 5.0625rem;
    line-height: 5.821875rem;
  }
}
.size_80 {
  font-size: 5rem;
  line-height: 6.5rem;
}
@media screen and (max-width: 768px) {
  .size_m_80 {
    font-size: 5rem;
    line-height: 5.75rem;
  }
}
.size_79 {
  font-size: 4.9375rem;
  line-height: 6.41875rem;
}
@media screen and (max-width: 768px) {
  .size_m_79 {
    font-size: 4.9375rem;
    line-height: 5.678125rem;
  }
}
.size_78 {
  font-size: 4.875rem;
  line-height: 6.3375rem;
}
@media screen and (max-width: 768px) {
  .size_m_78 {
    font-size: 4.875rem;
    line-height: 5.60625rem;
  }
}
.size_77 {
  font-size: 4.8125rem;
  line-height: 6.25625rem;
}
@media screen and (max-width: 768px) {
  .size_m_77 {
    font-size: 4.8125rem;
    line-height: 5.534375rem;
  }
}
.size_76 {
  font-size: 4.75rem;
  line-height: 6.175rem;
}
@media screen and (max-width: 768px) {
  .size_m_76 {
    font-size: 4.75rem;
    line-height: 5.4625rem;
  }
}
.size_75 {
  font-size: 4.6875rem;
  line-height: 6.09375rem;
}
@media screen and (max-width: 768px) {
  .size_m_75 {
    font-size: 4.6875rem;
    line-height: 5.390625rem;
  }
}
.size_74 {
  font-size: 4.625rem;
  line-height: 6.0125rem;
}
@media screen and (max-width: 768px) {
  .size_m_74 {
    font-size: 4.625rem;
    line-height: 5.31875rem;
  }
}
.size_73 {
  font-size: 4.5625rem;
  line-height: 5.93125rem;
}
@media screen and (max-width: 768px) {
  .size_m_73 {
    font-size: 4.5625rem;
    line-height: 5.246875rem;
  }
}
.size_72 {
  font-size: 4.5rem;
  line-height: 5.85rem;
}
@media screen and (max-width: 768px) {
  .size_m_72 {
    font-size: 4.5rem;
    line-height: 5.175rem;
  }
}
.size_71 {
  font-size: 4.4375rem;
  line-height: 5.76875rem;
}
@media screen and (max-width: 768px) {
  .size_m_71 {
    font-size: 4.4375rem;
    line-height: 5.103125rem;
  }
}
.size_70 {
  font-size: 4.375rem;
  line-height: 5.6875rem;
}
@media screen and (max-width: 768px) {
  .size_m_70 {
    font-size: 4.375rem;
    line-height: 5.03125rem;
  }
}
.size_69 {
  font-size: 4.3125rem;
  line-height: 5.60625rem;
}
@media screen and (max-width: 768px) {
  .size_m_69 {
    font-size: 4.3125rem;
    line-height: 4.959375rem;
  }
}
.size_68 {
  font-size: 4.25rem;
  line-height: 5.525rem;
}
@media screen and (max-width: 768px) {
  .size_m_68 {
    font-size: 4.25rem;
    line-height: 4.8875rem;
  }
}
.size_67 {
  font-size: 4.1875rem;
  line-height: 5.44375rem;
}
@media screen and (max-width: 768px) {
  .size_m_67 {
    font-size: 4.1875rem;
    line-height: 4.815625rem;
  }
}
.size_66 {
  font-size: 4.125rem;
  line-height: 5.3625rem;
}
@media screen and (max-width: 768px) {
  .size_m_66 {
    font-size: 4.125rem;
    line-height: 4.74375rem;
  }
}
.size_65 {
  font-size: 4.0625rem;
  line-height: 5.28125rem;
}
@media screen and (max-width: 768px) {
  .size_m_65 {
    font-size: 4.0625rem;
    line-height: 4.671875rem;
  }
}
.size_64 {
  font-size: 4rem;
  line-height: 5.2rem;
}
@media screen and (max-width: 768px) {
  .size_m_64 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
}
.size_63 {
  font-size: 3.9375rem;
  line-height: 5.11875rem;
}
@media screen and (max-width: 768px) {
  .size_m_63 {
    font-size: 3.9375rem;
    line-height: 4.528125rem;
  }
}
.size_62 {
  font-size: 3.875rem;
  line-height: 5.0375rem;
}
@media screen and (max-width: 768px) {
  .size_m_62 {
    font-size: 3.875rem;
    line-height: 4.45625rem;
  }
}
.size_61 {
  font-size: 3.8125rem;
  line-height: 4.95625rem;
}
@media screen and (max-width: 768px) {
  .size_m_61 {
    font-size: 3.8125rem;
    line-height: 4.384375rem;
  }
}
.size_60 {
  font-size: 3.75rem;
  line-height: 4.875rem;
}
@media screen and (max-width: 768px) {
  .size_m_60 {
    font-size: 3.75rem;
    line-height: 4.3125rem;
  }
}
.size_59 {
  font-size: 3.6875rem;
  line-height: 4.79375rem;
}
@media screen and (max-width: 768px) {
  .size_m_59 {
    font-size: 3.6875rem;
    line-height: 4.240625rem;
  }
}
.size_58 {
  font-size: 3.625rem;
  line-height: 4.7125rem;
}
@media screen and (max-width: 768px) {
  .size_m_58 {
    font-size: 3.625rem;
    line-height: 4.16875rem;
  }
}
.size_57 {
  font-size: 3.5625rem;
  line-height: 4.63125rem;
}
@media screen and (max-width: 768px) {
  .size_m_57 {
    font-size: 3.5625rem;
    line-height: 4.096875rem;
  }
}
.size_56 {
  font-size: 3.5rem;
  line-height: 4.55rem;
}
@media screen and (max-width: 768px) {
  .size_m_56 {
    font-size: 3.5rem;
    line-height: 4.025rem;
  }
}
.size_55 {
  font-size: 3.4375rem;
  line-height: 4.46875rem;
}
@media screen and (max-width: 768px) {
  .size_m_55 {
    font-size: 3.4375rem;
    line-height: 3.953125rem;
  }
}
.size_54 {
  font-size: 3.375rem;
  line-height: 4.3875rem;
}
@media screen and (max-width: 768px) {
  .size_m_54 {
    font-size: 3.375rem;
    line-height: 3.88125rem;
  }
}
.size_53 {
  font-size: 3.3125rem;
  line-height: 4.30625rem;
}
@media screen and (max-width: 768px) {
  .size_m_53 {
    font-size: 3.3125rem;
    line-height: 3.809375rem;
  }
}
.size_52 {
  font-size: 3.25rem;
  line-height: 4.225rem;
}
@media screen and (max-width: 768px) {
  .size_m_52 {
    font-size: 3.25rem;
    line-height: 3.7375rem;
  }
}
.size_51 {
  font-size: 3.1875rem;
  line-height: 4.14375rem;
}
@media screen and (max-width: 768px) {
  .size_m_51 {
    font-size: 3.1875rem;
    line-height: 3.665625rem;
  }
}
.size_50 {
  font-size: 3.125rem;
  line-height: 4.0625rem;
}
@media screen and (max-width: 768px) {
  .size_m_50 {
    font-size: 3.125rem;
    line-height: 3.59375rem;
  }
}
.size_49 {
  font-size: 3.0625rem;
  line-height: 3.98125rem;
}
@media screen and (max-width: 768px) {
  .size_m_49 {
    font-size: 3.0625rem;
    line-height: 3.521875rem;
  }
}
.size_48 {
  font-size: 3rem;
  line-height: 3.9rem;
}
@media screen and (max-width: 768px) {
  .size_m_48 {
    font-size: 3rem;
    line-height: 3.45rem;
  }
}
.size_47 {
  font-size: 2.9375rem;
  line-height: 3.81875rem;
}
@media screen and (max-width: 768px) {
  .size_m_47 {
    font-size: 2.9375rem;
    line-height: 3.378125rem;
  }
}
.size_46 {
  font-size: 2.875rem;
  line-height: 3.7375rem;
}
@media screen and (max-width: 768px) {
  .size_m_46 {
    font-size: 2.875rem;
    line-height: 3.30625rem;
  }
}
.size_45 {
  font-size: 2.8125rem;
  line-height: 3.65625rem;
}
@media screen and (max-width: 768px) {
  .size_m_45 {
    font-size: 2.8125rem;
    line-height: 3.234375rem;
  }
}
.size_44 {
  font-size: 2.75rem;
  line-height: 3.575rem;
}
@media screen and (max-width: 768px) {
  .size_m_44 {
    font-size: 2.75rem;
    line-height: 3.1625rem;
  }
}
.size_43 {
  font-size: 2.6875rem;
  line-height: 3.49375rem;
}
@media screen and (max-width: 768px) {
  .size_m_43 {
    font-size: 2.6875rem;
    line-height: 3.090625rem;
  }
}
.size_42 {
  font-size: 2.625rem;
  line-height: 3.4125rem;
}
@media screen and (max-width: 768px) {
  .size_m_42 {
    font-size: 2.625rem;
    line-height: 3.01875rem;
  }
}
.size_41 {
  font-size: 2.5625rem;
  line-height: 3.33125rem;
}
@media screen and (max-width: 768px) {
  .size_m_41 {
    font-size: 2.5625rem;
    line-height: 2.946875rem;
  }
}
.size_40 {
  font-size: 2.5rem;
  line-height: 3.25rem;
}
@media screen and (max-width: 768px) {
  .size_m_40 {
    font-size: 2.5rem;
    line-height: 2.875rem;
  }
}
.size_39 {
  font-size: 2.4375rem;
  line-height: 3.16875rem;
}
@media screen and (max-width: 768px) {
  .size_m_39 {
    font-size: 2.4375rem;
    line-height: 2.803125rem;
  }
}
.size_38 {
  font-size: 2.375rem;
  line-height: 3.0875rem;
}
@media screen and (max-width: 768px) {
  .size_m_38 {
    font-size: 2.375rem;
    line-height: 2.73125rem;
  }
}
.size_37 {
  font-size: 2.3125rem;
  line-height: 3.00625rem;
}
@media screen and (max-width: 768px) {
  .size_m_37 {
    font-size: 2.3125rem;
    line-height: 2.659375rem;
  }
}
.size_36 {
  font-size: 2.25rem;
  line-height: 2.925rem;
}
@media screen and (max-width: 768px) {
  .size_m_36 {
    font-size: 2.25rem;
    line-height: 2.5875rem;
  }
}
.size_35 {
  font-size: 2.1875rem;
  line-height: 2.84375rem;
}
@media screen and (max-width: 768px) {
  .size_m_35 {
    font-size: 2.1875rem;
    line-height: 2.515625rem;
  }
}
.size_34 {
  font-size: 2.125rem;
  line-height: 2.7625rem;
}
@media screen and (max-width: 768px) {
  .size_m_34 {
    font-size: 2.125rem;
    line-height: 2.44375rem;
  }
}
.size_33 {
  font-size: 2.0625rem;
  line-height: 2.68125rem;
}
@media screen and (max-width: 768px) {
  .size_m_33 {
    font-size: 2.0625rem;
    line-height: 2.371875rem;
  }
}
.size_32 {
  font-size: 2rem;
  line-height: 2.6rem;
}
@media screen and (max-width: 768px) {
  .size_m_32 {
    font-size: 2rem;
    line-height: 2.3rem;
  }
}
.size_31 {
  font-size: 1.9375rem;
  line-height: 2.51875rem;
}
@media screen and (max-width: 768px) {
  .size_m_31 {
    font-size: 1.9375rem;
    line-height: 2.228125rem;
  }
}
.size_30 {
  font-size: 1.875rem;
  line-height: 2.4375rem;
}
@media screen and (max-width: 768px) {
  .size_m_30 {
    font-size: 1.875rem;
    line-height: 2.15625rem;
  }
}
.size_29 {
  font-size: 1.8125rem;
  line-height: 2.35625rem;
}
@media screen and (max-width: 768px) {
  .size_m_29 {
    font-size: 1.8125rem;
    line-height: 2.084375rem;
  }
}
.size_28 {
  font-size: 1.75rem;
  line-height: 2.275rem;
}
@media screen and (max-width: 768px) {
  .size_m_28 {
    font-size: 1.75rem;
    line-height: 2.0125rem;
  }
}
.size_27 {
  font-size: 1.6875rem;
  line-height: 2.19375rem;
}
@media screen and (max-width: 768px) {
  .size_m_27 {
    font-size: 1.6875rem;
    line-height: 1.940625rem;
  }
}
.size_26 {
  font-size: 1.625rem;
  line-height: 2.1125rem;
}
@media screen and (max-width: 768px) {
  .size_m_26 {
    font-size: 1.625rem;
    line-height: 1.86875rem;
  }
}
.size_25 {
  font-size: 1.5625rem;
  line-height: 2.03125rem;
}
@media screen and (max-width: 768px) {
  .size_m_25 {
    font-size: 1.5625rem;
    line-height: 1.796875rem;
  }
}
.size_24 {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
@media screen and (max-width: 768px) {
  .size_m_24 {
    font-size: 1.5rem;
    line-height: 1.725rem;
  }
}
.size_23 {
  font-size: 1.4375rem;
  line-height: 1.86875rem;
}
@media screen and (max-width: 768px) {
  .size_m_23 {
    font-size: 1.4375rem;
    line-height: 1.653125rem;
  }
}
.size_22 {
  font-size: 1.375rem;
  line-height: 1.7875rem;
}
@media screen and (max-width: 768px) {
  .size_m_22 {
    font-size: 1.375rem;
    line-height: 1.58125rem;
  }
}
.size_21 {
  font-size: 1.3125rem;
  line-height: 1.70625rem;
}
@media screen and (max-width: 768px) {
  .size_m_21 {
    font-size: 1.3125rem;
    line-height: 1.509375rem;
  }
}
.size_20 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media screen and (max-width: 768px) {
  .size_m_20 {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
.size_19 {
  font-size: 1.1875rem;
  line-height: 1.54375rem;
}
@media screen and (max-width: 768px) {
  .size_m_19 {
    font-size: 1.1875rem;
    line-height: 1.365625rem;
  }
}
.size_18 {
  font-size: 1.125rem;
  line-height: 1.4625rem;
}
@media screen and (max-width: 768px) {
  .size_m_18 {
    font-size: 1.125rem;
    line-height: 1.29375rem;
  }
}
.size_17 {
  font-size: 1.0625rem;
  line-height: 1.38125rem;
}
@media screen and (max-width: 768px) {
  .size_m_17 {
    font-size: 1.0625rem;
    line-height: 1.221875rem;
  }
}
.size_16 {
  font-size: 1rem;
  line-height: 1.3rem;
}
@media screen and (max-width: 768px) {
  .size_m_16 {
    font-size: 1rem;
    line-height: 1.15rem;
  }
}
.size_15 {
  font-size: 0.9375rem;
  line-height: 1.21875rem;
}
@media screen and (max-width: 768px) {
  .size_m_15 {
    font-size: 0.9375rem;
    line-height: 1.078125rem;
  }
}
.size_14 {
  font-size: 0.875rem;
  line-height: 1.1375rem;
}
@media screen and (max-width: 768px) {
  .size_m_14 {
    font-size: 0.875rem;
    line-height: 1.00625rem;
  }
}
.size_13 {
  font-size: 0.8125rem;
  line-height: 1.05625rem;
}
@media screen and (max-width: 768px) {
  .size_m_13 {
    font-size: 0.8125rem;
    line-height: 0.934375rem;
  }
}
.size_12 {
  font-size: 0.75rem;
  line-height: 0.975rem;
}
@media screen and (max-width: 768px) {
  .size_m_12 {
    font-size: 0.75rem;
    line-height: 0.8625rem;
  }
}
.size_11 {
  font-size: 0.6875rem;
  line-height: 0.89375rem;
}
@media screen and (max-width: 768px) {
  .size_m_11 {
    font-size: 0.6875rem;
    line-height: 0.790625rem;
  }
}
.size_10 {
  font-size: 0.625rem;
  line-height: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .size_m_10 {
    font-size: 0.625rem;
    line-height: 0.71875rem;
  }
}
.size_9 {
  font-size: 0.5625rem;
  line-height: 0.73125rem;
}
@media screen and (max-width: 768px) {
  .size_m_9 {
    font-size: 0.5625rem;
    line-height: 0.646875rem;
  }
}
