@charset "UTF-8";
/*
------------------------------------------------------------------------------------------------
  EMBER FRAMEWORK FRONT CSS - style.css
------------------------------------------------------------------------------------------------
  Created:  01-10-2017
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
/*! normalize.css v8.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 iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * 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
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * 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 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
------------------------------------------------------------------------------------------------
  _site_variables.scss - SASS VARIABLES AND MIXINS
------------------------------------------------------------------------------------------------
  Created:  01-03-2015
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
/* Main Colours */
/* DROP SHADOW */
/* Fonts */
/* Breakpoints */
/* Z-indexes */
/* CUSTOM EASING */
/* Mixins */
/* Reset all LIs that aren't in body content */
/* Override the bourbon mixin as ie8 doesn't support :: */
/* Add icon to element */
/* Hide text within icon link */
/* Switch Font smoothing settings */
/* Screen reader only text */
/* Calculate REM based on pixel input */
/*
-------------------------------------------------------------------- HELPERS FOR GENERATING SVGS

------------------------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------ MIXIN FOR GENERATING AN ARROW

------------------------------------------------------------------------------------------------
*/
/* DATATABLE SORT ARROW DEFAULT */
/* DATATABLE SORT ARROW UP */
/* DATATABLE SORT ARROW DOWN */
/* DATATABLE PAGINATION ARROW LEFT */
/* DATATABLE PAGINATION ARROW DOUBLE LEFT */
/* DATATABLE PAGINATION ARROW RIGHT */
/* DATATABLE PAGINATION DOUBLE ARROW RIGHT */
/* CHEVRON RIGHT */
/* CHEVRON LEFT */
/* CHEVRON RIGHT LARGE */
/* CHEVRON LEFT LARGE */
/* CHEVRON UP LARGE */
/* CHEVRON THIN UP  */
/* CHEVRON THIN DOWN */
/* CHEVRON THIN LEFT */
/* CHEVRON THIN RIGHT  */
/* CHEVRON DRAG (LEFT AND RIGHT) */
/* TRIANGLE RIGHT */
/* SMALL TRIANGLE RIGHT */
/* SMALL TRIANGLE LEFT */
/* ARROW LINK */
/* FEATURE CHEVRON RIGHT  */
/* FEATURE CHEVRON RIGHT SMALL  */
/* CHEVRON RIGHT SMALL */
/*
------------------------------------------------------------------ MIXIN FOR GENERATING AN ARROW

------------------------------------------------------------------------------------------------
*/
/* 4x4px dot */
/* UL LIST DOT */
/* THREE DOTS */
/* Vertical line */
/*
--------------------------------------------------------- MIXIN FOR GENERATING CROSSES AND TICKS

------------------------------------------------------------------------------------------------
*/
/* CROSS IN CIRCLE */
/* TICK IN CIRCLE */
/* THICK TICK  */
/* THICK WARNING  */
/* THICK CROSS  */
/* @function svg-thick-cross($fill-color) {

    @return '<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px">
        <g>
            <path fill="' + $fill-color + '" d="M9.69 7.81L6.88 5l2.81-2.81c.41-.41.41-1.09 0-1.5L9.31.31C8.9-.1 8.22-.1 7.81.31L5 3.12 2.19.31C1.78-.1 1.1-.1.69.31L.31.69c-.41.41-.41 1.09 0 1.5L3.12 5 .31 7.81c-.41.41-.41 1.09 0 1.5l.38.38c.41.41 1.09.41 1.5 0L5 6.88 7.82 9.7c.41.41 1.09.41 1.5 0l.38-.38c.4-.42.4-1.09-.01-1.51z"/>
        </g>
    </svg>';

}
*/
/* SURVIVAL CHEVRON */
/* SURVIVAL CHEVRON SMALL */
/* GROWTH ARROW */
/* GROWTH ARROW SMALL */
/* PLUS SIGN SMALL */
/* MINUS SIGN SMALL */
/*
-------------------------------------------------------------- MIXIN FOR GENERATING LOGO ELEMENTS

------------------------------------------------------------------------------------------------
*/
/* M LOGO ELEMENT */
/* SPIRAL ELEMENT */
/*
----------------------------------------------------- MIXIN FOR GENERATING MINDSET GRID ELEMENTS

------------------------------------------------------------------------------------------------
*/
/* USER */
/* ARROW */
/* USER SMALL SIMPLE */
/* USER SMALL */
/*
@function svg-mindset-grid-user-sm($fill-color) {

    @return '<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px">
        <circle fill="#AFAFAF" cx="32" cy="32" r="30"/>
        <circle fill="#FFF" cx="32" cy="23.66" r="12.8"/>
        <path fill="#FFF" d="M51.2 53.95c0 2.92-8.59 8.17-19.2 8.17s-19.2-5.14-19.2-8.17c0-10.61 8.59-19.2 19.2-19.2s19.2 8.6 19.2 19.2z"/>
        <path fill="' + $fill-color + '" d="M32 4c15.44 0 28 12.56 28 28S47.44 60 32 60 4 47.44 4 32 16.56 4 32 4m0-4C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0z"/>
    </svg>';

}
*/
/* USER RANGE SLIDER */
/*
------------------------------------------------------------------------------------------------
  EMBER FRAMEWORK FRONT CSS - style.css
------------------------------------------------------------------------------------------------
  Created:  01-10-2017
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------------------------------------
  EMBER FRAMEWORK FRONT CSS - site_base.css
------------------------------------------------------------------------------------------------
  Created:  01-10-2017
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
/*
--------------------------------------------------------------------------------------- clrfix

------------------------------------------------------------------------------------------------
*/
.clr:after {
  clear: both;
  content: "";
  display: table;
}

/*
------------------------------------------------------------------------------------ HTML / BODY

------------------------------------------------------------------------------------------------
*/
html, body {
  max-height: 100%;
  min-height: 100%;
  height: 100%;
}

html {
  line-height: 1.5;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  color: #4a4b45;
  min-width: 300px;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
@media screen {
  html {
    background-color: #f2f4f7;
  }
}

body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

@page {
  margin: 200px;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

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

/*
---------------------------------------------------------------------------- ACCESSIBILITY FOCUS

------------------------------------------------------------------------------------------------
*/
:focus {
  outline: 2px solid #005fcc !important;
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none !important;
}

:focus-visible {
  outline: 2px solid #005fcc !important;
  outline-offset: 2px;
}

:focus:disabled,
.disabled:focus,
:focus-visible:disabled,
.disabled:focus-visible {
  outline: none !important;
}

/*
---------------------------------------------------------------------------------- TEXT DEFAULTS

------------------------------------------------------------------------------------------------
*/
/* Base Text */
p {
  margin: 0 0 1.25rem 0;
  padding: 0 4px 0 0;
  font-size: 13px;
  font-size: 0.8125pxrem;
  line-height: 1.6;
  position: relative;
}
@media screen and (min-width: 30em) {
  p {
    font-size: 14px;
    font-size: 0.875pxrem;
  }
}
@media screen and (min-width: 45em) {
  p {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media print {
  p {
    margin-bottom: 0.75rem;
  }
}

b, strong {
  font-weight: 600;
}

/* Links */
a {
  color: #246eb7;
  font-weight: 500;
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: underline;
  word-wrap: break-word;
}

a:hover, a.active {
  color: #316ca6;
  text-decoration: none;
}

a:focus {
  outline: none;
  color: #316ca6;
  text-decoration: none;
}

.text-link {
  color: #4a4b45;
  text-decoration: none;
  font-weight: 400;
}

.text-link:hover {
  color: #303336;
  text-decoration: underline;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.2;
  font-weight: 500;
  color: #303336;
  margin: 0;
  margin-bottom: 18px;
  margin-bottom: 1.25rem;
  position: relative;
}

h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
  color: #303336;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  text-decoration: underline;
}

h1, .h-1 {
  font-size: 24px;
  font-size: 1.5pxrem;
  font-weight: 300;
  color: #151b26;
}

h2, .h-2 {
  font-size: 18px;
  font-size: 1.125pxrem;
}

h3, .h-3 {
  font-size: 16px;
  font-size: 1pxrem;
}

h4, .h-4 {
  font-size: 15px;
  font-size: 0.9375pxrem;
}

h5, .h-5 {
  font-size: 14px;
  font-size: 0.875pxrem;
}

h6, .h-6 {
  font-size: 14px;
  font-size: 0.875pxrem;
}

.h-hero {
  font-size: 24px;
  font-size: 1.5pxrem;
}

@media screen and (min-width: 45em) {
  h1, .h-1 {
    font-size: 25px;
    font-size: 1.5625pxrem;
  }
  h2, .h-2 {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
  h3, .h-3 {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
  h4, .h-4 {
    font-size: 16px;
    font-size: 1pxrem;
  }
  h5, .h-5 {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
  h6, .h-6 {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
  .h-hero {
    font-size: 48px;
    font-size: 3pxrem;
  }
}
@media screen and (min-width: 58em) {
  h1, .h-1 {
    font-size: 30px;
    font-size: 1.875pxrem;
  }
  h2, .h-2 {
    font-size: 24px;
    font-size: 1.5pxrem;
  }
  h3, .h-3 {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
  h4, .h-4 {
    font-size: 18px;
    font-size: 1.125pxrem;
  }
}
.h-white {
  color: #ffffff;
}

.h-grey {
  color: #60615c;
}

.h-primary {
  color: #93579a;
}

.h-secondary {
  color: #f8ca00;
}

.h-disabled {
  color: #60615c;
  opacity: 0.6;
}

.h-strong {
  font-weight: 500;
}

.h-light {
  font-weight: 300;
}

.h-block {
  margin-bottom: 1.25rem;
}
.h-block:after {
  clear: both;
  content: "";
  display: table;
}

.h-block h1,
.h-block h2,
.h-block h3,
.h-block h4,
.h-block h5 {
  margin-bottom: 4px;
}

.h-block p:last-child {
  margin-bottom: 0;
}

.h-block .icon-ratio.icon-ratio-spiral {
  margin-right: 10px;
  margin-top: 2px;
  width: 34px;
}
@media screen and (min-width: 30em) {
  .h-block .icon-ratio.icon-ratio-spiral {
    width: 40px;
  }
}

.title-border {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 1.5rem;
}

.h-block.h-block-flex {
  display: flex;
  align-items: flex-start;
}

.h-block.h-block-flex .h-block-content {
  flex: 1;
}

.h-block.h-block-flex .h-block-link {
  margin-left: auto;
  text-align: right;
  padding-left: 10px;
}

.h-block.h-block-flex > img {
  max-width: 90px;
  max-height: 60px;
  display: block;
  margin-bottom: 0;
}

.h-block.h-block-flex > img:first-child {
  margin-right: 16px;
}

.h-block.h-block-flex > img:last-child {
  margin-left: 16px;
}

@media screen and (max-width: 30em) {
  .h-block.h-block-flex {
    flex-wrap: wrap;
  }
  .h-block.h-block-flex .h-block-flex-mob-break {
    flex-basis: 100%;
  }
  .h-block.h-block-flex > img:last-child {
    margin-left: 0;
    margin-top: 6px;
  }
  .h-block.h-block-flex .h-block-link {
    margin-left: 0;
    margin-top: 6px;
    padding-left: 0;
    text-align: left;
  }
}
/* SPACING */
p + h4,
p + h5 {
  padding-top: 14px;
}

ul + h4,
ul + h5 {
  padding-top: 10px;
}

/* LISTS */
ul, ol, dl,
ol ol, ol ul, ul ol, ul ul {
  margin: 0 0 1.25em 0;
  padding-left: 1.5em;
  font-size: 13px;
  font-size: 0.8125pxrem;
  line-height: 1.5;
  -webkit-backface-visibility: hidden;
}
@media screen and (min-width: 30em) {
  ul, ol, dl,
  ol ol, ol ul, ul ol, ul ul {
    font-size: 14px;
    font-size: 0.875pxrem;
    padding-left: 2.5em;
  }
}
@media screen and (min-width: 45em) {
  ul, ol, dl,
  ol ol, ol ul, ul ol, ul ul {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media print {
  ul, ol, dl,
  ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0.75rem;
  }
}

li {
  padding-bottom: 4px;
  margin: 0;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0.7em;
  padding-left: 2em;
  padding-top: 10px;
}
@media print {
  ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0.5rem;
  }
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: 1rem;
  margin-left: 0;
}

/* SMALLER BULLET */
ul {
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Ccircle fill='%234a4b45' cx='3.5' cy='2.5' r='1.5'/%3E%3C/svg%3E");
}

/* NO STYLE UL */
ul.text-ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/* CENTERED LIST */
.centered-list {
  text-align: center;
  list-style-position: inside;
}

/* IMAGES */
img {
  margin: 0 0 1em 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9 ; /* ie8 */
}

svg {
  pointer-events: none;
}

svg:not(:root) {
  overflow: hidden;
}

img[src*=".svg"] {
  width: 100%;
  height: auto;
  max-width: none;
  display: block;
}

.img-with-caption {
  margin: 0;
  padding: 0;
}

.img-with-caption img {
  margin: 0;
  padding: 0;
  display: block;
}

.img-with-caption figcaption.bg-fill {
  padding: 8px 12px;
}

/* HELPERS */
.hidden {
  display: none;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.skip-link {
  position: fixed;
  right: 30px;
  top: 10px;
  z-index: 99999;
}

a.skip-link {
  color: #000000;
  font-size: 12px;
  text-decoration: none;
}

@media screen and (max-width: 719px) {
  .skip-link {
    right: 50px;
    top: 10px;
  }
}
.mb {
  margin-bottom: 1.25rem;
}

.mb-0 {
  margin-bottom: 0;
}

p.text-smaller,
.text-smaller p,
span.text-smaller {
  font-size: 13px;
  font-size: 0.8125pxrem;
}
@media screen and (min-width: 30em) {
  p.text-smaller,
  .text-smaller p,
  span.text-smaller {
    font-size: 14px;
    font-size: 0.875pxrem;
  }
}

p.text-smallest,
.text-smallest p,
span.text-smallest {
  font-size: 13px;
  font-size: 0.8125pxrem;
}

p.text-larger,
.text-larger p,
span.text-larger {
  font-size: 13px;
  font-size: 0.8125pxrem;
}
@media screen and (min-width: 30em) {
  p.text-larger,
  .text-larger p,
  span.text-larger {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media screen and (min-width: 45em) {
  p.text-larger,
  .text-larger p,
  span.text-larger {
    font-size: 16px;
    font-size: 1pxrem;
  }
}
@media screen and (min-width: 58em) {
  p.text-larger,
  .text-larger p,
  span.text-larger {
    font-size: 18px;
    font-size: 1.125pxrem;
  }
}

p.text-largest,
.text-largest p,
span.text-largest {
  font-size: 13px;
  font-size: 0.8125pxrem;
}
@media screen and (min-width: 30em) {
  p.text-largest,
  .text-largest p,
  span.text-largest {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media screen and (min-width: 45em) {
  p.text-largest,
  .text-largest p,
  span.text-largest {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
}
@media screen and (min-width: 58em) {
  p.text-largest,
  .text-largest p,
  span.text-largest {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
}

.text-centered {
  text-align: center;
}

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

.text-strong {
  font-weight: 500;
}

.text-primary {
  color: #93579a;
}

.text-secondary {
  color: #93579a;
}

.text-success {
  color: #107366 !important;
}

.text-danger {
  color: #972c15 !important;
}

.text-warning {
  color: #b26204 !important;
}

.text-survival {
  background-color: #ffdc00;
  color: #000000 !important;
  display: inline-block;
  padding: 1px 6px;
}

.text-survival-inverse {
  background-color: #000000;
  color: #ffdc00 !important;
}

.text-growth {
  background-color: #3C8700;
  color: #ffffff !important;
  display: inline-block;
  padding: 1px 6px;
}

.text-survival:empty,
.text-growth:empty {
  display: inline;
  padding: 0;
  background: transparant;
}

h2.text-survival,
h3.text-survival,
h2.text-growth,
h3.text-growth {
  font-weight: 700;
}

.text-success-alt {
  color: #107366;
}

.text-growth-alt {
  color: #107366;
}

.text-sensor {
  color: #93579a !important;
}

.text-intuitive {
  color: #246eb7 !important;
}

.text-thinker {
  color: #4a4b45 !important;
}

.text-feeler {
  color: #f8ca00 !important;
}

.bg-success {
  background-color: #639332;
  color: #ffffff;
}

.bg-danger {
  background-color: #972c15;
  color: #ffffff;
}

.bg-warning {
  background-color: #b26204;
  color: #ffffff;
}

.bg-survival {
  background-color: #ffdc00;
  color: #000000;
}

.bg-growth {
  background-color: #3C8700;
  color: #ffffff;
}

/* ANIMATION HELPERS */
.animate-opacity {
  opacity: 1;
  transition: opacity 0.2s linear;
}

.animate-opacity.animate-show {
  opacity: 1;
}

.animate-opacity.animate-hide {
  opacity: 0;
}

/* TEXT COLOURS */
.text-yellow {
  color: #f8ca00;
}

.text-green {
  color: #bbc510;
}

.text-orange {
  color: #b26204;
}

.text-blue {
  color: #246eb7;
}

.text-purple {
  color: #93579a;
}

/* SHOW / HIDE */
.hidden-tablet-down {
  display: none;
}

@media screen and (min-width: 45em) {
  .hidden-tablet-down {
    display: block;
  }
  .hidden-tablet-up {
    display: none;
  }
}
/* BORDERS */
.border-bottom {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}

.border-bottom.border-bottom-stack:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.border-top {
  border-top: 1px solid #e1e1e1;
  padding-top: 30px;
}

/* HR */
.hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 26px 0 20px 0;
  overflow: hidden;
}

.hr-dashed {
  border-top: 1px dashed #bebebe;
}

.hr.hr-mb {
  margin-bottom: 40px;
}

.hr.hr-mb-mid {
  margin-bottom: 30px;
}

.hr.hr-mb-none {
  margin-bottom: 0;
}

.hr.hr-mt {
  margin-top: 40px;
}

.hr.hr-mt-mid {
  margin-top: 30px;
}

.hr.hr-mt-none {
  margin-top: 0;
}

code {
  background-color: #f2f4f7;
  display: inline-block;
  padding: 0 6px;
  border-radius: 3px;
}

/* TITLE BLOCK */
.title-block.title-block-with-img {
  display: flex;
  align-items: center;
}

.title-block .title-block-img {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}

.title-block .title-block-img img {
  /*position: absolute;
  top: 0;
  right: 0;*/
  max-width: 60px;
  max-height: 60px;
  margin: 0;
}
@media screen and (min-width: 45em) {
  .title-block .title-block-img img {
    max-width: 100px;
  }
}

.title-block.title-border h1 {
  margin-bottom: 0;
}

/* SVG ICONS */
.svg-icon {
  display: block;
  fill: currentColor;
  vertical-align: top;
  transform: translate(0, 0);
  /* Place the icon on the text baseline. */
  position: relative;
  top: 0.125em;
  /* Prevent the icon from shrinking inside a flex container. */
  flex-shrink: 0;
  /* Scale the icon to match the font-size of the parent element. */
  height: 1em;
  width: 1em;
}

.icon-ratio {
  width: 18px;
  min-width: 18px;
  position: relative;
}

.icon-ratio:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.icon-ratio {
  position: relative;
}

.icon-ratio .svg-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Icon in a link */
.icon-link,
.primary-nav .icon-link {
  display: flex;
}

.icon-link .icon-ratio {
  margin-right: 6px;
}
@media screen and (min-width: 58em) {
  .icon-link .icon-ratio {
    margin-right: 10px;
  }
}

/*
----------------------------------------------------------------------------------------- LAYOUT

------------------------------------------------------------------------------------------------
*/
.row {
  padding: 0 16px;
  max-width: 82rem;
  margin: 0 auto;
}
.row:after {
  clear: both;
  content: "";
  display: table;
}

.row .row {
  padding-left: 0;
  padding-right: 0;
}

.row.row-thin {
  max-width: 60rem;
}

section,
article {
  padding: 30px 0;
}
@media screen and (min-width: 45em) {
  section,
  article {
    padding: 40px 0;
  }
}

@media screen and (min-width: 58em) {
  .row {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* SECTION HELPERS */
.section-collapse {
  padding-top: 0;
  padding-bottom: 0;
}

.section-collapse-top {
  padding-top: 0;
}

.section-collapse-bottom {
  padding-bottom: 0;
}

.bg-primary {
  background-color: #93579a;
}

.bg-secondary {
  background-color: #f8ca00;
}

/*
------------------------------------------------------------------------------------------ BIG M

------------------------------------------------------------------------------------------------
*/
@media screen {
  .page-m::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140px' height='88px'%3E%3Cg%3E%3Cpath fill='%23dfe4eb' d='M28.02 29.936l33.967 4.019V0c-8.164.703-15.925 3.918-22.073 9.342-6.128 5.376-10.307 12.614-11.894 20.594'/%3E%3Cpath fill='%23dfe4eb' d='M114.298 54.347L78.013 13.862v37.974l-37.999-4.421L76.3 88c9.172-.703 17.84-4.32 24.693-10.447 7.156-6.329 11.592-14.567 13.305-23.206M0 30.639c.907 9.745 4.837 18.886 11.49 26.319 6.587 7.317 15.344 12.349 24.997 14.366L0 30.639zM140 54.749c-1.845-20.167-16.695-36.763-36.587-40.887L140 54.749z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.25;
    z-index: -1;
  }
}
/*
------------------------------------------------------------------------------------ DROP-SHADOW

------------------------------------------------------------------------------------------------
*/
.shadow,
.tablet-shadow {
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
}

/*
------------------------------------------------------------------------------------ 2 COLUMN DL

------------------------------------------------------------------------------------------------
*/
.dl-2-col {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0;
}

.dl-2-col dt,
.dl-2-col dd {
  word-wrap: break-word;
  margin: 0;
  padding-bottom: 6px;
}

.dl-2-col dt {
  width: 80px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 30em) {
  .dl-2-col dt {
    width: 100px;
  }
}

.dl-2-col dd {
  width: calc(100% - 80px);
  padding-left: 10px;
}
@media screen and (min-width: 30em) {
  .dl-2-col dd {
    width: calc(100% - 100px);
  }
}

.dl-2-col.dl-2-col-left dt {
  justify-content: flex-start;
}

/*
------------------------------------------------------------------------------------ BACK BUTTON

------------------------------------------------------------------------------------------------
*/
.back-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  color: #60615c;
  text-decoration: none;
  font-weight: 400;
  padding-left: 24px;
  text-align: right;
  font-size: 14px;
  font-size: 0.875pxrem;
  margin-top: 2px;
}
@media screen and (min-width: 45em) {
  .back-btn {
    font-size: 15px;
    font-size: 0.9375pxrem;
    margin-top: 0;
  }
}

.back-btn .icon-ratio {
  position: absolute;
  top: 4px;
  left: 0;
}

.back-btn.back-btn-hide-mob {
  display: none;
}
@media screen and (min-width: 45em) {
  .back-btn.back-btn-hide-mob {
    display: block;
  }
}

/*
------------------------------------------------------------------------------ DEVELOPER CONTENT

------------------------------------------------------------------------------------------------
*/
/* SHOW SOME DEVELOPER CONTENT ON HOVER */
.js-dev-hover-content {
  position: relative;
}

.js-dev-hover-content:hover {
  cursor: pointer;
}

.dev-hover-content {
  display: none;
  padding: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2000;
  width: 500px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #bebebe;
}

.js-dev-hover-content.dev-content-active .dev-hover-content {
  display: block;
}

/*
--------------------------------------------------------------------------- PRINT STYLES HELPERS

------------------------------------------------------------------------------------------------
*/
@media screen {
  .show-print {
    display: none;
  }
}
@media print {
  .hide-print {
    display: none !important;
  }
  .no-page-break {
    page-break-inside: avoid;
  }
  .page-break-before {
    page-break-before: always;
  }
  @page {
    margin-top: 20mm;
    margin-bottom: 40mm;
    margin-left: 16mm;
    margin-right: 12mm;
  }
  @page :first {}
}
/*
----------------------------------------------------------- GROWTH SURVIVAL STUFF FOR IMPROVED IP

------------------------------------------------------------------------------------------------
*/
.fill-growth-arrows {
  color: #ffffff;
  background-color: #3C8700;
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='23px'%3E%3Cpath fill='%23ffffff' d='M0 0v16l7-8z'/%3E%3C/svg%3E");
}
@media print, screen and (min-width: 45em) {
  .fill-growth-arrows {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='58px'%3E%3Cpath fill='%23ffffff' d='M0 0v40l18-20z'/%3E%3C/svg%3E");
  }
}

.fill-growth-arrows.cell-growth-flip {
  background-position: 10px 0;
}

.fill-growth-arrows p,
.fill-growth-arrows h1,
.fill-growth-arrows h2,
.fill-growth-arrows h3,
.fill-growth-arrows h4 {
  color: #ffffff;
}

.fill-survival-chevrons {
  color: #000000;
  background-color: #ffdc00;
  background-position: 0 0;
  background-repeat: repeat-y;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E%3Cpath fill='%23000000' d='M20 22v-8L0 0v11l15.72 11zM20 3V0h-4.28z'/%3E%3C/svg%3E");
}
@media print, screen and (min-width: 45em) {
  .fill-survival-chevrons {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='33px'%3E%3Cpath fill='%23000000' d='M30 33V21L0 0v16.5L23.58 33zM30 4.5V0h-6.42z'/%3E%3C/svg%3E");
  }
}

.fill-survival-chevrons.cell-survival-flip {
  background-position: 100% 0;
}

.fill-survival-chevrons p,
.fill-survival-chevrons h1,
.fill-survival-chevrons h2,
.fill-survival-chevrons h3,
.fill-survival-chevrons h4 {
  color: #000000;
}

/*
------------------------------------------------------------------------------------------------
  _site_forms.scss - FORM ELEMENTS BASE STYLES
------------------------------------------------------------------------------------------------
  Created:  01-03-2016
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
input, textarea, select, label {
  font-family: inherit;
}

/* Container */
.form-thin {
  max-width: 600px;
}

/* Labels */
label.control-label {
  color: #4a4b45;
  font-size: 13px;
  font-size: 0.8125pxrem;
  line-height: 1.5;
  padding-top: 4px;
  margin-bottom: 8px;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  font-weight: 500;
}
@media screen and (min-width: 30em) {
  label.control-label {
    font-size: 14px;
    font-size: 0.875pxrem;
  }
}
@media screen and (min-width: 45em) {
  label.control-label {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}

/* Fields */
input, textarea, button, .btn {
  box-sizing: border-box;
  outline: none;
}

.form-control {
  color: #4a4b45;
  font-size: 16px;
  font-size: 1pxrem;
  line-height: 1.5;
  padding: 5px 14px;
  margin: 0;
  border: 2px solid #cecfcf;
  background-color: #ffffff;
  width: 100%;
  height: 38px;
  outline: none;
  transition: border-color 0.3s ease-out, background 0.3s ease-out;
  border-radius: 2px;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.form-control:focus {
  border-color: #93579a;
  background-color: #fafafc;
}

textarea,
textarea.form-control {
  min-height: 144px;
  margin: 0;
  vertical-align: top;
  padding-top: 8px;
}

input[type=submit] {
  border: none;
}

input[type=radio] {
  margin-right: 10px;
}

input[type=checkbox], input[type=radio] {
  padding: 0 0 0 0;
  margin: -2px 6px 0 0;
  height: 16px;
  cursor: pointer;
}

.form-control-static {
  font-size: 14px;
  font-size: 0.875pxrem;
  line-height: 1.5;
  min-height: 36px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
}

/* Input Groups */
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group .form-control {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .input-group-addon:first-child,
.input-group .input-group-btn:first-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .input-group-addon:last-child,
.input-group .input-group-btn:last-child > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}

.input-group .form-control,
.form-horizontal .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 2px;
}

.input-group-addon {
  padding: 7px 12px 5px 12px;
  font-size: 14px;
  font-size: 0.875pxrem;
  line-height: 1;
  color: #4a4b45;
  text-align: center;
  border: 2px solid #cecfcf;
  border-right: none;
  text-decoration: none;
}

.input-group-addon:hover {
  background-color: #eeeeee;
}

.input-group .form-control + .input-group-addon {
  border-left: none;
}

.input-group .input-group-addon:last-child {
  border-right: 2px solid #cecfcf;
}

.input-group .input-group-addon:first-child {
  border-right: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn > .btn {
  margin: 0 -1px 0 0;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > button {
  margin-right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* misc */
input.table-input {
  margin: 0;
  max-width: 80px;
  text-align: right;
}

input.input-4-digits {
  max-width: 80px;
}

.form-group-sm label.control-label {
  padding-top: 3px;
  font-size: 14px;
  font-size: 0.875pxrem;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 0.875pxrem;
  line-height: 1.5;
}

.dummy-input, .input-group .dummy-input { /*position: relative; z-index:-1;*/
  pointer-events: none;
}

.help-block {
  font-size: 13px;
  font-size: 0.8125pxrem;
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  color: #60615c;
}

.intro-question-block {
  padding-bottom: 40px;
}

/* Small Inputs */
.input-sm {
  height: 37px;
  padding-top: 1px;
  padding-bottom: 0;
}

/* large Inputs */
.input-lg {
  height: 44px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Disabled */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f7f7f7;
  opacity: 0.8;
}

input[readonly]:focus {
  border-color: #cecfcf;
  background-color: #f7f7f7;
}

/* Placeholder */
::-webkit-input-placeholder { /* Chrome */
  color: #707070;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #707070;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #707070;
  opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
  color: #707070;
  opacity: 1;
}

/* Checkboxes and Selects */
.checkbox label, .radio label {
  min-height: 20px;
  margin-bottom: 0;
  padding-top: 0;
  font-weight: 400;
  cursor: pointer;
  float: none;
}

.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

select.form-control {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  -o-appearance: menulist;
  appearance: menulist;
}
select.form-control:focus {
  background-color: #ffffff;
}

select[multiple], select[size] {
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* Layout */
.form-group {
  clear: both;
  margin-bottom: 22px;
}
.form-group:after {
  clear: both;
  content: "";
  display: table;
}

.table .form-group {
  margin-bottom: 6px;
}

.form-group:focus-within label.control-label {
  color: #93579a;
}

.form-block .hidden {
  display: none;
}

.form-group.form-submit {
  padding-top: 16px;
  margin-bottom: 0;
}

.form-group.form-submit .btn:last-child {
  margin-right: 0;
}

@media screen and (min-width: 45em) {
  .form-horizontal label.control-label {
    width: 25%;
    float: left;
    padding-top: 8px;
    margin-bottom: 0;
    padding-right: 16px;
    text-align: right;
  }
  .form-horizontal .form-col {
    width: 75%;
    float: left;
  }
  /*.form-horizontal .error-msg,
      .form-horizontal .label-offset,
      .form-horizontal label.error {
          padding-left: 25%;
          padding-right: 8px;
          width: 100%;
          text-align:left;
      }

      .form-horizontal .check + label.error,
      .form-horizontal .radio + label.error {
          padding-left: 0;
      }

      .form-horizontal.no-labels label.error {padding-left: 0;}
  */
  .form-horizontal .checkbox,
  .form-horizontal .radio {
    min-height: 27px;
    padding-top: 12px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-horizontal .checkbox label,
  .form-horizontal .radio label {
    float: none;
    width: auto;
    padding-top: 0;
  }
  .form-horizontal .checkbox-group .checkbox,
  .form-horizontal .radio-group .radio {
    width: auto;
    margin-left: 0;
  }
  .form-horizontal .form-submit {
    padding-left: 25%;
  }
  .form-horizontal .rating,
  .form-horizontal .rating-static {
    padding-top: 7px;
  }
}
.form-group-split {
  clear: both;
  display: flex;
}

.form-group-split .form-group {
  flex: 1;
  margin-right: 32px;
}

.form-group-split .form-group:last-of-type {
  margin-right: 0;
}

/* Inline Form */
@media screen and (min-width: 45em) {
  .form-inline .control-label {
    width: auto;
    padding-right: 10px;
  }
  .form-inline .form-group {
    display: inline-block;
    margin-right: 20px;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .btn {
    margin-bottom: 0;
  }
}
/* Validation */
.form-group .required .control-label:after {
  content: " *";
  font-size: 11px;
  font-size: 0.6875pxrem;
  vertical-align: top;
}

.error label.error,
.error label.error-message {
  color: #e0001b;
  font-weight: 400;
  text-align: left;
  float: none;
  width: 100%;
  padding-top: 4px;
  font-size: 14px;
  font-size: 0.875pxrem;
}

.error .form-control {
  border-color: #e0001b;
  border-width: 2px;
}

.valid .form-control {
  border-color: #78ac26;
  border-width: 2px;
}

.error label.control-label {
  color: #e0001b;
}

/*.note {@include fontSize(13px);}
.small-label {@include fontSize(13px);}*/
.form-container:after {
  clear: both;
  content: "";
  display: table;
}

.form-container-result {
  display: none;
}

/* Floating Labels */
.float-labels .form-group {
  position: relative;
  padding-top: 8px;
}

.float-labels .form-group label.float-label {
  font-size: 11px;
  font-size: 0.6875pxrem;
  line-height: 1;
  position: absolute;
  top: -7px;
  left: 0;
  opacity: 0;
  transition: all 0.1s linear;
}

.float-labels .form-group label.float-label.on {
  color: #93579a;
}

.float-labels .form-group label.float-label.show {
  top: -12px;
  opacity: 1;
}

/* Form Containers */
.form-block {
  background-color: #ffffff;
}

/* Date of birth fields */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.form-group-dob-block {
  display: flex;
  justify-content: center;
}

.form-group-dob .form-group-dob-month,
.form-group-dob .form-group-dob-day,
.form-group-dob .form-group-dob-year {
  margin-right: 10px;
}

.form-group-dob-month {
  max-width: 150px;
}

.form-group-dob .form-group-dob-day {
  min-width: 64px;
  max-width: 70px;
}

.form-group-dob .form-group-dob-year {
  max-width: 70px;
}

/* Validate error in button group */
.form-group-btn-group label.error {
  width: 100%;
  clear: both;
  display: block;
}

/* make div look like form element */
div.form-control {
  min-height: 100px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 14px;
}

div.form-control.disabled {
  background-color: #f7f7f7;
  opacity: 0.8;
}

div.form-control p:last-child {
  margin-bottom: 0;
}

/*
 *
 *   Custom Checkboxes
 *   Version: 1.0.3 [MS-901] - focus styles and indeterminate state
 *
 */
/*
------------------------------------------------------------------------------ CUSTOM CHECKBOXES

------------------------------------------------------------------------------------------------
*/
.custom-check,
.custom-radio {
  margin-top: 7px;
  padding-left: 23px;
}

.check-small,
.radio-small {
  padding-left: 14px;
}

.form-horizontal .custom-check,
.form-horizontal .custom-radio {
  padding-top: 7px;
}

.custom-check input[type=checkbox]:checked,
.custom-check input[type=checkbox]:not(checked),
.custom-radio input[type=radio]:checked,
.custom-radio input[type=radio]:not(checked),
.form-inline .custom-check input[type=checkbox]:checked,
.form-inline .custom-check input[type=checkbox]:not(checked),
.form-inline .custom-radio input[type=radio]:checked,
.form-inline .custom-radio input[type=radio]:not(checked) {
  width: 22px;
  height: 22px;
  margin: 0 0 0 -22px;
  padding: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}

.check-small input[type=checkbox]:checked,
.check-small input[type=checkbox]:not(checked),
.radio-small input[type=radio]:checked,
.radio-small input[type=radio]:not(checked),
.form-inline .check-small input[type=checkbox]:checked,
.form-inline .check-small input[type=checkbox]:not(checked),
.form-inline .radio-small input[type=radio]:checked,
.form-inline .radio-small input[type=radio]:not(checked) {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  margin-top: 6px;
}

.custom-check label,
.custom-radio label,
.form-inline .custom-check label,
.form-inline .custom-radio label {
  position: relative;
  padding-left: 8px;
  line-height: 22px;
}

.custom-check label:before, .custom-radio label:before {
  content: "";
  display: inline-block;
  background-image: url("../img/checkbox-sprite.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  position: absolute;
  left: -23px;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .custom-check label:before, .custom-radio label:before {
    background-image: url("../img/retina/checkbox-sprite.png");
    background-size: 234px 150px;
  }
}

.check-small label:before,
.radio-small label:before {
  width: 14px;
  height: 14px;
  left: -14px;
  top: 4px;
}

.custom-check label:before {
  background-position: 0 0;
}

.custom-radio label:before {
  background-position: 0 -50px;
  border-radius: 50%;
}

.check-small label:before {
  background-position: 0 -100px;
}

.radio-small label:before {
  background-position: 0 -125px;
}

.error .custom-check label:before {
  background-position: -130px 0;
}

.error .custom-radio label:before {
  background-position: -130px -50px;
}

.error .check-small label:before {
  background-position: -130px -100px;
}

.error .radio-small label:before {
  background-position: -130px -125px;
}

/*.custom-check label.error:before,
.form-horizontal .custom-check label.error:before,
.custom-radio label.error:before,
.form-horizontal .custom-radio label.error:before {
  display:none;
}

.custom-check label.error,
.form-horizontal .custom-check label.error,
.custom-radio label.error,
.form-horizontal .custom-radio label.error {
  padding-left:8px;
  display:block;
}*/
.custom-check + label.error,
.custom-radio + label.error {
  width: 100%;
  clear: both;
}

.custom-check input[type=checkbox]:hover + label:before,
.custom-check input[type=checkbox]:focus + label:before {
  background-position: -26px 0;
}

.custom-radio input[type=radio]:hover + label:before,
.custom-radio input[type=radio]:focus + label:before {
  background-position: -26px -50px;
}

.check-small input[type=checkbox]:hover + label:before,
.check-small input[type=checkbox]:focus + label:before {
  background-position: -26px -100px;
}

.radio-small input[type=radio]:hover + label:before,
.radio-small input[type=radio]:focus + label:before {
  background-position: -26px -125px;
}

.custom-check input[type=checkbox]:checked + label:before,
.custom-check input[type=checkbox]:checked:hover + label:before,
.custom-check input[type=checkbox]:checked:focus + label:before {
  background-position: -52px 0;
}

.custom-radio input[type=radio]:checked + label:before,
.custom-radio input[type=radio]:checked:hover + label:before,
.custom-radio input[type=radio]:checked:focus + label:before {
  background-position: -52px -50px;
}

.check-small input[type=checkbox]:checked + label:before,
.check-small input[type=checkbox]:checked:hover + label:before,
.check-small input[type=checkbox]:checked:focus + label:before {
  background-position: -52px -100px;
}

.radio-small input[type=radio]:checked + label:before,
.radio-small input[type=radio]:checked:hover + label:before,
.radio-small input[type=radio]:checked:focus + label:before {
  background-position: -52px -125px;
}

.custom-check input[type=checkbox]:focus + label:before,
.custom-radio input[type=radio]:focus + label:before {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #93579a;
}

.custom-check input[type=checkbox]:disabled + label:before {
  background-position: -78px 0;
}

.custom-radio input[type=radio]:disabled + label:before {
  background-position: -78px -50px;
}

.check-small input[type=checkbox]:disabled + label:before {
  background-position: -78px -100px;
}

.radio-small input[type=radio]:disabled + label:before {
  background-position: -78px -125px;
}

.custom-check input[type=checkbox]:disabled:checked + label:before {
  background-position: -104px 0;
}

.custom-radio input[type=radio]:disabled:checked + label:before {
  background-position: -104px -50px;
}

.check-small input[type=checkbox]:disabled:checked + label:before {
  background-position: -104px -100px;
}

.radio-small input[type=radio]:disabled:checked + label:before {
  background-position: -104px -125px;
}

.custom-check input[type=checkbox]:indeterminate + label:before,
.custom-check input[type=checkbox].indeterminate + label:before,
.custom-check input[type=checkbox]:hover:indeterminate + label:before,
.custom-check input[type=checkbox]:focus:indeterminate + label:before,
.custom-check input[type=checkbox].indeterminate:hover + label:before,
.custom-check input[type=checkbox].indeterminate:focus + label:before,
.custom-check input[type=checkbox]:checked:hover:indeterminate + label:before,
.custom-check input[type=checkbox]:checked:focus:indeterminate + label:before,
.custom-check input[type=checkbox].indeterminate:checked:hover + label:before,
.custom-check input[type=checkbox].indeterminate:checked:focus + label:before {
  background-position: -182px 0;
}

/*
 *
 *   Chosen Selects
 *   Version: 1.0.2
 *
 */
/*
--------------------------------------------------------------------------------- CHOSEN SELECTS

------------------------------------------------------------------------------------------------
*/
/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {
  background: #ffffff;
  box-shadow: none;
  -moz-box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer !important;
  height: auto !important;
  line-height: 20px;
  margin: 0;
  min-height: 30px;
  overflow: hidden;
  padding: 6px 0 6px 8px;
  position: relative;
  width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: #f1f1f1;
  border: 1px solid #e5e6e7;
  border-radius: 2px;
  box-shadow: none;
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 6px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}

.chosen-container-multi .chosen-choices .search-field input[type=text] {
  color: #4a4b45;
}

.chosen-container-single .chosen-search input[type=text] {
  outline: none;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #fff !important;
  padding-left: 8px;
}

.chosen-container-single .chosen-default,
.chosen-container-multi .chosen-choices .search-field input.default {
  color: #999999;
}

.chosen-container .chosen-results li.group-result {
  color: #4a4b45;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #93579a;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #93579a;
}

.chosen-container-active .chosen-choices {
  border-color: #93579a;
}

.chosen-container-active .chosen-single {
  border-color: #93579a;
}

.chosen-container-single .chosen-single abbr {
  right: 18px !important;
}

.chosen-container-single .chosen-search input[type=text],
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: none;
  outline: none;
}

.chosen-container-multi .chosen-choices {
  min-width: 165px;
}

.form-inline .chosen-container-multi .search-field,
.form-inline .chosen-container-multi .search-field input.default {
  min-width: 150px;
}

.chosen-container {
  text-align: left;
}

.chosen-disabled {
  opacity: 1 !important;
}

.chosen-container-single.chosen-disabled .chosen-single,
.chosen-container-multi.chosen-disabled .chosen-choices {
  background-color: #eee;
  cursor: not-allowed !important;
}

.chosen-container-single.chosen-disabled .chosen-single:focus {
  outline: none;
}

.chosen-container-single.chosen-disabled .chosen-single abbr,
.chosen-container-single.chosen-disabled .chosen-single div {
  display: none;
}

.chosen-container-multi.chosen-disabled .chosen-choices {
  box-shadow: none;
}

.chosen-container-multi.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  display: none;
}

.chosen-container-multi.chosen-disabled .chosen-choices li.search-choice {
  cursor: not-allowed !important;
  padding-right: 5px;
  background-color: #f3f4f4;
  border-color: #cecfcf;
}

.chosen-container-multi.chosen-disabled .chosen-choices .search-field input[disabled] {
  cursor: not-allowed !important;
}

.chosen-container-single .chosen-single span {
  margin-right: 36px;
}

.chosen-container-single .chosen-search input[type=text] {
  background: none;
}

.chosen-container-single .chosen-search:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 13px;
  right: 12px;
  background: url("../img/chosen-sprite.png") -34px -25px no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .chosen-container-single .chosen-search:after {
    background-image: url("../img/retina/chosen-sprite.png") !important;
    background-size: 52px 37px !important;
  }
  .chosen-container-single .chosen-search input[type=text] {
    background: none !important;
  }
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search:after {
  display: none;
}

.form-horizontal .chosen-sm {
  padding-top: 2px;
}

.chosen-sm .chosen-container-single .chosen-single {
  padding-top: 4px;
  padding-bottom: 4px;
}

.chosen-sm .chosen-container-single .chosen-single abbr {
  top: 10px;
}

.chosen-sm .chosen-container-single .chosen-single div b {
  background-position: 0 5px;
}

.form-horizontal .chosen-xs {
  padding-top: 4px;
}

.chosen-xs .chosen-container {
  font-size: 13px;
}

.chosen-xs .chosen-container-single .chosen-single {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 18px;
  min-height: 27px;
}

.chosen-xs .chosen-container-single .chosen-single abbr {
  top: 8px;
}

.chosen-xs .chosen-container-single .chosen-single div b {
  background-position: 0 3px;
}

.error .chosen-container-single .chosen-single,
.error .chosen-container-multi .chosen-choices,
.modal-body .error .chosen-container-single .chosen-single,
.modal-body .error .chosen-container-multi .chosen-choices {
  border-color: #e0001b;
  border-width: 2px;
}

/*.valid .chosen-container-single .chosen-single {
.valid .chosen-container-multi .chosen-choices {
  border-color:$success; border-width:2px;
}*/
.error .chosen-container-single .chosen-single abbr {
  top: 14px;
}

.error .chosen-container-single .chosen-single div:before {
  top: 20px;
}

.error .chosen-container-single .chosen-single span {
  padding-top: 0;
}

.select-with-add-option {
  position: relative;
  padding-right: 40px;
}

.select-with-add-option .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.js-select-add-option-form {
  display: none;
}

.chosen-container.chosen-with-new-option .chosen-results .no-results:after {
  content: " (Click to add new option)";
}

.chosen-container.chosen-with-new-option .chosen-results .no-results:hover {
  cursor: pointer;
}

.js-select-add-option-results {
  padding-bottom: 10px;
}

.select-edit-option-buttons {
  padding-top: 4px;
}

.select-edit-option-buttons a {
  margin-right: 10px;
}

.form-inline .select select {
  min-width: 120px;
}

.form-inline-min-select .select {
  min-width: 140px;
}

.form-inline-min-select .select select {
  width: auto;
}

.chosen-container .chosen-drop {
  clip: auto;
  display: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
  display: block;
}

.chosen-container-single .chosen-single input[type=text] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

/* Datepicker3.css date and date-range override */
.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-group.date .input-group-addon i {
  width: 16px;
  height: 16px;
}

.input-group.date .form-control {
  text-align: left;
}

.input-group.date .input-group-addon:first-child {
  background-color: #ffffff;
  padding: 2px 10px 6px 9px;
  margin: 0;
  border-left: 2px solid #cecfcf;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 14px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 15px;
}

.datepicker-orient-bottom {
  margin-top: -1px;
}

.datepicker-orient-top {
  margin-top: 1px;
}

.datepicker.dropdown-menu {
  border: 1px solid #cecfcf;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.input-daterange .input-group-addon {
  width: 1%;
}

.input-daterange .range-mid {
  padding-left: 10px;
  padding-right: 10px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover {
  color: #fff;
  background-color: #93579a;
  border-color: #93579a;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover .datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
  color: #fff;
  background-color: rgb(137.6676348548, 81.4767634855, 144.2232365145);
  border-color: rgb(137.6676348548, 81.4767634855, 144.2232365145);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #bcbcbc;
}

.datepicker table tr td.highlight {
  background: #eee;
}

.datepicker table tr td.today {
  background-color: #d1eff9;
  border-color: #d1eff9;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #d1eff9;
  border-color: #d1eff9;
  color: #777777;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover {
  background-color: #eeeeee;
  border-color: #eeeeee;
}

/* SVG Icons */
.date .svg-icon {
  width: 16px;
  height: 16px;
}

/*
--------------------------------------------------------------------- MAGNIFIC POPUP BASE STYLES

------------------------------------------------------------------------------------------------
*/
.mfp-modal {
  position: relative;
  background: #FFF;
  padding: 0;
  width: 100%;
  max-width: 600px;
  margin: 60px auto 30px auto;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
}
@media screen and (min-width: 45em) {
  .mfp-modal {
    margin-top: 80px;
  }
}
@media screen and (min-width: 58em) {
  .mfp-modal {
    margin-top: 100px;
  }
}

.mfp-close,
.mfp-close:active {
  margin: 0;
  top: 5px;
  width: 38px;
}
@media screen and (min-width: 45em) {
  .mfp-close,
  .mfp-close:active {
    top: 8px;
    width: 44px;
  }
}

.mfp-bg {
  z-index: 2042;
}

.mfp-wrap {
  z-index: 2043;
}

.mfp-content {
  z-index: 2045;
}

/*
------------------------------------------------------------- REPLICATE BOOTSTRAP MODAL STYLINGS

------------------------------------------------------------------------------------------------
*/
.mfp-container {
  padding-left: 15px;
  padding-right: 15px;
}

.mfp-close {
  font-size: 22px;
}

.mfp-content .modal-header {
  padding: 15px;
  text-align: center;
}

.mfp-content .modal-title {
  padding: 0 20px;
}
@media screen and (min-width: 45em) {
  .mfp-content .modal-title {
    font-size: 24px;
  }
}

.mfp-content .modal-body {
  background: #fafbfd;
}

/*
--------------------------------------------------------------- REPLICATE BOOTBOX MODAL STYLINGS

------------------------------------------------------------------------------------------------
*/
.dialog-modal .modal-body {
  padding-bottom: 20px;
}

.dialog-modal .modal-body p {
  line-height: 1.428571429;
  font-size: 14px;
  font-weight: bold;
}

.dialog-modal .modal-body p:last-child {
  margin-bottom: 0;
}

.dialog-modal.dialog-modal-no-headline .modal-body {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*
--------------------------------------------------------------------- MAGNIFIC POPUP ZOOM EFFECT

------------------------------------------------------------------------------------------------
*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transform: scale(0.8);
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.7;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.5);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-slide-up {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-slide-up .mfp-with-anim {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
}
.mfp-slide-up.mfp-bg {
  opacity: 0;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.mfp-slide-up.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-slide-up.mfp-ready.mfp-bg {
  opacity: 0.7;
}
.mfp-slide-up.mfp-removing .mfp-with-anim {
  transform: translateY(40px);
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  opacity: 0;
}
.mfp-slide-up.mfp-removing.mfp-bg {
  opacity: 0;
}

/*
----------------------------------------------------------------------------------- PRINT STYLES

------------------------------------------------------------------------------------------------
*/
@media print {
  .mfp-wrap,
  .mfp-bg {
    display: none;
  }
}
/*
---------------------------------------------------------------------------- SCROLL WITHIN MODAL

------------------------------------------------------------------------------------------------
*/
.mfp-bg {
  position: fixed !important;
}

/*

.mfp-bg {
    // min-height:5000px; // Might not need this
}

.mfp-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    //calc(100% - 40px);
}

.mfp-centered .mfp-content {
    justify-content: center;
}

.mfp-modal {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: calc(100% - 60px);
    pointer-events: auto;
    margin-top: 20px;
}

.modal-body {
    //overflow-y: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1 1 auto;
    // overflow-y might need to be 'scroll'
    -webkit-overflow-scrolling: touch;
}
*/
/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 15px;
  z-index: 2045;
}

.modal__container {
  background-color: #fff;
  padding: 30px 0;
  max-width: 500px;
  max-height: 90vh;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 0 30px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}

.modal__footer {
  padding: 0 30px;
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/*
 *
 *   File Upload Async
 *   Version: 1.0.1
 *
 */
/*
----------------------------------------------------------------------- ASYNC FILE UPLOAD FIELDS

------------------------------------------------------------------------------------------------
*/
.async-upload {
  padding-top: 1px;
}

.async-upload-init {
  margin-right: 10px;
}

.async-upload-undo-remove {
  display: none;
}

.async-upload-error {
  display: none;
}

.async-upload-update {
  display: none;
}

.async-upload-cancel {
  float: left;
  margin-right: 10px;
}

.async-upload-progress-text {
  display: block;
  margin-top: 0;
  margin-bottom: 6px;
  color: #737373;
}

.async-upload-preview,
.async-upload-preview.form-thumbs-container {
  display: none;
}

.async-uploaded .async-upload-actions {
  display: none;
}

.async-uploaded .async-upload-preview {
  display: block;
}

.async-upload-preview-name {
  display: block;
  clear: both;
  margin-top: 0;
  margin-bottom: 10px;
  color: #737373;
  font-size: 12px;
}

.async-upload-update-content {
  width: 100%;
  clear: left;
  padding-top: 4px;
  max-width: 200px;
}

.async-upload.dz-drag-hover .async-upload-actions {
  position: relative;
}

.async-upload.dz-drag-hover .async-upload-actions:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  z-index: 1;
}

.async-upload.dz-drag-hover .async-upload-actions .btn {
  position: relative;
  z-index: 2;
}

.async-upload-actions.hidden {
  display: none;
}

/*
 *
 *   File Upload Async
 *   Version: 1.0.1
 *
 */
/*
----------------------------------------------------------------- IMAGE ASYNC FILE UPLOAD FIELDS

------------------------------------------------------------------------------------------------
*/
.async-file-upload {
  border: 2px dashed #b6bcbf;
  background-color: #f2fbff;
  text-align: center;
  padding: 16px 20px 20px 20px;
  margin-bottom: 4px;
}

.form-group.error .async-file-upload {
  border-color: #e0001b;
}

.async-file-upload .btn {
  margin: 0;
}

.async-file-upload.dz-drag-hover {
  border: 2px solid #93579a;
  position: relative;
}

.async-file-upload.dz-drag-hover:before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #f2fbff;
}

/* UPLOAD ARROW */
.async-file-upload.dz-drag-hover:after {
  content: "";
  z-index: 3;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23b6bcbf' d='M38,40H2c-1.104,0-2-0.896-2-2V26c0-1.104,0.896-2,2-2s2,0.896,2,2v10h32V26c0-1.104,0.896-2,2-2s2,0.896,2,2v12 C40,39.104,39.104,40,38,40z'/%3E%3Cpath fill='%23b6bcbf' d='M31.414,10.586l-10-10c-0.78-0.781-2.048-0.781-2.828,0l-10,10c-0.781,0.781-0.781,2.047,0,2.828 C8.976,13.805,9.488,14,10,14s1.024-0.195,1.414-0.586L18,6.828V28c0,1.104,0.896,2,2,2s2-0.896,2-2V6.828l6.586,6.586 C28.977,13.805,29.488,14,30,14s1.023-0.195,1.414-0.586C32.195,12.633,32.195,11.367,31.414,10.586z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.async-file-upload-status {
  margin-bottom: 12px;
}

.async-file-upload-status p {
  margin-bottom: 0;
}

.async-file-upload-error {
  color: #e0001b;
}

/*
-------------------------------------------------------------------------------------- RESPONSES

------------------------------------------------------------------------------------------------
*/
.async-file-upload-item {
  max-width: 480px;
  position: relative;
  margin-right: 40px;
  margin-bottom: 24px;
}

.async-file-upload-item p,
.async-file-upload-item img,
.async-file-upload-item .ms-video-player,
.async-file-upload-item .ms-audio-player {
  margin-bottom: 6px;
}

.async-file-upload-item-icon {
  width: 180px;
  height: 100px;
  background: #f2f4f7;
  border: 1px solid #e1e2e5;
  position: relative;
}

.async-file-upload-item-icon .file-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.async-file-upload-item-icon img {
  margin: 0;
}

.async-file-upload-item-del {
  border: 0;
  outline: 0;
  background: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -10px;
  right: -42px;
  display: block;
  overflow: hidden;
  word-wrap: normal; /* WORD WRAP IS IMPORTANT!! */
  white-space: nowrap;
  text-indent: 101%;
  cursor: pointer;
}

.async-file-upload-item-del::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.async-file-upload-item-del:hover::before {
  background-color: #e0001b;
}

.async-file-upload-item-del::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 14px;
  left: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cg%3E%3Cpath fill='%23303336' d='M7.77 6l3.94-3.94c.39-.39.39-1.03 0-1.41L11.36.3c-.39-.39-1.03-.39-1.41 0L6 4.23 2.06.29C1.67-.1 1.04-.1.65.29L.29.65c-.39.39-.39 1.03 0 1.41L4.23 6 .29 9.94c-.39.39-.39 1.03 0 1.41l.35.35c.39.39 1.03.39 1.41 0L6 7.77l3.94 3.94c.39.39 1.03.39 1.41 0l.35-.35c.39-.39.39-1.03 0-1.41L7.77 6z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

.async-file-upload-item-del:hover::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M7.77 6l3.94-3.94c.39-.39.39-1.03 0-1.41L11.36.3c-.39-.39-1.03-.39-1.41 0L6 4.23 2.06.29C1.67-.1 1.04-.1.65.29L.29.65c-.39.39-.39 1.03 0 1.41L4.23 6 .29 9.94c-.39.39-.39 1.03 0 1.41l.35.35c.39.39 1.03.39 1.41 0L6 7.77l3.94 3.94c.39.39 1.03.39 1.41 0l.35-.35c.39-.39.39-1.03 0-1.41L7.77 6z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

/*
 *
 *   Show Password Styles
 *   Version: 1.0.1
 *
 */
.show-pwd {
  position: relative;
}

.show-pwd .show-pwd-btn {
  cursor: pointer;
  border: 0;
  background: transparent;
  display: none;
  width: 44px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.js .show-pwd .show-pwd-btn {
  display: block;
}

.show-pwd .show-pwd-btn .svg-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  left: 10px;
  color: #246eb7;
}

.show-pwd.show-pwd-lg .show-pwd-btn .svg-icon {
  top: 10px;
}

.show-pwd .show-pwd-eye-closed {
  display: none;
}

.show-pwd.pwd-visible .show-pwd-eye-open {
  display: none;
}

.show-pwd.pwd-visible .show-pwd-eye-closed {
  display: block;
}

/*
---------------------------------------------------------------------------------------- SIDE BAR

------------------------------------------------------------------------------------------------
*/
/* THIS EXTENDS THE MAGNIFIC MODAL */
.side-bar-tab {
  width: 40px;
  height: 40px;
  background: #ffffff;
  position: fixed;
  top: 92px;
  right: 0;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
  border: none;
  outline: none;
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  transition: top 0.2s ease-in-out;
  display: block;
  overflow: hidden;
  word-wrap: normal; /* WORD WRAP IS IMPORTANT!! */
  white-space: nowrap;
  text-indent: 101%;
  z-index: 2008;
}
@media screen and (min-width: 45em) {
  .side-bar-tab {
    top: 90px;
  }
}
@media screen and (min-width: 58em) {
  .side-bar-tab {
    top: 108px;
  }
}

.side-bar-tab::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='6' viewBox='0 0 26 6'%3E%3Ccircle fill='%23f8ca00' cx='3' cy='3' r='3'/%3E%3Ccircle fill='%23f8ca00' cx='13' cy='3' r='3'/%3E%3Ccircle fill='%23f8ca00' cx='23' cy='3' r='3'/%3E%3C/svg%3E");
  width: 26px;
  height: 6px;
  position: absolute;
  top: 17px;
  left: 8px;
}

.side-bar-tab:focus::before,
.side-bar-tab:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='6' viewBox='0 0 26 6'%3E%3Ccircle fill='%23246eb7' cx='3' cy='3' r='3'/%3E%3Ccircle fill='%23246eb7' cx='13' cy='3' r='3'/%3E%3Ccircle fill='%23246eb7' cx='23' cy='3' r='3'/%3E%3C/svg%3E");
}

.side-bar-open .side-bar-tab-btn {
  display: none;
}

@media screen and (min-width: 58em) {
  .float-header-scrolled .side-bar-tab {
    top: 90px;
  }
}

.mfp-modal .side-bar-tab {
  position: absolute;
  top: 22px;
  left: 0;
  right: auto;
  transform: translateX(-100%);
  z-index: 0;
}

.mfp-bg.mfp-slide-right {
  z-index: 2000;
  top: 0;
}

.mfp-wrap.mfp-slide-right {
  top: 70px;
  height: auto;
  bottom: 0;
}
@media screen and (min-width: 45em) {
  .mfp-wrap.mfp-slide-right {
    top: 68px;
  }
}
@media screen and (min-width: 58em) {
  .mfp-wrap.mfp-slide-right {
    top: 86px;
  }
}

@media screen and (min-width: 58em) {
  .float-header-scrolled .mfp-wrap.mfp-slide-right {
    top: 68px;
  }
}

.mfp-modal.mfp-side-bar {
  max-width: calc(100vw - 60px);
  margin: 0 0 0 auto;
  box-shadow: none;
}
@media screen and (min-width: 58em) {
  .mfp-modal.mfp-side-bar {
    max-width: 800px;
  }
}

.mfp-slide-right {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-slide-right .mfp-with-anim {
  transform: translateX(100.1%);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.mfp-slide-right.mfp-bg {
  opacity: 0;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.mfp-slide-right.mfp-ready .mfp-with-anim {
  transform: translateX(0);
}
.mfp-slide-right.mfp-ready.mfp-bg {
  opacity: 0.7;
}
.mfp-slide-right.mfp-removing .mfp-with-anim {
  transform: translateX(100.1%);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.mfp-slide-right.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-slide-right .mfp-container {
  padding: 0;
}

.mfp-side-bar .mfp-close {
  top: 0;
}

.mfp-side-bar button.mfp-close {
  padding-right: 10px;
  text-align: right;
}

/* BLOCKQUOTES */
.blockquote {
  background-color: whitesmoke;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em;
  margin: 0 0 1.5rem 0;
  font-weight: 600;
}

@media screen and (min-width: 30em) {
  .blockquote > p {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media screen and (min-width: 45em) {
  .blockquote > p {
    font-size: 16px;
    font-size: 1pxrem;
  }
}

.blockquote > p:last-of-type {
  margin-bottom: 0;
}

.blockquote footer {
  padding-top: 8px;
}

.blockquote footer p {
  margin-bottom: 0;
  font-weight: 400;
}

.blockquote footer p:first-child::before {
  content: "— ";
}

/* blockquote colours */
.blockquote.blockquote-yellow {
  border-color: #f8ca00;
  background-color: #fbe497;
  color: #303336;
}

.blockquote.blockquote-blue {
  border-color: #246eb7;
  background-color: #dfebf6;
  color: #303336;
}

/* blockquote feature */
.blockquote-feature {
  margin: 0 0 1.5rem 0;
  padding-right: 60px;
  max-width: 660px;
  color: #246eb7;
}
.blockquote-feature:after {
  clear: both;
  content: "";
  display: table;
}

.blockquote-feature > p {
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  position: relative;
  font-size: 24px;
  font-size: 1.5pxrem;
}
@media screen and (min-width: 45em) {
  .blockquote-feature > p {
    font-size: 30px;
    font-size: 1.875pxrem;
  }
}
@media screen and (min-width: 58em) {
  .blockquote-feature > p {
    font-size: 34px;
    font-size: 2.125pxrem;
  }
}

.blockquote-feature > p::before {
  content: "“";
  position: absolute;
  top: 0;
  left: -15px;
}

.blockquote-feature > p::after {
  content: "”";
}

.blockquote-feature footer > p {
  font-weight: 600;
  font-size: 16px;
  font-size: 1pxrem;
}
@media screen and (min-width: 45em) {
  .blockquote-feature footer > p {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
}
@media screen and (min-width: 58em) {
  .blockquote-feature footer > p {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
}

/* LOTS OF TEXT */
.blockquote-feature.blockquote-long-text > p {
  font-size: 18px;
  font-size: 1.125pxrem;
}
@media screen and (min-width: 45em) {
  .blockquote-feature.blockquote-long-text > p {
    font-size: 24px;
    font-size: 1.5pxrem;
  }
}
@media screen and (min-width: 58em) {
  .blockquote-feature.blockquote-long-text > p {
    font-size: 28px;
    font-size: 1.75pxrem;
  }
}

/* COLOURS */
.blockquote-feature.blockquote-feature-purple {
  color: #93579a;
}

.blockquote-feature.blockquote-feature-orange {
  color: #b26204;
}

.blockquote-feature.blockquote-feature-success {
  color: #107366;
}

.blockquote-feature.blockquote-feature-danger {
  color: #972c15;
}

.blockquote-feature.blockquote-feature-gcare {
  color: #41b6e6;
}

/* BLOCKQUOTE FILL */
.blockquote-feature.blockquote-feature-fill {
  background-color: #246eb7;
  color: #ffffff;
  padding: 20px 34px 0 34px;
}

.blockquote-feature.blockquote-feature-fill.blockquote-feature-purple {
  background-color: #93579a;
}

.blockquote-feature.blockquote-feature-fill.blockquote-feature-orange {
  background-color: #b26204;
}

.blockquote-feature.blockquote-feature-fill.blockquote-feature-success {
  background-color: #639332;
}

.blockquote-feature.blockquote-feature-fill.blockquote-feature-danger {
  background-color: #972c15;
}

.blockquote-feature.blockquote-feature-fill.blockquote-feature-gcare {
  background-color: #41b6e6;
}

/*
---------------------------------------------------------------------------------- TABLE ELEMENTS

------------------------------------------------------------------------------------------------
*/
.table-responsive {
  overflow-x: auto;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-size: 12px;
  font-size: 0.75pxrem;
  border: 1px solid #bebebe;
}
@media print, screen and (min-width: 45em) {
  .table {
    border: 0;
  }
}

.table th {
  text-align: left;
}

.table > thead > tr > th {
  border-bottom: 1px solid #bebebe;
  vertical-align: bottom;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  line-height: 1.4;
  padding: 10px 12px;
  vertical-align: top;
}
@media print, screen and (min-width: 45em) {
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    border-top: 1px solid #bebebe;
  }
}

@media print, screen and (min-width: 45em) {
  .table > tbody.table-sub-rows > tr > td {
    border-color: #e1e1e1;
  }
}

.table > tbody.table-sub-rows > tr > td:first-child {
  padding-left: 24px;
}

.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}

table .checkbox,
table .radio {
  margin-top: 0;
}

/* Striped */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/* Hover */
.table > tbody > tr {
  transition: background-color 0.15s linear;
}

.table-hover > tbody > tr:hover {
  background-color: #f1f1f1 !important;
}

/* BORDERED */
.table-bordered {
  border: 1px solid #bebebe;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}

.table td.cell-strong {
  font-weight: 700;
}

/* JUST BODY BORDERED */
.table-body-bordered {
  border: 1px solid #bebebe;
}

@media print, screen and (min-width: 45em) {
  .table-body-bordered {
    border: 0;
    border-bottom: 1px solid #bebebe;
  }
  .table-body-bordered > tbody > tr > td:first-child {
    border-left: 1px solid #bebebe;
  }
  .table-body-bordered > tbody > tr > td:last-child {
    border-right: 1px solid #bebebe;
  }
}
/* CELL LEFT RIGHT BORDERED */
.table.table-cell-bordered > thead > tr > th,
.table.table-cell-bordered > tbody > tr > th,
.table.table-cell-bordered > tfoot > tr > th,
.table.table-cell-bordered > thead > tr > td,
.table.table-cell-bordered > tbody > tr > td,
.table.table-cell-bordered > tfoot > tr > td {
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
}

/* MOBILE TABLES */
.table thead {
  display: none;
}

.table tr {
  display: block;
  border-bottom: 1px solid #bebebe;
}

.table tr:last-child {
  border-bottom: 0;
}

.table td {
  display: block;
  text-align: right;
  border-bottom: 1px dotted #bebebe;
}
.table td:after {
  clear: both;
  content: "";
  display: table;
}

.table td:last-child {
  border-bottom: 0;
}

.table td:before {
  content: attr(data-label);
  float: left;
  font-weight: 600;
  max-width: 50%;
  padding-right: 10px;
}

.table tfoot td {
  text-align: left;
}

.table .cta {
  padding-top: 4px;
  padding-bottom: 4px;
}

@media print, screen and (min-width: 45em) {
  .table thead {
    display: table-header-group;
  }
  .table tr {
    display: table-row;
  }
  .table td {
    display: table-cell;
    text-align: left;
    border-bottom: none;
  }
  .table td:before {
    display: none;
  }
  .table tr {
    border-bottom: none;
  }
  .table tr th {
    padding: 14px 14px;
  }
  .table tr td {
    padding: 16px 14px;
  }
  .table .cta {
    padding-top: 0;
    padding-bottom: 0;
  }
  .table .col-date {
    width: 200px;
  }
  .table .col-cta {
    width: 250px;
  }
  .table .col-cta .cta {
    float: right;
  }
  .table.table-flush > thead > tr > th:first-child,
  .table.table-flush > thead > tr > td:first-child,
  .table.table-flush > tbody > tr > th:first-child,
  .table.table-flush > tbody > tr > td:first-child,
  .table.table-flush > tfoot > tr > th:first-child,
  .table.table-flush > tfoot > tr > td:first-child {
    padding-left: 0;
  }
  .table.table-flush > thead > tr > th:last-child,
  .table.table-flush > thead > tr > td:last-child,
  .table.table-flush > tbody > tr > th:last-child,
  .table.table-flush > tbody > tr > td:last-child,
  .table.table-flush > tfoot > tr > th:last-child,
  .table.table-flush > tfoot > tr > td:last-child {
    padding-right: 0;
  }
  .table td.cell-centered,
  .table th.cell-centered {
    text-align: center;
  }
  .table td.cell-right,
  .table th.cell-right {
    text-align: right;
  }
}
/* Buttons */
.table .btn {
  margin: 0 0 4px 0;
}

/* Datatables */
table.dataTable {
  width: 100% !important;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 12px;
  font-size: 0.75pxrem;
}

.dataTables_length {
  font-size: 14px;
  font-size: 0.875pxrem;
  float: left;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  content: "";
  height: 20px;
  width: 8px;
  display: block;
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='9px'%3E%3Cg%3E%3Cpath fill='%23000' d='M4.446,8.758C4.201,9.08,3.8,9.08,3.555,8.758L1.136,5.581C0.89,5.262,0.988,4.999,1.352,4.999h5.294 c0.365,0,0.464,0.263,0.219,0.582L4.446,8.758z'/%3E%3Cpath fill='%23000' d='M4.446,0.241c-0.245-0.322-0.646-0.322-0.891,0L1.136,3.418C0.89,3.737,0.988,4,1.352,4h5.294 C7.012,4,7.11,3.737,6.865,3.418L4.446,0.241z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
}

table.dataTable thead th.sorting_asc:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='9px'%3E%3Cg%3E%3Cpath fill='%23000' d='M4.63,0.32c-0.346-0.427-0.914-0.427-1.26,0L0.181,4.224C-0.166,4.65,0.001,5,0.551,5h6.898c0.55,0,0.717-0.35,0.37-0.776 L4.63,0.32z'/%3E%3C/g%3E%3C/svg%3E");
}

table.dataTable thead th.sorting_desc:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='9px'%3E%3Cg%3E%3Cpath fill='%23000' d='M4.63,8.68c-0.346,0.427-0.914,0.427-1.26,0L0.181,4.776C-0.166,4.35,0.001,4,0.551,4h6.898c0.55,0,0.717,0.35,0.37,0.776 L4.63,8.68z'/%3E%3C/g%3E%3C/svg%3E");
}

.dt-new-row,
.dt-new-row:hover {
  background-color: #f2fbff !important;
}

.table > tbody > tr > td.checkbox-cell,
.table > thead > tr > th.checkbox-cell {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
}

.table > tbody > tr > td.checkbox-cell-small,
.table > thead > tr > th.checkbox-cell-small {
  padding-top: 4px;
  padding-bottom: 4px;
}

.table td .custom-check {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

@media print, screen and (min-width: 45em) {
  .checkbox-cell-small {
    width: 40px;
    max-width: 40px;
  }
}
.table > tbody > tr > td.cell-buttons {
  padding-top: 6px;
  padding-bottom: 0;
}

@media print, screen and (min-width: 45em) {
  .table td.cell-right {
    text-align: right;
  }
}
/* TABLE WITH BADGES */
.table > tbody > tr > td.cell-badge {
  padding-top: 6px;
  padding-bottom: 6px;
}

@media screen and (max-width: 45em) {
  .table > tbody > tr > td:first-child {
    background-color: #f2f4f7;
  }
}
/* Toggle sub content */
.table-toggle-btn {
  color: #4a4b45;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0 0 6px 12px;
}

.table-toggle-btn::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9px' height='9px'%3E%3Cg%3E%3Cpath fill='%23a6a6a6' d='M.33.84 3.98 4.5.33 8.16l.84.84 4.5-4.5L1.17 0z'/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  top: 3px;
  left: 0;
}

.table-toggle-btn.toggle-open {
  padding-left: 16px;
}

.table-toggle-btn.toggle-open::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9px' height='9px'%3E%3Cg%3E%3Cpath fill='%23a6a6a6' d='M8.16 1.83 4.5 5.48.84 1.83 0 2.67l4.5 4.5L9 2.67z'/%3E%3C/g%3E%3C/svg%3E");
}

/*
------------------------------------------------------------------------------------------------
  _site_buttons.scss - BUTTON ELEMENT BASE STYLES
------------------------------------------------------------------------------------------------
  Created:  01-03-2016
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
/* DEFAULT */
.btn {
  font-size: 13px;
  font-size: 0.8125pxrem;
  padding: 6px 16px 6px 16px;
  line-height: 1.375;
  font-weight: normal;
  margin: 0 20px 16px 0;
  background-color: #eff0f1;
  border: 1px solid #dcdcdc;
  color: #4a4b45;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  border-radius: 3px;
  position: relative;
  opacity: 1;
  transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear, box-shadow 100ms linear, padding 200ms ease-in-out, opacity 100ms linear;
  white-space: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
@media screen and (min-width: 30em) {
  .btn {
    font-size: 14px;
    font-size: 0.875pxrem;
    padding: 8px 20px 8px 20px;
  }
}
@media screen and (min-width: 45em) {
  .btn {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}

.btn.btn-mb {
  margin-bottom: 30px;
}

.btn:hover,
.btn:focus {
  background-color: #eaebec;
  border-color: #858585;
  text-decoration: none;
}

.btn:active {
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}

.btn.active {
  background-color: #93579a;
  border-color: #84488b;
  color: #ffffff;
  text-decoration: none;
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
}

.btn.active-success.active {
  background-color: #639332;
  border-color: #588529;
}

.btn.active-danger.active {
  background-color: #972c15;
  border-color: #6d1a09;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #dcdcdc;
}

.btn:disabled,
.btn.disabled,
.btn:disabled:hover,
.btn.disabled:hover,
a:hover .btn.disabled {
  background-color: #eeeeed;
  border-color: #eeeeed;
  color: #7a7a7a;
  cursor: not-allowed;
  pointer-events: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* COLOUR - PRIMARY */
.btn-primary {
  background-color: #93579a;
  border-color: #93579a;
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #833e8b;
  border-color: #833e8b;
  color: #ffffff;
  text-decoration: none;
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus {
  background-color: #c097c5;
  border-color: #c097c5;
  color: #e5d6e7;
}

.btn-primary:focus,
.btn-primary:active:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #93579a;
}

.highlight .btn-primary:focus,
.highlight .btn-primary:active:focus {
  box-shadow: 0 0 0 1px #d9edf7, 0 0 0 2.5px #93579a;
}

.modal-body .btn-primary:focus,
.modal-body .btn-primary:active:focus {
  box-shadow: 0 0 0 1px #fafbfd, 0 0 0 2.5px #93579a;
}

/* COLOUR - SECONDARY */
.btn-secondary {
  background-color: #246eb7;
  border-color: #246eb7;
  color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #2f70b1;
  border-color: #2f70b1;
  color: #ffffff;
}

.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary:disabled:hover,
.btn-secondary:disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus {
  background-color: #5391cf;
  border-color: #5391cf;
  color: #ffffff;
}

.btn-secondary:focus,
.btn-secondary:active:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #246eb7;
}

/* COLOUR - DANGER */
.btn-danger {
  background-color: #972c15;
  border-color: #972c15;
  color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #842410;
  border-color: #842410;
  color: #ffffff;
}

.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger:disabled:hover,
.btn-danger:disabled:focus,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus {
  background-color: #eed2cc;
  border-color: #eed2cc;
  color: #ffffff;
}

.btn-danger:focus,
.btn-danger:active:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #972c15;
}

/* COLOUR - SUCCESS */
.btn-success {
  background-color: #639332;
  border-color: #639332;
  color: #ffffff;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #588529;
  border-color: #588529;
  color: #ffffff;
}

.btn-success:disabled,
.btn-success.disabled,
.btn-success:disabled:hover,
.btn-success:disabled:focus,
.btn-success.disabled:hover,
.btn-success.disabled:focus {
  background-color: #eed2cc;
  border-color: #eed2cc;
  color: #ffffff;
}

.btn-success:focus,
.btn-success:active:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #639332;
}

/* COLOUR - SURVIVAL */
.btn-survival {
  background-color: #ffdc00;
  border-color: #ffdc00;
  color: #000000;
}

.btn-survival:hover,
.btn-survival:focus {
  background-color: #f2c82f;
  border-color: #f2c82f;
  color: #000000;
}

.btn-survival:disabled,
.btn-survival.disabled,
.btn-survival:disabled:hover,
.btn-survival:disabled:focus,
.btn-survival.disabled:hover,
.btn-survival.disabled:focus {
  background-color: #fee983;
  border-color: #fee983;
  color: #ffffff;
}

.btn-survival:focus,
.btn-survival:active:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #ffdc00;
}

/* COLOUR - GROWTH */
.btn-growth {
  background-color: #3C8700;
  border-color: #3C8700;
  color: #ffffff;
}

.btn-growth:hover,
.btn-growth:focus {
  background-color: #588529;
  border-color: #588529;
  color: #ffffff;
}

.btn-growth:disabled,
.btn-growth.disabled,
.btn-growth:disabled:hover,
.btn-growth:disabled:focus,
.btn-growth.disabled:hover,
.btn-growth.disabled:focus {
  background-color: #eed2cc;
  border-color: #eed2cc;
  color: #ffffff;
}

.btn-growth:focus,
.btn-growth:active:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #639332;
}

/* TEXT ONLY */
.btn.btn-link,
.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link.btn-sm {
  background-color: transparent;
  border-color: transparent;
  color: #246eb7;
  letter-spacing: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
  font-weight: 500;
  box-shadow: none;
}

.btn.btn-link:hover,
.btn.btn-link:focus {
  color: #316ca6;
  text-decoration: none;
}

.btn.btn-link:disabled,
.btn.btn-link.disabled,
.btn.btn-link:disabled:hover,
.btn.btn-link:disabled:focus,
.btn.btn-link.disabled:hover,
.btn.btn-link.disabled:focus {
  background-color: transparent;
  border-color: transparent;
  color: #60615c;
  text-decoration: underline;
}

.btn.btn-link:active {
  box-shadow: none;
}

/* OUTLINED */
.btn-outline {
  background-color: transparent;
}

.btn-outline.btn-rev {
  border-color: #ffffff;
  color: #ffffff;
}

.btn-outline.btn-rev:hover {
  background-color: #ffffff;
  color: #4a4b45;
}

/* OUTLINED - PRIMARY */
.btn-primary.btn-outline {
  background-color: transparent;
  border-color: #93579a;
  color: #93579a;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus {
  background-color: #93579a;
  border-color: #93579a;
  color: #ffffff;
}

/* OUTLINED - SECONDARY */
.btn-secondary.btn-outline {
  background-color: transparent;
  border-color: #f8ca00;
  color: #f8ca00;
}

.btn-secondary.btn-outline:hover,
.btn-secondary.btn-outline:focus {
  background-color: #f8ca00;
  border-color: #f8ca00;
  color: #ffffff;
}

/* REVERSED - PRIMARY */
.btn-primary.btn-rev {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #93579a;
}

.btn-primary.btn-rev:hover,
.btn-primary.btn-rev:focus {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-primary.btn-outline.btn-rev {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-primary.btn-outline.btn-rev:hover,
.btn-primary.btn-outline.btn-rev:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #93579a;
}

/* REVERSED - SECONDARY */
.btn-secondary.btn-rev {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #f8ca00;
}

.btn-secondary.btn-rev:hover,
.btn-secondary.btn-rev:focus {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-secondary.btn-outline.btn-rev {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-secondary.btn-outline.btn-rev:hover,
.btn-secondary.btn-outline.btn-rev:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #f8ca00;
}

/* BUTTON SIZES */
.btn-sm {
  font-size: 13px;
  font-size: 0.8125pxrem;
  padding: 5px 16px 5px 16px;
}

.btn-xs {
  font-size: 12px;
  font-size: 0.75pxrem;
  padding: 3px 8px 3px 8px;
}

.btn-lg,
.btn-xl {
  font-size: 14px;
  font-size: 0.875pxrem;
  padding: 8px 20px 8px 20px;
}
@media screen and (min-width: 30em) {
  .btn-lg,
  .btn-xl {
    font-size: 18px;
    font-size: 1.125pxrem;
    padding: 8px 30px 10px 30px;
  }
}

@media screen and (min-width: 45em) {
  .btn-xl {
    font-size: 20px;
    font-size: 1.25pxrem;
    padding: 10px 40px 12px 40px;
  }
}
.btn-block,
.btn-sm.btn-block {
  width: 100%;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

/* BUTTON WITH SVG ICON */
.btn .icon-ratio {
  float: left;
  margin-right: 8px;
  margin-top: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.btn.btn-sm .icon-ratio {
  margin-top: 2px;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.btn .icon-ratio.icon-ratio-eye {
  width: 20px;
  min-width: 20px;
}

.btn .icon-ratio.icon-ratio-calendar {
  margin-top: 1px;
  margin-right: 10px;
}

/* BUTTON NEXT ICON */
.btn.btn-next {
  position: relative;
  padding-right: 36px;
}

.btn.btn-next::after {
  content: "";
  width: 6px;
  height: 11px;
  position: absolute;
  top: 14px;
  right: 20px;
  transition: transform 0.1s ease-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6px' height='11px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M0 0l6 5.5L0 11z'/%3E%3C/g%3E%3C/svg%3E");
}

.btn.btn-next:hover::after {
  transform: translateX(2px);
}

@media screen and (min-width: 45em) {
  .btn.btn-lg.btn-next {
    padding-right: 46px;
  }
}

@media screen and (min-width: 45em) {
  .btn.btn-lg.btn-next::after {
    top: 15px;
    right: 30px;
  }
}

/* BUTTON PREV ICON */
.btn.btn-prev {
  position: relative;
  padding-left: 36px;
}

.btn.btn-prev::after {
  content: "";
  width: 6px;
  height: 11px;
  position: absolute;
  top: 12px;
  left: 20px;
  transition: transform 0.1s ease-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6px' height='11px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M6 11L0 5.5 6 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.btn.btn-prev:hover::after {
  transform: translateX(-2px);
}

.btn.btn-lg.btn-prev {
  padding-left: 46px;
}

.btn.btn-lg.btn-prev::after {
  top: 15px;
  left: 30px;
}

/* BUTTON GROUP / TOGGLE BUTTONS */
.btn-group {
  margin-bottom: 20px;
  width: 100%;
}
.btn-group:after {
  clear: both;
  content: "";
  display: table;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn {
  margin: 0;
  position: relative;
  flex: 0 1 auto;
}

.btn-group > .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .btn + .btn {
  margin-left: -1px;
}

/*.btn-group > .btn:hover + .btn {
    border-left-color: $btn-default-hover-border;
}

.btn-group > .btn.active:hover + .btn {
    border-left-color: $btn-default-border;
}*/
/* BUTTON CONTAINER */
.btn-container .btn:last-child {
  margin-right: 0;
}

/*
------------------------------------------------------------------------------------------------
  _site-pending-elements.scss - BUTTON ELEMENT BASE STYLES
------------------------------------------------------------------------------------------------
  Created:  01-03-2016
  Author:   Ember Interactive (www.emberinteractive.co.uk)
  Website:  Ember Interactive Limited
------------------------------------------------------------------------------------------------
*/
.form-disable {
  position: relative;
}
.form-disable:after {
  clear: both;
  content: "";
  display: table;
}

.form-disable:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  opacity: 0;
  z-index: 10;
  transition: opacity 150ms linear;
}

.form-disable.form-disable-dark:before {
  background-color: #000000;
}

.form-disable.disabled:before {
  bottom: 0;
  height: auto;
  opacity: 0.4;
}

.form-disable.disabled.fadeout:before {
  bottom: 0;
  height: auto;
  opacity: 0;
}

.ajax-spinner {
  width: 19px;
  height: 19px;
  background: url("../img/ajax-loader.gif") 0 0 no-repeat;
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .ajax-spinner {
    background-image: url("../img/retina/ajax-loader.gif");
    background-size: 19px 19px;
  }
}

.ajax-spinner-inline {
  width: 19px;
  height: 10px;
  background: url("../img/ajax-loader-inline.gif") 0 0 no-repeat;
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .ajax-spinner-inline {
    background-image: url("../img/retina/ajax-loader-inline.gif");
    background-size: 16px 4px;
  }
}

.ajax-spinner.ajax-spinner-show {
  display: block;
}

.ajax-spinner-inline.ajax-spinner-show {
  display: inline-block;
}

.css-spinner,
.css-spinner:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.css-spinner {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(50, 50, 50, 0.2);
  border-right: 3px solid rgba(50, 50, 50, 0.2);
  border-bottom: 3px solid rgba(50, 50, 50, 0.2);
  border-left: 3px solid #4a4b45;
  transform: translateZ(0);
  animation: spinnerAnim 0.5s infinite linear;
  opacity: 1;
  display: none;
}

.css-spinner.animating {
  transition: opacity 0.2s linear;
}

@keyframes spinnerAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.css-spinner.css-spinner-show {
  display: block;
}

.css-spinner.fade-out-spinner .css-spinner {
  opacity: 0;
}

.css-spinner.fade-out {
  opacity: 0;
}

.btn-pending {
  padding-right: 42px;
  position: relative;
}

.btn-full.btn-pending,
.btn-block.btn-pending {
  padding-left: 42px;
}

.btn-pending:after {
  content: "";
  font-size: 10px;
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 7px;
  right: 10px;
  border-radius: 50%;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid #ffffff;
  transform: translateZ(0);
  animation: spinnerAnim 0.5s infinite linear;
  opacity: 0;
  transition: opacity 0.2s linear;
}
@media screen and (min-width: 45em) {
  .btn-pending:after {
    top: 8px;
  }
}

.btn-pending-show:after {
  opacity: 1;
}

/* SIZES */
.btn-sm.btn-pending {
  padding-right: 36px;
}

.btn-sm.btn-pending:after {
  top: 4px;
  right: 8px;
}

.btn-xs.btn-pending {
  padding-right: 28px;
}

.btn-xs.btn-pending:after {
  width: 16px;
  height: 16px;
  top: 3px;
  right: 6px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 2px solid #ffffff;
}

.btn-lg.btn-pending:after {
  top: 11px;
}

/*
 *
 *   Alerts
 *   Version: 1.0.6 [MS-509] - fix icon, margin jump
 *
 */
.alert {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-size: 0.875pxrem;
  line-height: 18px;
  position: relative;
}
@media print, screen and (min-width: 30em) {
  .alert {
    padding: 15px;
  }
}
.alert:after {
  clear: both;
  content: "";
  display: table;
}

.alert-row {
  display: flex;
}

.alert p:last-child {
  margin-bottom: 0;
}

.alert h1,
.alert h2,
.alert h3,
.alert h4 {
  margin-bottom: 8px;
}

.alert .alert-link {
  font-weight: 700;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h1,
.alert-success h2,
.alert-success h3,
.alert-success h4,
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #b5d5db;
}

.alert-info h1,
.alert-info h2,
.alert-info h3,
.alert-info h4,
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8c6318;
  background-color: #fcf8e3;
  border-color: #f5e0b9;
}

.alert-warning h1,
.alert-warning h2,
.alert-warning h3,
.alert-warning h4,
.alert-warning .alert-link {
  color: #5e4a27;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger h1,
.alert-danger h2,
.alert-danger h3,
.alert-danger h4,
.alert-danger .alert-link {
  color: #843534;
}

.alert.alert-with-close {
  padding-right: 30px;
}

.alert .alert-close {
  padding: 0 10px;
  cursor: pointer;
  background: transparent;
  border: 0;
  float: right;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  color: #4a4b45;
  position: absolute;
  top: 6px;
  right: 0;
}
@media screen and (min-width: 30em) {
  .alert .alert-close {
    top: 12px;
    right: 4px;
  }
}

.alert .alert-close:hover,
.alert .alert-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

.alert .alert-close:disabled:hover,
.alert .alert-close:disabled:focus {
  cursor: default;
  color: #4a4b45;
  opacity: 0.2;
}

.alert .icon-ratio {
  margin-right: 10px;
}

.alert .svg-icon {
  display: none;
}

.alert.alert-success .alert-icon-success {
  display: block;
}

.alert.alert-danger .alert-icon-danger {
  display: block;
}

.alert.alert-warning .alert-icon-warning {
  display: block;
}

.alert.alert-info .alert-icon-info {
  display: block;
}

.alert.alert-show-icon .svg-icon {
  display: block;
}

.alert-anim {
  transition: max-height 300ms ease-in-out;
  max-height: auto;
}
.alert-anim:after {
  clear: both;
  content: "";
  display: table;
}

.alert-anim .alert {
  transition: opacity 300ms linear;
}

.alert-anim.alert-hidden {
  max-height: 0;
  overflow: hidden;
}

.alert-anim.alert-hidden .alert {
  opacity: 0;
}

.alert.alert-fixed {
  width: 300px;
  padding: 12px 15px;
  display: inline-block;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.095);
  position: fixed;
  top: -150px;
  right: 15px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
  z-index: 2011;
}

.alert.alert-fixed.show {
  opacity: 1;
}

.alert.alert-fixed .alert-close {
  top: 11px;
}

.floating-alert {
  position: fixed;
  top: 94px;
  right: 0;
  left: 0;
  z-index: 2010;
  padding: 0 30px;
}
@media print, screen and (min-width: 45em) {
  .floating-alert {
    padding: 0 30px;
    top: 80px;
  }
}
@media print, screen and (min-width: 58em) {
  .floating-alert {
    padding: 0 45px;
    top: 86px;
    transform: translateY(16px);
    transition: transform 0.2s ease-out;
  }
}

@media print, screen and (min-width: 58em) {
  .float-header-scrolled .floating-alert {
    transform: translateY(0);
  }
}
.floating-alert .alert {
  margin: 0 auto;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.095);
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 1214px;
}
@media print, screen and (min-width: 45em) {
  .floating-alert .alert {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.floating-alert.floating-alert-thin .alert {
  max-width: 860px;
}

@media print, screen and (max-width: 45em) {
  .floating-alert .alert .alert-close {
    top: 7px;
  }
}

@media print {
  .alert {
    display: none;
  }
}
/* HIGHLIGHTED CONTENT */
.highlight-alert {
  padding: 15px 10px 0 10px;
  margin-bottom: 30px;
  border-radius: 4px;
  color: #31708f;
  background-color: #d9edf7;
  border: 1px solid #b5d5db;
  page-break-inside: avoid;
}
@media print, screen and (min-width: 30em) {
  .highlight-alert {
    padding: 15px 15px 0 15px;
  }
}
.highlight-alert:after {
  clear: both;
  content: "";
  display: table;
}

.highlight-alert h1,
.highlight-alert h2,
.highlight-alert h3,
.highlight-alert h4 {
  color: inherit;
  margin-bottom: 10px;
}

.highlight-alert p {
  margin-bottom: 14px;
}

.highlight-content {
  padding-left: 5px;
}

.highlight-alert ul {
  padding-left: 20px;
}

.highlight-alert ul li {
  padding-bottom: 12px;
}

.highlight-alert ul li:last-child {
  padding-bottom: 0;
}

.highlight-row {
  display: flex;
}

.highlight-alert .highlight-icon .icon-ratio {
  margin: 2px 8px 10px 0;
}

/* HIGHLIGHTED CONTENT */
.highlight-block {
  padding: 15px 15px 0 15px;
  margin-bottom: 30px;
  background-color: #f8ca00;
  page-break-inside: avoid;
}
@media print, screen and (min-width: 30em) {
  .highlight-block {
    padding: 15px 25px 0 20px;
  }
}
.highlight-block:after {
  clear: both;
  content: "";
  display: table;
}

.highlight-block .text-survival {
  background-color: #000000;
  color: #ffdc00 !important;
}

.highlight-block p,
.highlight-block h1,
.highlight-block h2,
.highlight-block h3,
.highlight-block h4 {
  margin-bottom: 1rem;
}

.highlight-block.highlight-block-with-img {
  display: flex;
}

.highlight-block.highlight-block-with-img .highlight-img {
  min-width: 40px;
  margin-left: 20px;
}
@media print, screen and (min-width: 45em) {
  .highlight-block.highlight-block-with-img .highlight-img {
    min-width: 80px;
    margin-left: 30px;
    padding-top: 5px;
  }
}
@media print, screen and (min-width: 58em) {
  .highlight-block.highlight-block-with-img .highlight-img {
    min-width: 114px;
    margin-left: 40px;
  }
}

/* COLOUR MODIFIERS */
.highlight-block.highlight-block-gcare {
  background-color: #41b6e6;
}

.highlight-block.highlight-block-gcare p,
.highlight-block.highlight-block-gcare h1,
.highlight-block.highlight-block-gcare h2,
.highlight-block.highlight-block-gcare h3,
.highlight-block.highlight-block-gcare h4 {
  color: #ffffff;
}

.highlight-block.highlight-block-gcare .text-success,
.highlight-block.highlight-block-gcare .text-danger {
  color: #303336 !important;
}

/*
----------------------------------------------------------------------------------- SITE OVERLAY

------------------------------------------------------------------------------------------------
*/
.overlay {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  z-index: 2000;
}

.overlay.overlay-visible {
  bottom: 0;
  height: auto;
}

.overlay.overlay-animating {
  opacity: 1;
}

.overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #151b26;
  opacity: 0.8;
}

/*
--------------------------------------------------------------------------------- TOGGLE BUTTONS

------------------------------------------------------------------------------------------------
*/
/*
.js .btn-group-toggle > .btn input[type="radio"],
.js .btn-group-toggle > .btn-group > .btn input[type="radio"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
*/
/* MAKE LIKE BUTTON GROUP */
.toggle-btn-group {
  display: flex;
  width: 100%;
  position: relative;
}

.form-inline .toggle-btn-group {
  display: inline-flex;
  width: auto;
}

.toggle-btn-group.toggle-btn-group-centered {
  justify-content: center;
}

.toggle-btn-group > .toggle-btn-radio:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: #eff0f1;
}

.toggle-btn-group > .toggle-btn-radio:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.toggle-btn-group .btn {
  margin: 0;
}

/* DIASBLE ALL RADIOS */
.toggle-btn-group.disabled::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fafcff;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.2s linear;
}

.toggle-btn-group.disabled.animate::before {
  opacity: 0.4;
}

/* HIDE RADIOS */
.toggle-btn-radio {
  position: relative;
}

.toggle-btn-radio input[type=radio]:checked,
.toggle-btn-radio input[type=radio]:not(checked) {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -11px;
  padding: 0;
  z-index: -1;
  cursor: pointer;
  opacity: 0;
}

/* COLOURS AND STATES */
.toggle-btn-group > .toggle-btn-radio .btn {
  background-color: #eff0f1;
  border: 1px solid #dcdcdc;
  color: #4a4b45;
}

.toggle-btn-group > .toggle-btn-radio .btn:hover,
.toggle-btn-group > .toggle-btn-radio input[type=radio]:focus + label.btn {
  background-color: #eaebec;
  border-color: #858585;
}

.toggle-btn-group > .toggle-btn-radio input[type=radio]:checked + label.btn {
  background-color: #93579a;
  border-color: #84488b;
  color: #ffffff;
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-success input[type=radio]:checked + label.btn {
  background-color: #639332;
  border-color: #588529;
  color: #ffffff;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-danger input[type=radio]:checked + label.btn {
  background-color: #972c15;
  border-color: #6d1a09;
  color: #ffffff;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-growth input[type=radio]:checked + label.btn {
  background-color: #3C8700;
  border-color: #588529;
  color: #ffffff;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-survival input[type=radio]:checked + label.btn {
  background-color: #ffdc00;
  border-color: #f2c82f;
  color: #000000;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-success-fade .btn {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-danger-fade .btn {
  background-color: #f2dede;
  border-color: #ebccd1;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-survival-fade .btn {
  background-color: #fcf8e3;
  border-color: #f5e0b9;
}

.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-success-fade .btn:hover,
.toggle-btn-group > .toggle-btn-radio.toggle-btn-radio-danger-fade .btn:hover {
  border-color: #858585;
}

/*
--------------------------------------------------------------------------------- CHOSEN SELECTS

------------------------------------------------------------------------------------------------
*/
/* CONTAINER */
.chosen-container { /*margin-bottom:10px;*/
  font-size: 16px;
  font-size: 1pxrem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* DISPLAY AREA */
.chosen-container-single .chosen-single {
  padding: 7px 0 8px 14px;
  font-weight: normal;
  background: #ffffff;
  color: #4a4b45;
  border: 2px solid #cecfcf;
  overflow: visible;
  border-radius: 0;
  box-shadow: none;
}

.modal-body .chosen-container-single .chosen-single {
  background-color: #ffffff;
  color: #4a4b45;
  border-color: #cecfcf;
}

.chosen-container-single .chosen-default {
  color: #707070;
}

.chosen-container-single .chosen-single:hover,
.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #fafafc;
  background-image: none;
  box-shadow: none;
}

.modal-body .chosen-container-single .chosen-single:hover,
.modal-body .chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #fafafc;
}

.chosen-container-multi .chosen-choices {
  background-color: #ffffff;
  color: #ffffff;
  border: 2px solid #cecfcf;
  font-size: 14px;
  font-size: 0.875pxrem;
  padding-left: 0;
  border-radius: 0;
  background-image: none;
}

.modal-body .chosen-container-multi .chosen-choices {
  background-color: #ffffff;
  color: #60615c;
  border-color: #cecfcf;
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
  border: 2px solid #93579a;
  box-shadow: none;
}

.chosen-container-single .chosen-single div {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
}

.chosen-container-single .chosen-single div b {
  background-position: 0 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 10px;
}

.chosen-container-single .chosen-single abbr {
  top: 13px;
  right: 24px;
}

/* PLACE HOLDER */
.chosen-container-single .chosen-single span {
  padding-top: 1px;
  line-height: 20px;
}

.chosen-container-single .chosen-search input[type=text] {
  color: #4a4b45;
}

.modal-body .chosen-container-single .chosen-search input[type=text] {
  color: #4a4b45;
}

/* RESULTS LIST */
.chosen-container .chosen-drop {
  background-color: #ffffff;
  box-shadow: none;
}

.modal-body .chosen-container .chosen-drop {
  background-color: #ffffff;
}

.chosen-container-active .chosen-drop {
  border: 1px solid #cecfcf;
}

.modal-body .chosen-container-active .chosen-drop {
  border-color: #cecfcf;
}

.chosen-container .chosen-results {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-size: 1pxrem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  color: #4a4b45;
}

.modal-body .chosen-container .chosen-results {
  color: #303336;
}

.chosen-container .chosen-results li {
  padding: 8px 8px;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #93579a;
  background-image: none;
}

.chosen-container .chosen-results li.group-result {
  font-weight: 500;
  color: #303336;
}

/* SEARCH FIELD */
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  height: 34px;
  box-shadow: none;
  font-family: inherit;
  padding-left: 14px;
  font-size: 16px;
  font-size: 1pxrem;
}

/* DISABLED */
.chosen-container-single.chosen-disabled .chosen-single abbr,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  /*background-position:$pos-chosen-cross;*/
  opacity: 0;
}

.chosen-container-single.chosen-disabled .chosen-single:hover {
  background-color: red;
}

/* MULTI SELECT */
.chosen-container-multi .chosen-choices li.search-choice {
  margin-top: 5px;
  margin-left: 8px;
  padding: 6px 20px 6px 8px;
  box-shadow: none;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  right: 4px;
  top: 8px; /*background: 0;*/
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before { /*background-position: $pos-chosen-cross;*/
  opacity: 1;
}

/*
------------------------------------------------------------------------------------------- GRID

------------------------------------------------------------------------------------------------
*/
.grid-row {
  display: block;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.grid-row.grid-row-sm {
  display: flex;
}

@media print, screen and (min-width: 30em) {
  .grid-row {
    display: flex;
  }
  .grid-row.grid-row-tablet {
    display: block;
  }
  .col-1 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-2 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-3 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-4 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-5 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-6 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-7 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-8 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-9 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-10 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-11 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
  .col-12 {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
  }
}
@media print, screen and (min-width: 45em) {
  .grid-row.grid-row-tablet {
    display: flex;
  }
  .col-1 {
    flex-basis: calc(((100% - 330px) / 12 * 1));
    max-width: calc(((100% - 330px) / 12 * 1));
  }
  .col-2 {
    flex-basis: calc(30px + ((100% - 330px) / 12 * 2));
    max-width: calc(30px + ((100% - 330px) / 12 * 2));
  }
  .col-3 {
    flex-basis: calc(60px + ((100% - 330px) / 12 * 3));
    max-width: calc(60px + ((100% - 330px) / 12 * 3));
  }
  .col-4 {
    flex-basis: calc(90px + ((100% - 330px) / 12 * 4));
    max-width: calc(90px + ((100% - 330px) / 12 * 4));
  }
  .col-5 {
    flex-basis: calc(120px + ((100% - 330px) / 12 * 5));
    max-width: calc(120px + ((100% - 330px) / 12 * 5));
  }
  .col-6 {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
  }
  .col-7 {
    flex-basis: calc(180px + ((100% - 330px) / 12 * 7));
    max-width: calc(180px + ((100% - 330px) / 12 * 7));
  }
  .col-8 {
    flex-basis: calc(210px + ((100% - 330px) / 12 * 8));
    max-width: calc(210px + ((100% - 330px) / 12 * 8));
  }
  .col-9 {
    flex-basis: calc(240px + ((100% - 330px) / 12 * 9));
    max-width: calc(240px + ((100% - 330px) / 12 * 9));
  }
  .col-10 {
    flex-basis: calc(270px + ((100% - 330px) / 12 * 10));
    max-width: calc(270px + ((100% - 330px) / 12 * 10));
  }
  .col-11 {
    flex-basis: calc(300px + ((100% - 330px) / 12 * 11));
    max-width: calc(300px + ((100% - 330px) / 12 * 11));
  }
  .col-12 {
    flex-basis: calc(330px + (100% - 330px));
    max-width: calc(330px + (100% - 330px));
  }
}
@media print, screen and (max-width: 45em) {
  .grid-row.grid-row-tablet .col-1 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-3 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-5 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-7 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-8 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-9 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-10 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-11 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-row.grid-row-tablet .col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 45em) {
  .grid-row.grid-row-1-col-landscape .col-1 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-2 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-3 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-4 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-5 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-6 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-7 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-8 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-9 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-10 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-11 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-landscape .col-12 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
}
@media print, screen and (max-width: 58em) {
  .grid-row.grid-row-1-col-tablet .col-1 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-2 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-3 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-4 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-5 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-6 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-7 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-8 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-9 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-10 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-11 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.grid-row-1-col-tablet .col-12 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
}
/* FOR TESTING */
.col-label {
  position: relative;
  box-sizing: border-box;
  min-height: 30px;
  padding: 5px 0;
  margin-bottom: 30px;
  background: #007FFF;
  overflow: hidden;
  text-align: center;
  color: #fff;
}

/* MAX WIDTH COLS */
.max-col-3 {
  max-width: 312px;
}

.max-col-5 {
  max-width: 628px;
}

.max-col-6 {
  max-width: 694px;
}

.max-col-7 {
  max-width: 760px;
}

.max-col-8 {
  max-width: 826px;
}

.max-col-10 {
  max-width: 1040px;
}

.d-flex {
  display: flex !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

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

/*
----------------------------------------------------------------------------------- PRINT STYLES

------------------------------------------------------------------------------------------------
*/
@media print {
  .max-col-7 {
    max-width: none;
  }
  .max-col-8 {
    max-width: none;
  }
  .max-col-10 {
    max-width: none;
  }
}
/*
--------------------------------------------------------------------------- POPUP WINDOW STYLING

------------------------------------------------------------------------------------------------
*/
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-title {
  margin-bottom: 0;
}
@media screen and (max-width: 30em) {
  .modal-title {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}

.modal-body {
  padding: 20px 15px;
  position: relative;
}
@media screen and (min-width: 45em) {
  .modal-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 45em) {
  .modal-footer {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.modal-footer .btn {
  margin-bottom: 0;
  margin-right: 14px;
}

.modal-footer .btn:last-child {
  margin-right: 0;
}

/* MODAL SIZES */
.mfp-modal.mfp-modal-wide,
.mfp-modal.modal-wide {
  max-width: 860px;
}

.mfp-modal.mfp-modal-wider,
.mfp-modal.modal-wider {
  max-width: 1100px;
}

.mfp-modal.mfp-modal-widest,
.mfp-modal.modal-widest {
  max-width: 1360px;
}

/* MODIFYERS */
.mfp-content .modal-white .modal-body {
  background-color: #ffffff;
}

.mfp-content .modal-white .modal-footer {
  border: 0;
  padding-top: 0;
}

.modal-left-btns .modal-footer {
  text-align: left;
}

.mfp-content .mfp-modal.modal-rev {
  background-color: #fafbfd;
}

.mfp-content .modal-rev .modal-body {
  background-color: #ffffff;
}

/*
------------------------------------------------------------------------------------- PAGINATION

------------------------------------------------------------------------------------------------
*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  font-size: 14px;
  font-size: 0.875pxrem;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 7px 10px 5px 10px;
  margin-left: -1px;
  line-height: 1.42857143;
  font-weight: 700;
  color: #4a4b45;
  background-color: #f2f4f7;
  text-decoration: none;
}

.pagination > li.active > a {
  background-color: #e1e2e5;
}

.pagination > li > a:hover {
  color: #ffffff;
  background-color: #93579a;
}

.pagination > li > a {
  transition: color 0.25s ease-out, background-color 0.25s ease-out;
}

.pagination .pagination {
  font-size: 1em;
}

.pagination > li > span.current,
.pagination > li > span.current:focus,
.pagination > li > span.current:hover {
  z-index: 2;
  color: #ffffff;
  background-color: #93579a;
  cursor: default;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-block { /*text-align: center;*/
  padding-top: 0;
}

.pagination-block .pagination {
  margin: 0;
}

/*
.pagination .prev,
.pagination .next,{
  display:block;
  color:$primary;
  width:34px;
  height:32px;
  overflow:hidden;
  text-indent:-300px;
  padding:0;
  position:relative;
}

.pagination .prev,
.pagination li:first-child span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination .next,
.pagination li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}



.pagination .prev:before,
.pagination .next:before {
  content:'';
  background-color:pink;
  display:block;
  width:8px;
  height:12px;
  position:absolute;
  top:10px;
  left:12px;
}
*/
.pagination li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination li.first a::before,
.pagination li.previous a::before,
.pagination li.next a::before,
.pagination li.last a::before {
  content: "<";
  color: transparent;
  width: 11px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%234a4b45' d='M5.236,9.867c-0.174,0.177-0.459,0.177-0.633,0L0.13,5.322c-0.174-0.177-0.174-0.467,0-0.643l4.473-4.546 c0.174-0.177,0.459-0.177,0.633,0l0.632,0.643c0.174,0.177,0.174,0.466,0,0.643L2.66,4.679c-0.174,0.176-0.174,0.466,0,0.643 L5.869,8.58c0.174,0.179,0.174,0.469,0,0.645L5.236,9.867z'/%3E%3Cpath fill='%234a4b45' d='M10.236,9.867c-0.174,0.177-0.459,0.177-0.633,0L5.13,5.322c-0.174-0.177-0.174-0.467,0-0.643l4.473-4.546 c0.174-0.177,0.459-0.177,0.633,0l0.633,0.643c0.174,0.177,0.174,0.466,0,0.643L7.66,4.679c-0.174,0.176-0.174,0.466,0,0.643 l3.209,3.258c0.174,0.179,0.174,0.469,0,0.645L10.236,9.867z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 5px;
}

.pagination li.previous a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%234a4b45' d='M7.736,9.867c-0.174,0.177-0.459,0.177-0.633,0L2.631,5.322c-0.174-0.177-0.174-0.467,0-0.643l4.473-4.546 c0.174-0.177,0.459-0.177,0.633,0l0.633,0.643c0.174,0.177,0.174,0.466,0,0.643l-3.208,3.26c-0.174,0.176-0.174,0.466,0,0.643 L8.369,8.58c0.174,0.179,0.174,0.469,0,0.645L7.736,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.next a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%234a4b45' d='M3.264,9.867c0.174,0.177,0.459,0.177,0.633,0l4.473-4.545c0.174-0.177,0.174-0.467,0-0.643L3.896,0.133 c-0.174-0.177-0.459-0.177-0.633,0L2.631,0.776c-0.174,0.177-0.174,0.466,0,0.643l3.208,3.26c0.174,0.176,0.174,0.466,0,0.643 L2.631,8.58c-0.174,0.179-0.174,0.469,0,0.645L3.264,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.last a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%234a4b45' d='M5.764,9.867c0.174,0.177,0.459,0.177,0.633,0l4.472-4.545c0.174-0.177,0.174-0.467,0-0.643L6.397,0.133 c-0.174-0.177-0.459-0.177-0.633,0L5.131,0.776c-0.174,0.177-0.174,0.466,0,0.643l3.208,3.26c0.174,0.176,0.174,0.466,0,0.643 L5.131,8.58c-0.174,0.179-0.174,0.469,0,0.645L5.764,9.867z'/%3E%3Cpath fill='%234a4b45' d='M0.764,9.867c0.174,0.177,0.459,0.177,0.633,0L5.87,5.322c0.174-0.177,0.174-0.467,0-0.643L1.396,0.133 c-0.174-0.177-0.459-0.177-0.633,0L0.131,0.776c-0.174,0.177-0.174,0.466,0,0.643l3.209,3.26c0.174,0.176,0.174,0.466,0,0.643 L0.131,8.58c-0.174,0.179-0.174,0.469,0,0.645L0.764,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.first a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M5.236,9.867c-0.174,0.177-0.459,0.177-0.633,0L0.13,5.322c-0.174-0.177-0.174-0.467,0-0.643l4.473-4.546 c0.174-0.177,0.459-0.177,0.633,0l0.632,0.643c0.174,0.177,0.174,0.466,0,0.643L2.66,4.679c-0.174,0.176-0.174,0.466,0,0.643 L5.869,8.58c0.174,0.179,0.174,0.469,0,0.645L5.236,9.867z'/%3E%3Cpath fill='%23ffffff' d='M10.236,9.867c-0.174,0.177-0.459,0.177-0.633,0L5.13,5.322c-0.174-0.177-0.174-0.467,0-0.643l4.473-4.546 c0.174-0.177,0.459-0.177,0.633,0l0.633,0.643c0.174,0.177,0.174,0.466,0,0.643L7.66,4.679c-0.174,0.176-0.174,0.466,0,0.643 l3.209,3.258c0.174,0.179,0.174,0.469,0,0.645L10.236,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.previous a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M7.736,9.867c-0.174,0.177-0.459,0.177-0.633,0L2.631,5.322c-0.174-0.177-0.174-0.467,0-0.643l4.473-4.546 c0.174-0.177,0.459-0.177,0.633,0l0.633,0.643c0.174,0.177,0.174,0.466,0,0.643l-3.208,3.26c-0.174,0.176-0.174,0.466,0,0.643 L8.369,8.58c0.174,0.179,0.174,0.469,0,0.645L7.736,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.next a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M3.264,9.867c0.174,0.177,0.459,0.177,0.633,0l4.473-4.545c0.174-0.177,0.174-0.467,0-0.643L3.896,0.133 c-0.174-0.177-0.459-0.177-0.633,0L2.631,0.776c-0.174,0.177-0.174,0.466,0,0.643l3.208,3.26c0.174,0.176,0.174,0.466,0,0.643 L2.631,8.58c-0.174,0.179-0.174,0.469,0,0.645L3.264,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.last a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='10px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M5.764,9.867c0.174,0.177,0.459,0.177,0.633,0l4.472-4.545c0.174-0.177,0.174-0.467,0-0.643L6.397,0.133 c-0.174-0.177-0.459-0.177-0.633,0L5.131,0.776c-0.174,0.177-0.174,0.466,0,0.643l3.208,3.26c0.174,0.176,0.174,0.466,0,0.643 L5.131,8.58c-0.174,0.179-0.174,0.469,0,0.645L5.764,9.867z'/%3E%3Cpath fill='%23ffffff' d='M0.764,9.867c0.174,0.177,0.459,0.177,0.633,0L5.87,5.322c0.174-0.177,0.174-0.467,0-0.643L1.396,0.133 c-0.174-0.177-0.459-0.177-0.633,0L0.131,0.776c-0.174,0.177-0.174,0.466,0,0.643l3.209,3.26c0.174,0.176,0.174,0.466,0,0.643 L0.131,8.58c-0.174,0.179-0.174,0.469,0,0.645L0.764,9.867z'/%3E%3C/g%3E%3C/svg%3E");
}

.pagination li.disabled a::before {
  opacity: 0.3;
}

/*
.pagination .prev:before,
.pagination .next:before {
    @include arrow-color($text-main);
}

.pagination .prev:hover:before,
.pagination .next:hover:before {
    @include arrow-color($white);
}

.pagination .next:before {
    transform: rotate(180deg);
    left:auto;
    right:12px;
}*/
/*
------------------------------------------------------------------------------ TABBED NAVIGATION

------------------------------------------------------------------------------------------------
*/
/* TABBED CONTENT */
.tab-pane {
  background-color: #ffffff;
  padding: 30px 16px;
  margin-bottom: 30px;
  border-radius: 5px;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 58em) {
  .tab-pane {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 45em) {
  .nav-tabs,
  .primary-nav.nav-tabs {
    font-size: 13px;
    font-size: 0.8125pxrem;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -8px;
    line-height: 1.2;
    padding-left: 10px;
    margin-left: 0;
    display: flex;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 45em) and (min-width: 58em) {
  .nav-tabs,
  .primary-nav.nav-tabs {
    padding-left: 10px;
    font-size: 13px;
    font-size: 0.8125pxrem;
  }
}
@media screen and (min-width: 45em) and (min-width: 65em) {
  .nav-tabs,
  .primary-nav.nav-tabs {
    padding-left: 20px;
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media screen and (min-width: 45em) {
  .nav-tabs li {
    list-style-type: none;
    padding: 0;
    margin: 0 6px 0 0;
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .nav-tabs a {
    font-weight: 500;
    text-decoration: none;
    padding: 8px;
    color: #60615c;
    background-color: transparent;
    transition: background-color 100ms linear, color 100ms linear, opacity 100ms linear;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 18px;
    width: 100%;
    flex: 1 1 auto;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 45em) and (min-width: 58em) {
  .nav-tabs a {
    padding: 12px 10px;
  }
}
@media screen and (min-width: 45em) and (min-width: 65em) {
  .nav-tabs a {
    padding: 12px 16px;
  }
}
@media screen and (min-width: 45em) {
  .nav-tabs a:hover,
  .nav-tabs a.active {
    background-color: #ffffff;
    color: #303336;
  }
  .nav-tabs a.active {
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
  }
  .nav-tabs a:focus,
  .nav-tabs a:hover:focus,
  .nav-tabs a.active:focus {
    text-decoration: underline;
  }
  .nav-tabs .icon-ratio {
    display: none;
  }
}
@media screen and (min-width: 58em) {
  .nav-tabs .icon-ratio {
    display: block;
  }
  .tab-grid-content {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
  }
  .tab-grid-aside {
    flex-basis: calc(120px + ((100% - 330px) / 12 * 5));
    max-width: calc(120px + ((100% - 330px) / 12 * 5));
  }
}
/* ANIMATION */
/*.js .tab-content .tab-pane {height:0; overflow:hidden; opacity: 0; transition: opacity 0.3s linear; }
.js .tab-content .active {height:auto; overflow:visible;}
.js .tab-content .tab-pane.fade-in {opacity: 1;}
.js .tab-content .tab-pane.hide {display: none;}*/
/*
--------------------------------------------------------------------------------------- DROPDOWN

------------------------------------------------------------------------------------------------
*/
.dropdown-toggle {
  position: relative;
}

.dropdown-menu,
.dropdown-block {
  display: none;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  background-color: #ffffff;
  z-index: 2010;
}

.dropdown-open .dropdown-menu,
.dropdown-open .dropdown-block {
  display: block;
  transform: translate3d(0, 0, 0);
}

.dropdown-menu li {
  width: 100%;
  border-bottom: 1px solid #bebebe;
  padding-bottom: 0;
  position: relative;
}

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

.dropdown-menu li a {
  line-height: 42px;
  color: #303336;
  text-decoration: none;
  display: block;
  padding: 0 16px;
}

.dropdown-menu li a:hover {
  background-color: #f2f4f7;
}

/* ----------------- Dropdown block ------ */
.dropdown-block {
  width: 304px;
  border-radius: 5px;
  padding: 16px 20px 6px 20px;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 45em) {
  .dropdown-block {
    width: 200px;
  }
}

.dropdown-block.dropdown-block-wide {
  width: 304px;
}
@media screen and (min-width: 45em) {
  .dropdown-block.dropdown-block-wide {
    width: 310px;
  }
}

.dropdown-block p {
  font-size: 14px;
  font-size: 0.875pxrem;
  margin-bottom: 10px;
}

.dropdown-block h4 {
  margin-bottom: 10px;
}

.dropdown-block:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
}

.dropdown-block:before {
  top: -5px;
  right: 8px;
  border-bottom-color: #ffffff;
  border-width: 5px;
}

/*
---------------------------------------------------------------------------- ICON SPECIFIC STUFF

------------------------------------------------------------------------------------------------
*/
.icon-ratio.icon-ratio-down-arrow-sm {
  width: 10px;
  min-width: 10px;
}

.icon-ratio.icon-ratio-down-arrow-sm:before {
  padding-top: 60%;
}

.title-icon .icon-ratio {
  float: left;
  margin-right: 10px;
  margin-top: -1px;
  width: 22px;
}
@media screen and (min-width: 45em) {
  .title-icon .icon-ratio {
    margin-top: 2px;
  }
}

.title-icon.title-icon-flex {
  display: flex;
  align-items: flex-start;
}

.title-icon.title-icon-flex .icon-ratio {
  float: none;
}

.modal-title.title-icon .icon-ratio {
  float: none;
  display: inline-block;
  margin-bottom: -2px;
}

h1.title-icon .icon-ratio {
  margin-top: 2px;
}
@media screen and (min-width: 45em) {
  h1.title-icon .icon-ratio {
    margin-top: 5px;
    width: 24px;
  }
}
@media screen and (min-width: 58em) {
  h1.title-icon .icon-ratio {
    margin-top: 6px;
    width: 28px;
  }
}

h3.title-icon .icon-ratio {
  margin-top: 0;
  width: 18px;
}

.icon-ratio.icon-ratio-arrow-lrg-thin:before {
  padding-top: 83.3333333333%;
}

.icon-ratio.icon-ratio-touch-action {
  width: 25px;
  min-width: 25px;
}

.icon-ratio.icon-ratio-touch-action:before {
  padding-top: 140%;
}

h2.title-icon .icon-ratio.icon-ratio-touch-action {
  width: 22px;
}

.icon-ratio.icon-ratio-video:before {
  padding-top: 64.2857142857%;
}

.icon-ratio.icon-ratio-undo:before {
  padding-top: 72.2222222222%;
}

.icon-ratio.icon-ratio-info-magnifying-glass {
  width: 25px;
}

/*
.icon-ratio.icon-ratio-info-magnifying-glass:before {
    padding-top:$info-magnifying-glass-ratio;
}
*/
.icon-ratio.icon-ratio-home {
  width: 24px;
}

.inline-icon-thick-tick {
  display: inline-block;
  width: 25px;
  height: 11px;
  position: relative;
}

.inline-icon-thick-tick::after {
  content: "";
  display: block;
  width: 15px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='11px'%3E%3Cg%3E%3Cpath fill='%23639332' d='M5.67 11L.389 5.82C.138 5.574 0 5.247 0 4.898c0-.348.138-.676.389-.922.502-.492 1.378-.492 1.88 0L5.67 7.312 12.731.37c.502-.493 1.378-.493 1.88 0 .518.508.518 1.333 0 1.842L5.67 11z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 10px;
}

.inline-icon-thick-exclamation {
  display: inline-block;
  width: 25px;
  height: 20px;
  position: relative;
  margin-bottom: -4px;
}

.inline-icon-thick-exclamation::after {
  content: "";
  display: block;
  width: 6px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6px' height='20px'%3E%3Cg%3E%3Ccircle fill='%23b26204' cx='3' cy='17.5' r='2.5'/%3E%3Cpath fill='%23b26204' d='M5 11c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h2c.55 0 1 .45 1 1v10z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 9px;
}

.inline-icon-arrow-link {
  display: inline-block;
  padding-right: 24px;
  position: relative;
}

.inline-icon-arrow-link::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px'%3E%3Cg%3E%3Cpath fill='%23246eb7' d='M11 7v6H1V3h6V2H0v12h12V7h-1z'/%3E%3Cpath fill='%23246eb7' d='M9 0v1h3.293L5.646 7.646l.708.708L13 1.707V5h1V0z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
  position: absolute;
  top: 1px;
  right: 0;
}

.icon-ratio-spiral {
  width: 40px;
}

.icon-ratio-spiral.icon-spiral-growth-profile {
  color: #f8ca00;
}

.icon-ratio-spiral.icon-spiral-growth-indicator {
  color: #bbc510;
}

.icon-ratio-spiral.icon-spiral-mindset-indicator {
  color: #3C8700;
}

.icon-ratio-spiral.icon-spiral-growth-360 {
  color: #b26204;
}

.icon-ratio-spiral.icon-spiral-growth-climate-360 {
  color: #93579a;
}

.icon-ratio-spiral.icon-spiral-interpersonal-growth-indicator {
  color: #246eb7;
}

.icon-ratio.icon-ratio-warning,
.icon-ratio.icon-ratio-warning-yellow,
.icon-ratio.icon-ratio-tick,
.icon-ratio.icon-ratio-tick-green {
  width: 30px;
}
@media print, screen and (min-width: 45em) {
  .icon-ratio.icon-ratio-warning,
  .icon-ratio.icon-ratio-warning-yellow,
  .icon-ratio.icon-ratio-tick,
  .icon-ratio.icon-ratio-tick-green {
    width: 40px;
  }
}

.title-icon .icon-ratio.icon-ratio-warning,
.title-icon .icon-ratio.icon-ratio-warning-yellow,
.title-icon .icon-ratio.icon-ratio-tick .title-icon .icon-ratio.icon-ratio-tick-green {
  width: 28px;
  display: inline-block;
  float: none;
  margin: 0 0 -6px 6px;
}

/* FILE ICONS (USUALLY SVG IMAGE FILES */
.file-icon {
  max-width: 42px;
}

/*
-------------------------------------------------------------------------------- AJAX MODAL FORM

------------------------------------------------------------------------------------------------
*/
.modal-results-inner {
  overflow: hidden;
  height: auto;
}

.modal-results-inner.animating {
  transition: max-height 0.4s ease-in-out;
}

.modal-results-inner.animating-fast {
  transition: max-height 0.3s ease-in-out;
}

/*
------------------------------------------------------------------------------------- AJAX UPDATE

------------------------------------------------------------------------------------------------
*/
.field-with-update {
  padding-right: 34px;
  position: relative;
}

@keyframes spinnerAjaxAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.field-with-update::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border-top: 3px solid rgba(96, 96, 96, 0.3);
  border-right: 3px solid rgba(96, 96, 96, 0.3);
  border-bottom: 3px solid rgba(96, 96, 96, 0.3);
  border-left: 3px solid #4a4b45;
  transform: translateZ(0);
  animation: spinnerAjaxAnim 0.5s infinite linear;
  display: none;
  opacity: 0;
}

.checkbox .field-with-update::after,
.radio .field-with-update::after {
  top: 0;
}

.toggle-with-labels .field-with-update::after {
  top: 2px;
}

.ajax-updating .field-with-update::after {
  display: block;
  transition: opacity 0.15s linear;
}

.ajax-updating-animate .field-with-update::after {
  opacity: 1;
}

.modal-body .field-with-update::after {
  border-top-color: rgba(96, 96, 96, 0.3);
  border-right-color: rgba(96, 96, 96, 0.3);
  border-bottom-color: rgba(96, 96, 96, 0.3);
  border-left-color: #4a4b45;
}

.ajax-updating-success .field-with-update::after {
  border: none;
  animation: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px'%3E%3Cg%3E%3Cpath fill='%2378ac26' d='M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zM7.84 13.58L4.13 9.87l1.41-1.41 2.3 2.3 4.95-4.95 1.41 1.41-6.36 6.36z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

.ajax-updating-failure .field-with-update::after {
  border: none;
  animation: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px'%3E%3Cg%3E%3Cpath fill='%23e0001b' d='M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm3.54 11.12l-1.41 1.41L9 10.41l-2.12 2.12-1.41-1.41L7.59 9 5.46 6.88l1.41-1.41L9 7.59l2.12-2.12 1.41 1.41L10.41 9l2.13 2.12z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

/*
------------------------------------------------------------------------------- LOGO RATIO STUFF

------------------------------------------------------------------------------------------------
*/
.logo-ratio:before {
  padding-top: 29.8113207547%;
}

.logo-ratio-h:before {
  padding-top: 9.8214285714%;
}

.logo-ratio-growth-profile:before {
  padding-top: 38.5224274406%;
}

.logo-ratio-growth-indicator:before {
  padding-top: 34.9282296651%;
}

.logo-ratio-growth-360:before {
  padding-top: 38.6243386243%;
}

.logo-ratio-growth-climate-360:before {
  padding-top: 29.2%;
}

.logo-ratio-h-growth-profile:before {
  padding-top: 18.1988742964%;
}

.logo-ratio-h-growth-indicator:before {
  padding-top: 16.0862354892%;
}

.logo-ratio-h-growth-360:before {
  padding-top: 21.0869565217%;
}

.logo-ratio-h-growth-climate-360:before {
  padding-top: 14.0579710145%;
}

/* HAMBURGER / CROSS */
.menu-btn {
  padding: 10px 16px 10px 16px;
  height: 38px;
  display: inline-block;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.menu-btn-box {
  width: 22px;
  height: 16px;
  display: inline-block;
  position: relative;
}

.menu-btn-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.menu-btn-inner,
.menu-btn-inner::before,
.menu-btn-inner::after {
  width: 22px;
  height: 2px;
  background-color: #4a4b45;
  border-radius: 0;
  position: absolute;
}

.menu-btn-inner::before, .menu-btn-inner::after {
  content: "";
  display: block;
}

.menu-btn-inner::before {
  top: -6px;
}

.menu-btn-inner::after {
  bottom: -6px;
}

/* ANIMATION */
/* STATE CHANGE */
.mob-nav-open .menu-btn .menu-btn-inner,
.report-nav-animating .menu-btn .menu-btn-inner {
  transform: rotate(45deg);
}

.mob-nav-open .menu-btn .menu-btn-inner::before,
.report-nav-animating .menu-btn .menu-btn-inner::before {
  top: 0;
  opacity: 0;
}

.mob-nav-open .menu-btn .menu-btn-inner::after,
.report-nav-animating .menu-btn .menu-btn-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
------------------------------------------------------------------------------------ SITE HEADER

------------------------------------------------------------------------------------------------
*/
/* STRUCTURE */
.header {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2008;
}
@media print, screen and (min-width: 45em) {
  .header {
    display: flex;
  }
}

/* LOGO */
.logo {
  font-size: 12px;
  display: block;
  background-color: #ffffff;
  width: 100%;
  padding: 11px 46px 0 16px;
  height: 38px;
  transition: height 0.2s ease-out;
}
@media print, screen and (min-width: 45em) {
  .logo {
    max-width: 160px;
  }
}
@media print, screen and (min-width: 45em) {
  .logo {
    height: 68px;
    padding: 5px 44px 5px 36px;
    max-width: 216px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (min-width: 58em) {
  .logo {
    height: 86px;
  }
}

.logo-inner {
  max-width: 200px;
  transition: transform 0.2s ease-out;
}

.logo img {
  margin: 0;
  display: block;
  width: 100%; /*Important for SVG logos */
  height: auto;
}

.logo:focus {
  background-color: #fafbfd;
}

/* CLIENT LOGO */
@media print, screen and (min-width: 45em) {
  .header-has-client-logo .logo {
    padding-left: 30px;
    padding-right: 34px;
    max-width: 180px;
  }
}
@media print, screen and (min-width: 58em) {
  .header-has-client-logo .logo {
    padding-left: 54px;
    padding-right: 46px;
    max-width: 216px;
  }
}

.logo.logo-client {
  padding-top: 2px;
}
@media print, screen and (min-width: 45em) {
  .logo.logo-client {
    padding-left: 0;
    max-width: 200px;
  }
}
@media print, screen and (min-width: 58em) {
  .logo.logo-client {
    padding-left: 0;
    max-width: 200px;
    padding-left: 0;
    padding-right: 56px;
  }
}

@media print, screen and (min-width: 58em) {
  .logo.logo-client.logo-client-wide {
    max-width: 250px;
  }
}

.logo.logo-client .logo-ratio-h img {
  max-height: 22px;
  width: auto;
}

/* NEED TO TREAT SQUARE LOGOS A BIT DIFFERENTLY */
@media print, screen and (min-width: 45em) {
  .logo.logo-client.logo-client-square {
    padding-right: 0;
    max-width: 100px;
  }
}

.logo.logo-client.logo-client-square .logo-ratio img {
  max-height: 50px;
  width: auto;
}

/* SHOW HORIZONTAL OR VERTICAL LOGO */
.logo .logo-ratio {
  display: none;
}

@media print, screen and (min-width: 45em) {
  .logo .logo-ratio {
    display: block;
  }
  .logo .logo-ratio-h {
    display: none;
  }
}
/* STICKY HEADER */
@media screen {
  .float-header {
    position: fixed;
    top: 0;
    width: 100%;
  }
}
.float-header-offset {
  height: 70px;
}
@media screen {
  .float-header-offset {
    transition: height 0.2s ease-out;
  }
}
@media print, screen and (min-width: 45em) {
  .float-header-offset {
    height: 68px;
  }
}
@media print, screen and (min-width: 58em) {
  .float-header-offset {
    height: 86px;
  }
}

@media screen and (min-width: 58em) {
  .float-header-scrolled .float-header .logo {
    height: 68px;
  }
}
/* HEADER ELEMENTS */
.header-elements {
  background-color: #f8ca00;
  padding: 8px 16px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 45em) {
  .header-elements {
    padding: 0 0 0 30px;
  }
}

.header-elements-title p, .header-elements-title h1 {
  color: #60615c;
  margin: 0;
  line-height: 1em;
}

.header-title {
  font-weight: 600;
  padding: 0;
  font-size: 16px;
  font-size: 1pxrem;
}
@media print, screen and (min-width: 45em) {
  .header-title {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
}
@media print, screen and (min-width: 58em) {
  .header-title {
    font-size: 26px;
    font-size: 1.625pxrem;
  }
}

.header-title-sub {
  font-weight: 500;
  padding: 4px 0 0 0;
  opacity: 0.8;
  font-size: 13px;
  font-size: 0.8125pxrem;
}
@media print, screen and (min-width: 45em) {
  .header-title-sub {
    font-size: 14px;
    font-size: 0.875pxrem;
  }
}
@media print, screen and (min-width: 58em) {
  .header-title-sub {
    padding-top: 5px;
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}

.header-title a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}

/* HEADER ELEMENTS NAVIGATION */
.header .menu-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.js .header .menu-btn {
  display: block;
}
@media print, screen and (min-width: 45em) {
  .js .header .menu-btn {
    display: none;
  }
}

.header-admin-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 0.875pxrem;
  display: flex;
  justify-content: flex-end;
  flex: 1 1 40px;
}
@media print, screen and (min-width: 45em) {
  .header-admin-nav {
    padding-right: 15px;
    flex: 1 1 140px;
    min-width: 140px;
  }
}
@media print, screen and (min-width: 58em) {
  .header-admin-nav {
    padding-right: 30px;
  }
}

@media print, screen and (min-width: 45em) {
  .header-admin-nav.header-admin-nav-account {
    flex: 1 1 250px;
  }
}

.header-admin-nav li {
  padding: 0;
  margin-left: 16px;
}
@media print, screen and (min-width: 45em) {
  .header-admin-nav li {
    margin-left: 26px;
  }
}

.header-admin-nav-link {
  color: #151b26;
  text-decoration: none;
  font-weight: 400;
  display: block;
}
.header-admin-nav-link:after {
  clear: both;
  content: "";
  display: table;
}

.header-admin-nav-link:hover {
  color: #303336;
}

.header-admin-nav-link:focus {
  color: #93579a;
}

.header-admin-nav-link:hover > span,
.header-admin-nav-link:focus > span {
  text-decoration: underline;
}

.header.facilitator-header .header-admin-nav-link,
.header.facilitator-header .header-admin-nav-link:hover,
.header.facilitator-header .header-admin-nav-link:focus.dropdown-menu,
/*.header.teamleader-header .header-admin-nav-link,*/
/*.header.teamleader-header-header .header-admin-nav-link:hover,*/
/*.header.teamleader-header .header-admin-nav-link:focus */
{
  color: #ffffff;
}

.header-user-dropdown-link .icon-ratio,
.header-user-dropdown-link > span,
.header-down-arrow {
  float: left;
}

.header-user-dropdown-link > span {
  display: none;
  padding: 0 6px;
}
@media print, screen and (min-width: 45em) {
  .header-user-dropdown-link > span {
    display: inline;
  }
}

.header-down-arrow {
  display: none;
  padding-top: 7px;
}
@media print, screen and (min-width: 45em) {
  .header-down-arrow {
    display: inline;
  }
}

/* HEADER DROPDOWNS */
.header .dropdown-menu,
.header .dropdown-block {
  margin-top: 8px;
  left: auto;
  right: 8px;
  max-width: 95%;
}
@media print, screen and (min-width: 45em) {
  .header .dropdown-menu,
  .header .dropdown-block {
    margin-top: 6px;
    right: -3px;
    max-width: none;
  }
}

@media print, screen and (min-width: 45em) {
  .header .header-user-dropdown .dropdown-block {
    right: -7px;
  }
}

.header .dropdown-toggle {
  position: static;
}
@media print, screen and (min-width: 45em) {
  .header .dropdown-toggle {
    position: relative;
  }
}

.header .header-user-dropdown .dropdown-block:before {
  right: 13px;
}
@media print, screen and (min-width: 45em) {
  .header .header-user-dropdown .dropdown-block:before {
    right: 8px;
  }
}

.header .header-help-dropdown .dropdown-block:before {
  right: 12px;
}
@media print, screen and (min-width: 45em) {
  .header .header-help-dropdown .dropdown-block:before {
    right: 8px;
  }
}

.header .dropdown-menu a,
.header .dropdown-block a {
  text-decoration: none;
  display: block;
}

.header .dropdown-menu a:hover,
.header .dropdown-menu a:focus,
.header .dropdown-block a:hover,
.header .dropdown-block a:focus {
  text-decoration: underline;
}

/* Allow space for report back button */
@media print, screen and (min-width: 45em) {
  .header-elements.header-elements-report {
    padding-right: 130px;
  }
}
@media print, screen and (min-width: 58em) {
  .header-elements.header-elements-report {
    padding-right: 140px;
  }
}

/*
----------------------------------------------------------------------------------- PRINT STYLES

------------------------------------------------------------------------------------------------
*/
@media print {
  .float-header {
    position: static;
    top: 0;
  }
  .float-header-offset {
    display: none;
  }
  .header {
    box-shadow: none;
  }
  .logo {
    max-width: 140px;
    height: 58px;
    padding: 0 30px 0 30px;
  }
  .header-title {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
  .header-admin-nav {
    display: none;
  }
}
/*
----------------------------------------------------------------------- MOBILE NAVIGATION STYLES

------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 719px) {
  .row .mobile-nav-container {
    margin-left: -16px;
  }
  .primary-nav,
  .primary-nav ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0;
  }
  .primary-nav ul {
    padding: 0;
  }
  .primary-nav li {
    padding-bottom: 0;
  }
  .primary-nav a {
    text-decoration: none;
    color: #4a4b45;
    display: block;
    padding: 8px 16px;
    transition: background-color 0.1s linear;
  }
  .primary-nav ul a {
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 400;
  }
  .primary-nav ul ul a {
    padding-left: 40px;
    padding-right: 40px;
  }
  .primary-nav a:hover {
    background-color: #f2f4f7;
  }
  .primary-nav a.active {
    background-color: #e1e2e5;
  }
  .primary-nav a:focus,
  .primary-nav a:hover:focus,
  .primary-nav a.active:focus {
    background-color: #f2f4f7;
  }
  /* JS ENHANCED STYLES */
  .js .mobile-nav-container {
    position: fixed;
    z-index: 2006;
    top: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .js .mobile-nav-container-inner {
    background-color: #ffffff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .js .mobile-nav-container-spacer {
    min-height: 72px;
  }
  .js .header-has-client-logo .mobile-nav-container-spacer {
    min-height: 110px;
  }
  /* SHOW NAV */
  .js .mob-nav-open .mobile-nav-container {
    max-height: none;
    overflow: visible;
    height: 100%;
  }
}
@media screen and (min-width: 45em) {
  .primary-nav {
    display: none;
  }
}
/*
-------------------------------------------------------------------------------------- SUMMARIES

------------------------------------------------------------------------------------------------
*/
.summary-item-group:after {
  clear: both;
  content: "";
  display: table;
}

.summary-item {
  display: block;
  position: relative;
  margin: 0 0 30px 0;
  padding: 16px 16px 0 16px;
  background-color: #f7f8fa;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.summary-item > .btn {
  margin-right: 4px;
}

a.summary-item {
  text-decoration: none;
  color: #4a4b45;
  font-weight: 400;
}

.summary-item a.summary-item-overlay-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* TOP RIGHT ICON */
.summary-item .icon-warning {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #8c6318;
  width: 24px;
}

.summary-item .icon-warning .svg-icon {
  z-index: 2;
}

.summary-item .icon-warning::after {
  content: "";
  background-color: #fcf8e3;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: 50%;
}

/* CONTENT */
.summary-item .h-block h1,
.summary-item .h-block h2,
.summary-item .h-block h3,
.summary-item .h-block h4 {
  margin-bottom: 2px;
}

/* LOGO */
.summary-item .h-block-with-logo {
  position: relative;
  padding-right: 80px;
}

.summary-item .summary-logo {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
}

/* Lists in columns */
@media screen and (max-width: 45em) {
  .summary-list-row .dl-2-col {
    margin-bottom: 0;
  }
  .summary-list-row .summary-list-row-item:last-child .dl-2-col {
    margin-bottom: 1.25em;
  }
}
@media screen and (min-width: 45em) {
  .summary-list-row {
    display: flex;
  }
  .summary-list-row .summary-list-row-item {
    flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
    max-width: calc(75px + ((100% - 165px) / 12 * 6));
    margin-right: 15px;
  }
  .summary-list-row .summary-list-row-item:nth-child(2n) {
    margin-right: 0;
  }
}
/* grid */
@media screen and (min-width: 45em) {
  .summary-grid {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .summary-grid .summary-item {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .summary-grid .summary-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 58em) {
  .summary-grid .summary-item {
    flex-basis: calc(90px + ((100% - 330px) / 12 * 4));
    max-width: calc(90px + ((100% - 330px) / 12 * 4));
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .summary-grid .summary-item,
  .summary-grid .summary-item:nth-child(2n) {
    margin-right: 30px;
  }
  .summary-grid .summary-item:nth-child(3n) {
    margin-right: 0;
  }
}
/* equal height grid */
@media screen and (min-width: 45em) {
  .summary-grid.summary-equal-height .summary-item {
    display: flex;
  }
  .summary-grid.summary-equal-height .summary-item-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
  }
  .summary-grid.summary-equal-height .summary-text {
    padding-bottom: 64px;
  }
  .summary-grid.summary-equal-height .summary-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/*
-------------------------------------------------------------------------------------- RESOURCES

------------------------------------------------------------------------------------------------
*/
.resource-item {
  display: flex;
  padding-bottom: 24px;
}

.resource-item .resource-item-img {
  flex: 0 0 42px;
}

.resource-item .resource-item-content {
  padding-left: 20px;
}

.resource-item-content h3 {
  margin-bottom: 4px;
}

.resource-item-content p {
  margin-bottom: 2px;
}
.resource-item-content p a {
  color: #225e9a;
}

.resource-items .resource-item:last-child {
  padding-bottom: 6px;
}

/*
----------------------------------------------------------------------------------------- BADGES

------------------------------------------------------------------------------------------------
*/
.badge {
  display: inline-block;
  background-color: #e1e2e5;
  font-weight: 700;
  padding: 4px 10px;
  white-space: nowrap;
  border-radius: 2px;
}

.badge.badge-yellow {
  color: #ffffff;
  background-color: #f8ca00;
}

.badge.badge-green {
  color: #ffffff;
  background-color: #bbc510;
}

.badge.badge-orange {
  color: #ffffff;
  background-color: #b26204;
}

.badge.badge-blue {
  color: #ffffff;
  background-color: #246eb7;
}

.badge.badge-purple {
  color: #ffffff;
  background-color: #93579a;
}

.badge.badge-growth {
  color: #ffffff;
  background-color: #3C8700;
}

.badge.badge-survival {
  color: #000000;
  background-color: #ffdc00;
}

.badge.badge-circle {
  width: 28px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
  padding: 0;
}

/*
-------------------------------------------------------------------------------- DASHBORAD TILES

------------------------------------------------------------------------------------------------
*/
.dash-tile-grid {
  padding-bottom: 30px;
}

.summary-item.dash-tile-item {
  background-color: #ffffff;
  border-radius: 5px;
  border: 0;
  margin-bottom: 20px;
  padding: 18px 16px 0 16px;
}
@media screen and (min-width: 45em) {
  .summary-item.dash-tile-item {
    padding: 20px 20px 4px 20px;
  }
}
@media screen and (min-width: 58em) {
  .summary-item.dash-tile-item {
    margin-bottom: 30px;
  }
}

.dash-tile-item.summary-item-disabled {
  opacity: 0.6;
}

.dash-tile-item.summary-item-disabled,
.dash-tile-item.summary-item-disabled h2 {
  color: #60615c;
}

@media screen and (min-width: 45em) {
  .dash-tile-item .summary-text {
    min-height: 140px;
  }
}

.dash-tile-item .summary-item-inner:after {
  clear: both;
  content: "";
  display: table;
}

.dash-tile-item strong {
  font-weight: 500;
}

.dash-tile-item h2 {
  margin-bottom: 1rem;
}
@media screen and (min-width: 45em) {
  .dash-tile-item h2 {
    margin-bottom: 1.5rem;
  }
}

.dash-tile-item .summary-text p {
  margin-bottom: 1rem;
}

.dash-text-list {
  padding-left: 12px;
}

.dash-tile-item .summary-text p span,
.dash-tile-item .summary-text li span {
  vertical-align: middle;
}

.dash-stat {
  line-height: 1;
  font-weight: 600;
  font-size: 15px;
  font-size: 0.9375pxrem;
}
@media screen and (min-width: 30em) {
  .dash-stat {
    font-size: 16px;
    font-size: 1pxrem;
  }
}
@media screen and (min-width: 45em) {
  .dash-stat {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
}

.dash-text-main {
  color: #303336;
  font-size: 16px;
  font-size: 1pxrem;
}
@media screen and (min-width: 30em) {
  .dash-text-main {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
}
@media screen and (min-width: 45em) {
  .dash-text-main {
    font-size: 18px;
    font-size: 1.125pxrem;
  }
}

.dash-text-main .dash-stat {
  font-weight: 400;
  padding-right: 4px;
  font-size: 22px;
  font-size: 1.375pxrem;
}
@media screen and (min-width: 30em) {
  .dash-text-main .dash-stat {
    font-size: 24px;
    font-size: 1.5pxrem;
  }
}
@media screen and (min-width: 45em) {
  .dash-text-main .dash-stat {
    font-size: 26px;
    font-size: 1.625pxrem;
  }
}

/* Icon block */
.dash-text-with-icon {
  display: flex;
}

.dash-text-with-icon .dash-text-with-icon-content {
  margin-right: 10px;
}

.dash-text-with-icon .dash-text-with-icon-icon {
  min-width: 70px;
  max-width: 70px;
  margin-left: auto;
}

.dash-wide-image img {
  width: 100%;
  max-width: 230px;
  display: block;
  margin-bottom: 4px;
}

.dash-wide-image a.dash-wide-image-link {
  width: 100%;
  display: block;
  padding-right: 30px;
  position: relative;
}

.dash-wide-image a.dash-wide-image-link::before,
.dash-wide-image a.dash-wide-image-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  width: 12px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='18px'%3E%3Cg%3E%3Cpath fill='%2360615c' d='M6.551,8.329c0.404,0.369,0.404,0.973,0,1.342l-6.248,5.703c-0.405,0.369-0.404,0.974,0,1.342l1.103,1.007 c0.404,0.369,1.066,0.369,1.47,0l8.821-8.052c0.404-0.369,0.404-0.973,0-1.342L2.876,0.277c-0.404-0.369-1.066-0.369-1.47,0 L0.303,1.283c-0.405,0.369-0.404,0.974,0,1.342L6.551,8.329z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
  opacity: 1;
  transition: opacity 0.1s linear, transform 0.2s ease-out;
}

.dash-wide-image a.dash-wide-image-link::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='18px'%3E%3Cg%3E%3Cpath fill='%2393579a' d='M6.551,8.329c0.404,0.369,0.404,0.973,0,1.342l-6.248,5.703c-0.405,0.369-0.404,0.974,0,1.342l1.103,1.007 c0.404,0.369,1.066,0.369,1.47,0l8.821-8.052c0.404-0.369,0.404-0.973,0-1.342L2.876,0.277c-0.404-0.369-1.066-0.369-1.47,0 L0.303,1.283c-0.405,0.369-0.404,0.974,0,1.342L6.551,8.329z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
  opacity: 0;
}

.dash-wide-image a.dash-wide-image-link:hover::before,
.dash-wide-image a.dash-wide-image-link:hover::after {
  transform: translateX(6px);
  opacity: 1;
}

/* MOBILE STUFF */
@media screen and (min-width: 45em) {
  .summary-item.dash-tile-item a.summary-item-overlay-link {
    display: none;
  }
}
@media screen and (max-width: 44.95em) {
  .summary-item.dash-tile-item .hr {
    margin-top: 16px;
    margin-bottom: 10px;
  }
  .dash-tile-section {
    margin-top: 40px;
  }
  .summary-item.dash-tile-item {
    padding-top: 14px;
    margin-bottom: 16px;
  }
  .dash-tile-item h2 {
    margin-bottom: 14px;
  }
  .summary-item.dash-tile-item .summary-text {
    display: none;
  }
  .summary-item.dash-tile-item .summary-cta {
    display: none;
  }
}
/*
------------------------------------------------------------------------------------- GOOGLE MAP

------------------------------------------------------------------------------------------------
*/
.map {
  height: 300px;
  background-color: #f2f4f7;
  font-size: 10px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 58em) {
  .map {
    height: 520px;
  }
}
.contact-map {
  padding: 0;
}

.map img, .gmnoprint img {
  max-width: none;
}

.gmnoprint, .gm-style-cc {
  margin-bottom: 4px;
}

.gmnoprint .gm-style-cc {
  margin-bottom: 0;
}

.map h4,
.map p {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 4px;
}

.map p {
  font-size: 14px;
}

/* Small controls */
.gm-style .controls {
  font-size: 28px; /* this adjusts the size of all the controls */
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 300;
  height: 1em;
  margin: 6px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 2px;
  width: 1em;
}

.gm-style .controls button {
  border: 0;
  background-color: white;
  color: rgba(0, 0, 0, 0.6);
}

.gm-style .controls button:hover {
  color: rgba(0, 0, 0, 0.9);
}

.gm-style .controls.zoom-control {
  display: flex;
  flex-direction: column;
  height: auto;
}

.gm-style .controls.zoom-control button {
  font: 0.85em Arial;
  margin: 1px;
  padding: 0;
}

.gm-style .controls.maptype-control {
  display: flex;
  flex-direction: row;
  width: auto;
}

.gm-style .controls.maptype-control button {
  display: inline-block;
  font-size: 0.5em;
  margin: 0 1px;
  padding: 0 6px;
}

.gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map {
  font-weight: 700;
}

.gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite {
  font-weight: 700;
}

.gm-style .controls.fullscreen-control button {
  display: block;
  font-size: 1em;
  height: 100%;
  width: 100%;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon {
  border-style: solid;
  height: 0.25em;
  position: absolute;
  width: 0.25em;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 2px 0 0 2px;
  left: 0.1em;
  top: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 0 2px 2px 0;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 2px 2px 0 0;
  right: 0.1em;
  top: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 0 0 2px 2px;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 0 0 2px 2px;
  left: 0.1em;
  bottom: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 2px 2px 0 0;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 0 2px 2px 0;
  right: 0.1em;
  bottom: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 2px 0 0 2px;
}

.map.event-map {
  height: 160px;
  border: 1px solid #e1e1e1;
}

@media screen and (min-width: 58em) {
  .map.event-map {
    height: 160px;
  }
}
/*
------------------------------------------------------------------------------------- LOGIN PAGE

------------------------------------------------------------------------------------------------
*/
.page-login {
  background-color: #f8ca00;
}

.page-m.page-login::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140px' height='88px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M28.02 29.936l33.967 4.019V0c-8.164.703-15.925 3.918-22.073 9.342-6.128 5.376-10.307 12.614-11.894 20.594'/%3E%3Cpath fill='%23ffffff' d='M114.298 54.347L78.013 13.862v37.974l-37.999-4.421L76.3 88c9.172-.703 17.84-4.32 24.693-10.447 7.156-6.329 11.592-14.567 13.305-23.206M0 30.639c.907 9.745 4.837 18.886 11.49 26.319 6.587 7.317 15.344 12.349 24.997 14.366L0 30.639zM140 54.749c-1.845-20.167-16.695-36.763-36.587-40.887L140 54.749z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.1;
}

/* LOGOS */
.login-logo {
  margin: 0 auto;
  max-width: 140px;
  transition: max-width 0.2s ease-in-out, padding 0.2s ease-in-out;
}
@media screen and (min-width: 45em) {
  .login-logo {
    max-width: 160px;
  }
}

.login-logo.login-logo-symbol {
  max-width: 90px;
}
@media screen and (min-width: 45em) {
  .login-logo.login-logo-symbol {
    max-width: 110px;
  }
}

.login-bg-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 200px;
  height: auto;
}
@media screen and (min-width: 45em) {
  .login-bg-logo {
    top: 5%;
    left: 5%;
  }
}

.login-logo img {
  margin-bottom: 30px;
}

.login-copyright .login-logo {
  max-width: 120px;
}
@media screen and (min-width: 45em) {
  .login-copyright .login-logo {
    max-width: 130px;
  }
}

.login-copyright .login-logo img {
  margin-bottom: 20px;
}

.login-copyright .copyright-text {
  text-align: center;
}

.login-copyright .copyright-text a, .login-copyright .accessibility-text a {
  color: #245269;
}

/* LOGIN FORM BLOCK */
.login-form-block-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 36px;
  position: relative;
}

@media screen and (min-width: 45em) and (min-height: 870px) {
  .login-form-block-wrapper:not(.login-form-block-wrapper-tall) {
    min-height: 840px;
    height: 100vh;
    align-items: center;
    padding-top: 0;
  }
}

@media screen and (min-width: 45em) {
  .login-form-block-wrapper.login-form-block-wrapper-tall {
    padding-top: 60px;
  }
}

.login-form-container {
  flex: 1 1 auto;
  padding: 0 16px;
  max-width: 630px;
}
@media screen and (min-width: 45em) {
  .login-form-container {
    padding: 0 30px;
  }
}

.login-form-block {
  background-color: #ffffff;
  border-radius: 5px;
  margin: 0 auto;
  padding: 40px 20px 20px 20px;
}
@media screen and (min-width: 30em) {
  .login-form-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 45em) {
  .login-form-block {
    padding-left: 90px;
    padding-right: 90px;
  }
}

.login-form-block h1 {
  text-align: center;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.login-form-intro {
  margin-bottom: 16px;
  text-align: center;
}
.login-form-intro:after {
  clear: both;
  content: "";
  display: table;
}

.login-copyright {
  padding-top: 30px;
  text-align: center;
}
.login-copyright:after {
  clear: both;
  content: "";
  display: table;
}

.login-copyright p {
  font-size: 12px;
  font-size: 0.75pxrem;
  color: #303336;
}

.login-forgotten {
  text-align: center;
  margin-bottom: 0;
  padding: 20px 0 10px 0;
}

.login-forgotten a {
  color: #60615c;
  display: block;
  padding: 10px 0;
}

.login-forgotten a:hover,
.login-forgotten a:focus {
  color: #93579a;
}

/*
---------------------------------------------------------------------------------- PROGRESS BARS

------------------------------------------------------------------------------------------------
*/
.progress {
  display: flex;
  height: 6px;
  overflow: hidden;
  background-color: #eff0f1;
  border-radius: 3px;
  position: relative;
  overflow: visible;
}

.progress:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background-color: #246eb7;
  border: 1px solid #225e9a;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: width 0.6s ease;
  position: relative;
  overflow: visible;
}

.progress-bar-pointer {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #246eb7;
  border: 2px solid #225e9a;
  position: absolute;
  top: -4px;
  right: -7px;
}

/* prgress text */
.progress-bar-pointer span {
  background-color: #ffffff;
  padding: 2px 8px;
  border: 1px solid #8c8c8c;
  border-radius: 3px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-size: 0.75pxrem;
}

.progress-bar-pointer span:before,
.progress-bar-pointer span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #8c8c8c transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -6px;
  z-index: 1;
}

.progress-bar-pointer span:after {
  border-color: #ffffff transparent transparent;
  bottom: -5px;
  z-index: 2;
}

/*
--------------------------------------------------------------------------- QUESTIONNAIRE RADIOS

------------------------------------------------------------------------------------------------
*/
/* FORM FIELDS */
.q-item-label {
  display: block;
  margin-bottom: 20px;
}
@media screen and (min-width: 45em) {
  .q-item-label {
    margin-bottom: 30px;
  }
}

.q-radio-row {
  padding: 0;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 45em) {
  .q-radio-row {
    padding: 0 10px;
  }
}

.q-radio-row .q-radio {
  flex: 1 1 25%;
  -ms-flex-preferred-size: 25%;
}

.q-radio {
  position: relative;
}

.q-radio input[type=radio]:checked,
.q-radio input[type=radio]:not(checked) {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -11px;
  padding: 0;
  z-index: -1;
  cursor: pointer;
  opacity: 0;
}

.q-radio label {
  position: relative;
  display: block;
  padding: 30px 0 0 0;
  width: 100%;
  line-height: 1.3;
  text-align: center;
  color: #4a4b45;
  font-size: 11px;
  font-size: 0.6875pxrem;
  font-weight: 400;
  transition: color 0.15s linear;
}
@media screen and (min-width: 45em) {
  .q-radio label {
    padding-top: 40px;
  }
}
@media screen and (min-width: 30em) {
  .q-radio label {
    font-size: 13px;
    font-size: 0.8125pxrem;
  }
}
@media screen and (min-width: 45em) {
  .q-radio label {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}

.q-radio label span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
}

.q-radio label:before,
.q-radio label:after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0;
  transform: translateX(-50%) scale(1);
  background-color: #ffffff;
  border: 3px solid #d0d0d0;
  border-radius: 50%;
  transition: transform 0.15s ease-out, border-color 0.15s linear;
}

.q-radio label:after {
  background-color: #d0d0d0;
  width: 20px;
  height: 20px;
  top: 6px;
  border: 0;
  transform: translateX(-50%) scale(0);
}

.q-radio input[type=radio]:hover + label:before {
  border-color: #60615c;
}

.q-radio input[type=radio]:focus + label:before {
  border-color: #60615c;
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.q-radio input[type=radio]:focus:not(:focus-visible) + label:before {
  outline: none;
}

.q-radio input[type=radio]:focus-visible + label:before {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.q-radio input[type=radio]:active + label:before {
  border-color: #60615c;
}

.q-radio input[type=radio]:checked + label:after,
.q-radio input[type=radio]:checked:hover + label:after,
.q-radio input[type=radio]:checked:focus + label:after {
  transform: translateX(-50%) scale(1);
  background-color: #93579a;
}

.q-radio input[type=radio]:checked + label:before,
.q-radio input[type=radio]:checked:hover + label:before,
.q-radio input[type=radio]:checked:focus + label:before {
  border-color: #93579a;
}

.q-radio input[type=radio]:checked + label {
  color: #303336;
}

.q-radio-blank {
  opacity: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.q-radio-row .q-radio.q-radio-blank {
  flex: none;
}

.q-radio.q-radio-em label {
  font-style: italic;
}

.q-radio-row .q-radio.q-radio-em:last-child label {
  border-left: 1px solid #bebebe;
}

fieldset.q-item-label {
  border: none;
  margin: 0;
  padding: 0;
}

/*
---------------------------------------------------------------------------------- QUESTIONNAIRE

------------------------------------------------------------------------------------------------
*/
.q-wrapper {
  padding: 30px;
  border-radius: 5px;
  margin: 0 0 60px 0;
  background-color: #ffffff;
  text-align: center;
}

.q-wrapper.q-wrapper-with-floating-alert {
  padding-top: 50px;
}

.q-wrapper .error label.error {
  text-align: center;
}

.q-item {
  border: 1px solid #e1e1e1;
  padding: 0;
  max-width: 600px;
  margin: 0 auto 60px auto;
  position: relative;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
}

.q-item .form-group {
  margin-bottom: 0;
}

.q-item-inner {
  position: relative;
  padding: 16px 8px;
  border: 1px solid #ffffff;
}
@media screen and (min-width: 45em) {
  .q-item-inner {
    padding: 30px;
  }
}

.q-item.q-item-animate {
  transition: box-shadow 0.2s linear, transform 0.2s ease-out, opacity 0.2s linear, border 0.2s linear, background-color 0.2s linear;
}

.q-item.q-item-animate .q-item-inner {
  transition: border 0.2s linear;
}

.q-intro {
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.q-intro-logo {
  margin-bottom: 1.5em;
}

.q-intro .q-intro-logo {
  margin-left: auto;
  margin-right: auto;
}

.q-intro-logo img {
  margin: 0 auto;
  width: auto;
  height: 60px;
}

/*.q-intro-logo.logo-ratio-growth-profile {max-width:154px;}
.q-intro-logo.logo-ratio-growth-indicator {max-width:170px;}
.q-intro-logo.logo-ratio-growth-360 {max-width:156px;}
.q-intro-logo.logo-ratio-growth-climate-360 {max-width:204px;}*/
/*.header-elements-logo-h.logo-ratio-growth-profile {max-width:120px;}
.header-elements-logo-h.logo-ratio-growth-indicator {max-width:135px;}
.header-elements-logo-h.logo-ratio-growth-360 {max-width:103px;}

.header-elements-logo-h.logo-ratio-growth-climate-360 {
    max-width:120px;
    @media screen and (min-width: $break-landscape) {//  720/16
        max-width:155px;
    }
}


.header-elements-logo.logo-ratio-growth-profile {max-width:126px;}
.header-elements-logo.logo-ratio-growth-indicator {max-width:138px;}
.header-elements-logo.logo-ratio-growth-360 {max-width:124px;}
.header-elements-logo.logo-ratio-growth-climate-360 {max-width:162px;}
*/
/*.header-elements-logo.logo-ratio-max-height img {
    max-height: 50px;
    width:auto;
}*/
.q-intro-form {
  max-width: 400px;
  margin: 0 auto;
}

.q-item .q-item-label {
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875pxrem;
  transition: opacity 0.2s linear;
}
@media screen and (min-width: 45em) {
  .q-item .q-item-label {
    font-size: 16px;
    font-size: 1pxrem;
  }
}

.q-submit-btn {
  margin-right: 0;
}

.q-redo-btn {
  display: none;
}

.q-in-progress .q-submit-btn {
  margin-right: 20px;
}

.q-in-progress .q-redo-btn {
  display: inline-block;
}

/* QUESTIONNAIRE EVENTS */
.js .q-item,
.js .q-item.q-item-disabled {
  opacity: 0;
}

.js .show-q-items .q-item {
  opacity: 1;
}

.js .show-q-items .q-item-disabled {
  opacity: 1;
}

.q-item.q-item-disabled {
  border-color: #e1e1e1;
  background-color: #ffffff;
  pointer-events: none;
}
@media screen and (min-width: 45em) {
  .q-item.q-item-disabled {
    transform: translate(4px, 4px);
  }
}

.q-item.q-item-disabled:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  opacity: 0;
  z-index: 1;
}

.q-item.q-item-disabled {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.q-item.q-item-disabled .q-item-label {
  color: #707070;
}

.q-item.q-item-active {
  border-color: #93579a;
  background-color: #fafcff;
}

.q-item.q-item-active .q-item-inner {
  border-color: #93579a;
}

@media screen and (min-width: 45em) {
  .q-item-nav {
    position: absolute;
    top: 0;
    right: -40px;
    bottom: 0;
    width: 34px;
  }
}

.q-item-nav-btn {
  cursor: pointer;
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  border: 0;
  background: transparent;
  color: #4a4b45;
  display: none;
  top: -32px;
  left: 50%;
  margin-left: -16px;
}
@media screen and (min-width: 45em) {
  .q-item-nav-btn {
    top: 50%;
    left: 0;
    margin-top: -36px;
    margin-left: 0;
  }
}

.q-item-nav-btn:hover {
  color: #2f70b1;
}

.q-item-nav-btn:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.q-item-nav-btn:focus:not(:focus-visible) {
  outline: none;
}

.q-item-nav-btn:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.q-item-nav-btn.q-item-nav-next {
  top: auto;
  bottom: -32px;
}
@media screen and (min-width: 45em) {
  .q-item-nav-btn.q-item-nav-next {
    top: 50%;
    bottom: auto;
    margin-top: 2px;
  }
}

.q-item-nav-btn .icon-ratio {
  width: 12px;
}

.q-item.show-next .q-item-nav-btn.q-item-nav-next {
  display: block;
}

.q-item.show-prev .q-item-nav-btn.q-item-nav-prev {
  display: block;
}

.q-item-nav-btn svg {
  fill: currentColor;
}

/*
.q-item.q-item-disabled .q-item-nav-btn {
    opacity:0;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.js .q-item-nav-btn {
    display: block;
}

.js .q-item:first-child .q-item-nav-btn {
    display: none;
}

.q-item-nav-btn:hover {
    color:$text-dark;
    border-color:$text-pale;
}
*/
.q-progress-container {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  height: 46px;
  padding-top: 20px;
  box-shadow: 0 -4px 6px 0px rgba(0, 0, 0, 0.05);
}

.q-progress-container-offset {
  height: 46px;
}

/*
----------------------------------------------------------------------------------- QUIZ ELEMENTS

------------------------------------------------------------------------------------------------
*/
/* QUESTIONS */
.toggle-btn-radio-blank {
  opacity: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.toggle-btn-radio.toggle-btn-radio-blank + .toggle-btn-radio > .btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.q-in-progress:not(.q-keyboard-focus) .q-item {
  outline: none !important;
}

/* FEEDBACK BLOCK */
.q-item-feedback p {
  margin-bottom: 10px;
}

.q-item-feedback .btn {
  margin: 0;
}

/* FEEDBACK BLOCK SHOW / HIDE */
.q-item-feedback {
  padding: 10px 10px 0 10px;
  display: none;
  opacity: 0;
  transition: opacity 0.4s linear;
}

.q-item-feedback.show {
  display: block;
}

.q-item-feedback.animate {
  opacity: 1;
}

/*
----------------------------------------------------------------------------------------- REPORT

------------------------------------------------------------------------------------------------
*/
/* STRUCTURE */
.report-main {
  padding: 0 16px;
}

.report-section {
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 15px;
  padding: 30px 15px;
}
@media print, screen and (min-width: 45em) {
  .report-section {
    margin-bottom: 30px;
    padding: 30px;
  }
}
@media screen {
  .report-section {
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
  }
}

.report-main .report-section:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.report-section .report-section {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.report-item {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}

.report-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.report-item-summary { /*padding-bottom: 30px;*/ }

.report-item-content {
  padding-bottom: 30px;
}

.report-item .report-item-content:last-child {
  padding-bottom: 0;
}

/* CONTENT */
.report-content-image {
  max-width: 400px;
}
@media print {
  .report-content-image {
    max-width: 320px;
  }
}

.report-content-image-wide {
  max-width: 680px;
}

.report-content-image-scroll {
  margin-bottom: 1em;
}
@media screen {
  .report-content-image-scroll {
    overflow-x: scroll; /* has to be 'scroll' for ios Momentum, not 'auto' */
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 45em) {
  .report-content-image-scroll {
    overflow-x: visible;
  }
}

.report-content-image-scroll img {
  margin-bottom: 6px;
}
@media screen and (max-width: 45em) {
  .report-content-image-scroll img {
    min-width: 640px;
  }
}

@media screen and (max-width: 45em) {
  .report-content-image-scroll.report-content-image-scroll-thin img {
    min-width: 400px;
  }
}

.report-section p + h2,
.report-section p + h3 {
  padding-top: 10px;
}

/* DISABLED */
.report-item.disabled {
  position: relative;
}

.report-item.disabled:after {
  content: "";
  background-color: #ffffff;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* GRID */
.report-row {
  position: relative;
}

@media screen and (min-width: 45em) {
  .report-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 58em) {
  .report-main {
    width: 100%;
    flex-grow: 1;
    padding: 0 30px 0 216px;
    max-width: 1600px;
  }
}
/* TRUNCATED REPORT ITEMS */
.js .report-item-truncated-title {
  position: relative;
  padding-left: 20px;
  margin-left: -20px;
}

.js .report-item-truncated-title:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11px' height='11px'%3E%3Cg%3E%3Cpolygon fill='%234a4b45' points='2.5,0 8.5,5.5 2.5,11 	'/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  top: 5px;
  left: 0;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}

.js .report-item.truncated-block.animating .report-item-truncated-title:before {
  transform: rotate(90deg);
}

/* GRID - COLLAPSE DIFFERENTLY TO STANDARD */
@media print, screen and (min-width: 30em) {
  .grid-row.report-grid-row .col-1 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-2 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-3 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-4 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-5 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-6 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-7 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-8 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-9 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-10 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-11 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-12 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
}
@media print, screen and (min-width: 45em) {
  .grid-row.report-grid-row .col-1 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-2 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-3 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-4 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-5 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-6 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-7 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-8 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-9 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-10 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-11 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
  .grid-row.report-grid-row .col-12 {
    flex-basis: calc(165px + (100% - 165px));
    max-width: calc(165px + (100% - 165px));
  }
}
@media print, screen and (min-width: 58em) {
  .grid-row.report-grid-row .col-1 {
    flex-basis: calc(((100% - 330px) / 12 * 1));
    max-width: calc(((100% - 330px) / 12 * 1));
  }
  .grid-row.report-grid-row .col-2 {
    flex-basis: calc(30px + ((100% - 330px) / 12 * 2));
    max-width: calc(30px + ((100% - 330px) / 12 * 2));
  }
  .grid-row.report-grid-row .col-3 {
    flex-basis: calc(60px + ((100% - 330px) / 12 * 3));
    max-width: calc(60px + ((100% - 330px) / 12 * 3));
  }
  .grid-row.report-grid-row .col-4 {
    flex-basis: calc(90px + ((100% - 330px) / 12 * 4));
    max-width: calc(90px + ((100% - 330px) / 12 * 4));
  }
  .grid-row.report-grid-row .col-5 {
    flex-basis: calc(120px + ((100% - 330px) / 12 * 5));
    max-width: calc(120px + ((100% - 330px) / 12 * 5));
  }
  .grid-row.report-grid-row .col-6 {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
  }
  .grid-row.report-grid-row .col-7 {
    flex-basis: calc(180px + ((100% - 330px) / 12 * 7));
    max-width: calc(180px + ((100% - 330px) / 12 * 7));
  }
  .grid-row.report-grid-row .col-8 {
    flex-basis: calc(210px + ((100% - 330px) / 12 * 8));
    max-width: calc(210px + ((100% - 330px) / 12 * 8));
  }
  .grid-row.report-grid-row .col-9 {
    flex-basis: calc(240px + ((100% - 330px) / 12 * 9));
    max-width: calc(240px + ((100% - 330px) / 12 * 9));
  }
  .grid-row.report-grid-row .col-10 {
    flex-basis: calc(270px + ((100% - 330px) / 12 * 10));
    max-width: calc(270px + ((100% - 330px) / 12 * 10));
  }
  .grid-row.report-grid-row .col-11 {
    flex-basis: calc(300px + ((100% - 330px) / 12 * 11));
    max-width: calc(300px + ((100% - 330px) / 12 * 11));
  }
  .grid-row.report-grid-row .col-12 {
    flex-basis: calc(330px + (100% - 330px));
    max-width: calc(330px + (100% - 330px));
  }
}
/* BLOCK HEADINGS */
.report-block-h:after {
  clear: both;
  content: "";
  display: table;
}

.report-block-h span {
  display: block;
  float: left;
  padding: 16px 30px;
  margin: 0 0 20px -15px;
  color: #4a4b45;
}
@media screen and (min-width: 45em) {
  .report-block-h span {
    margin-left: -30px;
  }
}
@media print {
  .report-block-h span {
    margin-left: 0;
  }
}

h3.report-block-h span {
  padding-top: 12px;
  padding-bottom: 12px;
}

.report-block-h.report-h-growth-profile span {
  background-color: #f8ca00;
}

.report-block-h.report-h-growth-indicator span {
  background-color: #bbc510;
}

.report-block-h.report-h-mindset-indicator span {
  background-color: #3C8700;
}

.report-block-h.report-h-growth-360 span {
  background-color: #b26204;
}

.report-block-h.report-h-growth-climate-360 span {
  background-color: #93579a;
}

.report-block-h.report-h-interpersonal-growth-indicator span {
  background-color: #246eb7;
}

.report-block-h span {
  background-color: #f8ca00;
}

.report-block-h.report-h-success span {
  background-color: #639332;
}

.report-block-h.report-h-danger span {
  background-color: #972c15;
}

.report-block-h.report-h-growth span {
  background-color: #3C8700;
  color: white;
}

.report-block-h.report-h-survival span {
  background-color: #ffdc00;
  color: #000000;
}

.report-block-h.report-h-gcare span {
  background-color: #41b6e6;
}

/* HIDDEN FEEDBACK */
.report-hidden-feedback-content-inner {
  padding-top: 30px;
}

.report-hidden-feedback-slider,
.report-hidden-feedback-btn {
  display: none;
}

.js .report-hidden-feedback-slider {
  display: block;
}

.js .report-hidden-feedback-btn {
  display: inline-block;
}

.js .report-hidden-feedback-content {
  max-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease-in-out;
}

/* REPORT HIGHLIGHT BLOCK */
.report-highlight {
  padding: 12px 16px 0 16px;
  margin-bottom: 20px;
  background-color: #f7f8fa;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}
.report-highlight:after {
  clear: both;
  content: "";
  display: table;
}

.report-highlight p:last-child {
  margin-bottom: 12px;
}

.report-highlight dl {
  margin: 0 0 8px 0;
}

.report-highlight .dl-2-col dt {
  width: 160px;
  font-weight: 400;
}

.report-highlight .dl-2-col dd {
  width: calc(100% - 160px);
}

.report-highlight dl strong {
  font-weight: 600;
}

.report-highlight.report-highlight-danger {
  background-color: #972c15;
  color: #ffffff;
}

.report-highlight.report-highlight-warning {
  background-color: #b26204;
  color: #ffffff;
}

.report-highlight.report-highlight-success {
  background-color: #639332;
  color: #ffffff;
}

/* 360 REPORT LAYOUT / GRAPHS */
@media print, screen and (min-width: 58em) {
  .report-donut-with-bar:after {
    clear: both;
    content: "";
    display: table;
  }
  .report-donut-with-bar {
    display: flex;
    align-items: center;
  }
  .report-donut-with-bar .donut-chart-container {
    width: 250px;
  }
  .report-donut-with-bar .bar-chart {
    padding-left: 30px;
    flex: 1;
  }
}
/* 360 REPORT BARCHART WITH DESCRIPTION */
.report-bar-items .report-bar-item {
  padding: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #bebebe;
}
.report-bar-items .report-bar-item:after {
  clear: both;
  content: "";
  display: table;
}

.report-bar-items .report-bar-item:last-child {
  border-bottom: 0;
}

.report-bar-description {
  margin-bottom: 30px;
}

@media print, screen and (min-width: 65em) {
  .report-bar-item:after {
    clear: both;
    content: "";
    display: table;
  }
  .report-bar-item .report-bar-description {
    float: left;
    width: 25%;
    padding-top: 81px;
  }
  .report-bar-item .bar-chart {
    margin-left: 25%;
  }
}
/*
---------------------------------------------- SPLIT BAR CHART - USED IN GROWTH CLIMATE OVERVIEW

------------------------------------------------------------------------------------------------
*/
.report-split-charts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  page-break-inside: avoid;
}

.report-split-charts-item {
  flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
  max-width: calc(75px + ((100% - 165px) / 12 * 6));
}
@media print, screen and (min-width: 58em) {
  .report-split-charts-item {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
  }
}

.report-split-charts-item .report-feature {
  margin-bottom: 20px;
}
@media screen and (min-width: 45em) {
  .report-split-charts-item .report-feature {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 45em) {
  .report-split-charts-scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 30px;
  }
  .report-split-charts-scroll .report-split-charts-item {
    min-width: 90%;
    flex: 0 0 auto;
    margin-right: 15px;
  }
  .report-split-charts-scroll .report-split-charts-item:last-child {
    margin-right: 0;
  }
}
/* SPLIT CHARTS TITLE */
@media screen and (max-width: 45em) {
  .report-split-charts-title {
    width: calc(180% + 15px);
  }
}
.report-split-charts-title {
  padding: 10px 15px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (min-width: 45em) {
  .report-split-charts-title {
    margin-bottom: 30px;
  }
}

.report-split-charts-title h3 {
  margin-bottom: 0;
}

.report-split-charts-title.report-split-charts-title-block {
  padding: 0;
  display: flex;
  justify-content: center;
}

.report-split-charts-title.report-split-charts-title-block h3 {
  padding: 10px 15px;
}

.report-split-charts-title-growth-profile h3 {
  background-color: #f8ca00;
  color: #ffffff;
}

.report-split-charts-title-growth-indicator h3 {
  background-color: #bbc510;
  color: #ffffff;
}

.report-split-charts-title-mindset-indicator h3 {
  background-color: #3C8700;
  color: #ffffff;
}

.report-split-charts-title-growth-360 h3 {
  background-color: #b26204;
  color: #ffffff;
}

.report-split-charts-title-growth-climate-360 h3 {
  background-color: #93579a;
  color: #ffffff;
}

.report-split-charts-title-interpersonal-growth-indicator h3 {
  background-color: #246eb7;
  color: #ffffff;
}

.report-split-charts-title-dark-grey h3 {
  background-color: #60615d;
  color: #ffffff;
}

.report-split-charts-title.report-split-charts-title-grad::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  background: linear-gradient(to right, #972c15 0%, #972c15 35%, #639332 65%, #639332 100%);
}

.report-split-charts-title.report-split-charts-title-grad {
  display: flex;
}

.report-split-charts-title.report-split-charts-title-grad h3:last-child {
  margin-left: auto;
}

.report-split-charts-title.report-split-charts-title-grad.report-split-charts-title-grad-new-ip::before {
  background: linear-gradient(to right, #ffdc00 0%, #ffdc00 35%, #3C8700 65%, #3C8700 100%);
}

/*
------------------------------------------------------------------ REPORT ACTION TITLE WITH ICON

------------------------------------------------------------------------------------------------
*/
.report-feedback-comments-item {
  margin-bottom: 30px;
  page-break-inside: avoid;
}
.report-feedback-comments-item:after {
  clear: both;
  content: "";
  display: table;
}

.report-action-title {
  margin-bottom: 30px;
}
.report-action-title:after {
  clear: both;
  content: "";
  display: table;
}

.report-action-title .icon-ratio {
  width: 50px;
  background-color: #e1e2e5;
  float: left;
}

.report-action-title span {
  line-height: 50px;
  display: block;
  float: left;
  padding: 0 30px;
  background-color: #e1e2e5;
  font-size: 20px;
  font-size: 1.25pxrem;
}

/* COLOR VARIANTS */
.report-action-title.report-action-title-stop .icon-ratio {
  color: #972c15;
}

.report-action-title.report-action-title-stop span {
  background-color: #972c15;
  color: #ffffff;
}

.report-action-title.report-action-title-start .icon-ratio {
  color: #639332;
}

.report-action-title.report-action-title-start span {
  background-color: #639332;
  color: #ffffff;
}

.report-action-title.report-action-title-continue .icon-ratio {
  color: #107366;
}

.report-action-title.report-action-title-continue span {
  background-color: #107366;
  color: #ffffff;
}

@media print {
  .report-main,
  .js .report-main {
    padding: 0;
    max-width: none;
  }
  .report-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 50px !important;
  }
  .report-split-charts-item .bar-chart-row {
    display: block;
  }
  .report-split-charts-item .bar-chart-definition-wrapper.bar-chart-definition-with-row {
    padding-left: 70px;
  }
  .report-split-charts-item .bar-chart-row-title {
    width: 100%;
  }
  .report-split-charts-item .bar-chart-item dt {
    font-size: 10px;
    font-size: 0.625pxrem;
    width: 70px;
  }
}
/*
------------------------------------------------------------------------------ REPORT NAVIGATION

------------------------------------------------------------------------------------------------
*/
/* NAV ITEMS */
.report-nav,
.report-nav ul {
  font-size: 13px;
  font-size: 0.8125pxrem;
  list-style: none;
  margin: 0;
  padding: 0 7px;
}

.report-nav {
  margin: 34px 8px 34px 8px;
  padding: 0;
}
@media screen and (min-width: 58em) {
  .report-nav {
    margin-bottom: 94px;
  }
}

/* TEXT */
.report-nav li {
  padding-bottom: 0;
}

.report-nav a,
.report-nav span {
  display: block;
  font-weight: 500;
  color: #4a4b45;
  text-decoration: none;
  border-radius: 3px;
  padding: 2px 8px;
  margin-bottom: 4px;
  background-color: transparent;
  transition: background-color 0.2s linear;
}

.report-nav a:hover,
.report-nav a.active {
  background-color: #e1e2e5;
}

.report-nav a:focus,
.report-nav a:hover:focus,
.report-nav a.active:focus {
  text-decoration: underline;
}

.report-nav ul {
  margin-bottom: 16px;
}

.report-nav ul a,
.report-nav ul span {
  font-weight: 400;
}

.report-nav a.disabled,
.report-nav span.disabled {
  opacity: 0.6;
}

/* POSITIONING */
.report-nav-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  z-index: 2006;
}
@media screen and (min-width: 58em) {
  .report-nav-container {
    width: 216px;
    min-width: 216px;
    background-color: #f2f4f7;
    z-index: 1999;
  }
}

@media screen and (min-width: 45em) {
  .report-nav-container .primary-nav {
    display: block;
  }
}
.report-nav-container-inner {
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* SPACER TO ACCOUNT FOR FLOATING HEADER */
.report-nav-container-spacer {
  transition: min-height 0.2s ease-out;
  background-color: #f2f4f7;
  min-height: 72px;
}
@media screen and (min-width: 58em) {
  .report-nav-container-spacer {
    min-height: 86px;
  }
}

.float-header-scrolled .report-nav-container-spacer {
  min-height: 72px;
}
@media screen and (min-width: 58em) {
  .float-header-scrolled .report-nav-container-spacer {
    min-height: 68px;
  }
}

/* INNER SCROLL */
.report-nav-container-inner {
  min-height: 100px;
  background-color: #f2f4f7;
}

/*.no-mutationobserver .report-nav-container-inner {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}*/
/* SIDE BUTTON OPEN CLOSE */
.menu-btn.menu-btn-side {
  width: 40px;
  height: 40px;
  background: #ffffff;
  padding: 12px 8px 6px 8px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 2008;
  display: none;
}
@media screen and (min-width: 45em) {
  .menu-btn.menu-btn-side {
    display: block;
  }
}
@media screen and (min-width: 58em) {
  .menu-btn.menu-btn-side {
    display: none;
  }
}

/* SHOW HIDE */
.js .report-nav-container {
  max-height: 0;
}
@media screen and (min-width: 58em) {
  .js .report-nav-container {
    max-height: none;
  }
}

.js .mob-nav-open .report-nav-container {
  max-height: none;
}

/* HIDE IN PRINT STYLESHEET */
@media print {
  .report-nav-container {
    display: none !important;
  }
}
/*
----------------------------------------------------------------------- REPORT NAVIGATION BLOCKS

------------------------------------------------------------------------------------------------
*/
.report-nav-block {
  list-style: none;
  padding-left: 0;
  margin-bottom: 16px;
}
.report-nav-block:after {
  clear: both;
  content: "";
  display: table;
}

.report-nav-block li {
  padding: 0;
}

.report-nav-block-item {
  display: block;
  position: relative;
  color: #4a4b45;
  text-decoration: none;
  margin-bottom: 30px;
  padding: 15px 15px 8px 15px;
  border: 1px solid #e1e1e1;
  border-left: 4px solid #f8ca00;
  border-radius: 5px;
  font-weight: 400;
  transition: border 0.1s linear;
}

.report-nav-block.report-nav-block-growth-profile .report-nav-block-item {
  border-left-color: #f8ca00;
}

.report-nav-block.report-nav-block-growth-indicator .report-nav-block-item {
  border-left-color: #bbc510;
}

.report-nav-block.report-nav-block-mindset-indicator .report-nav-block-item {
  border-left-color: #3C8700;
}

.report-nav-block.report-nav-block-growth-360 .report-nav-block-item {
  border-left-color: #b26204;
}

.report-nav-block.report-nav-block-growth-climate-360 .report-nav-block-item {
  border-left-color: #93579a;
}

.report-nav-block.report-nav-block-interpersonal-growth-indicator .report-nav-block-item {
  border-left-color: #246eb7;
}

a.report-nav-block-item:hover,
a.report-nav-block-item:focus {
  border-top-color: #bebebe;
  border-right-color: #bebebe;
  border-bottom-color: #bebebe;
  text-decoration: none;
}

a.report-nav-block-item:hover p,
a.report-nav-block-item:focus p {
  text-decoration: underline;
}

/* CONTENT */
.report-nav-block-item h3,
.report-nav-block-item h4 {
  margin-bottom: 6px;
}

.report-nav-block-item p {
  margin-bottom: 6px;
}

/* TICK */
.report-nav-block-item.viewed,
.report-nav-block-item.skipped {
  padding-right: 35px;
}

.report-nav-block-item.viewed::after {
  content: "";
  display: block;
  width: 15px;
  height: 11px;
  position: absolute;
  top: 15px;
  right: 10px;
}

.report-nav-block-item.viewed::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='11px'%3E%3Cg%3E%3Cpath fill='%23639332' d='M5.67 11L.389 5.82C.138 5.574 0 5.247 0 4.898c0-.348.138-.676.389-.922.502-.492 1.378-.492 1.88 0L5.67 7.312 12.731.37c.502-.493 1.378-.493 1.88 0 .518.508.518 1.333 0 1.842L5.67 11z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

.report-nav-block-item.skipped::after {
  content: "";
  display: block;
  width: 6px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 14px;
}

.report-nav-block-item.skipped::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6px' height='20px'%3E%3Cg%3E%3Ccircle fill='%23b26204' cx='3' cy='17.5' r='2.5'/%3E%3Cpath fill='%23b26204' d='M5 11c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h2c.55 0 1 .45 1 1v10z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

/* DISABLED */
.report-nav-block-item.report-nav-block-item-disabled {
  opacity: 0.6;
  border-left-color: #e1e2e5 !important;
}

.report-nav-block-item.report-nav-block-item-disabled h3,
.report-nav-block-item.report-nav-block-item-disabled p {
  color: #60615c;
}

.report-nav-block-item.report-nav-block-item-disabled.shadow {
  box-shadow: none;
}

/* WITH ICON */
.report-nav-block-item-with-icon {
  display: flex;
  align-items: flex-start;
}

.report-nav-block-item-with-icon .report-nav-block-item-content {
  padding-left: 10px;
}

.report-nav-block-item .icon-ratio {
  margin-bottom: 6px;
}

.report-nav-block-item.report-nav-block-item-disabled .icon-ratio-spiral {
  color: #e1e2e5 !important;
}

a.report-nav-block-item:hover .icon-ratio-video,
a.report-nav-block-item:hover .icon-ratio-touch-action {
  color: #4a4b45;
}

/* NUMBERS */
.report-nav-block-item .report-nav-numbers {
  position: absolute;
  bottom: 2px;
  right: 10px;
  margin: 0;
  font-size: 11px;
  font-size: 0.6875pxrem;
  color: #60615c;
}

a.report-nav-block-item:hover p.report-nav-numbers,
a.report-nav-block-item:focus p.report-nav-numbers {
  text-decoration: none;
}

/* GRID */
@media screen and (min-width: 45em) {
  .report-nav-block {
    width: 100%;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .report-nav-block li {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
    margin-right: 15px;
    display: flex;
    flex-direction: column;
  }
  .report-nav-block li .report-nav-block-item {
    flex-grow: 1;
  }
  .report-nav-block li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 58em) {
  .report-nav-block li {
    margin-right: 30px;
  }
}
/* TITLES */
.report-nav-title-block {
  display: flex;
}

.report-nav-title-block .report-nav-title-sub {
  margin-left: auto;
}

.report-nav-title-locked {
  display: flex;
  align-items: flex-start;
}

.report-nav-title-locked p {
  margin: 0;
}

.report-nav-title-locked .icon-ratio {
  margin-left: 6px;
}

/*
----------------------------------------------------------------------- REPORT NAVIGATION FOOTER

------------------------------------------------------------------------------------------------
*/
.report-footer-nav {
  display: flex;
}

.report-nav-footer-item {
  position: relative;
  color: #4a4b45;
  text-decoration: none;
  margin-bottom: 30px;
  padding: 10px 15px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-weight: 400;
  transition: border 0.1s linear;
  flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
  max-width: calc(75px + ((100% - 165px) / 12 * 6));
}
@media screen and (min-width: 30em) {
  .report-nav-footer-item {
    display: flex;
    align-items: flex-start;
    padding: 20px 30px;
    flex-basis: auto;
    max-width: 280px;
  }
}

.report-nav-footer-item:hover,
.report-nav-footer-item:focus {
  color: #4a4b45;
  border-color: #bebebe;
}

.report-nav-footer-item:hover p,
.report-nav-footer-item:focus p {
  color: #316ca6;
  text-decoration: underline;
}

/* CONTENT */
.report-nav-footer-item h3 {
  margin-bottom: 2px;
}

.report-nav-footer-item .report-nav-footer-item-title,
.report-nav-footer-item p.report-nav-footer-item-title {
  margin-bottom: 2px;
  font-weight: 500;
}

.report-nav-footer-item p {
  margin-bottom: 0;
  line-height: 1.2;
}

.report-nav-footer-item .icon-ratio {
  margin-right: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 30em) {
  .report-nav-footer-item .icon-ratio {
    margin-bottom: 0;
  }
}

/* PREV BUTTON */
.report-footer-nav .report-nav-footer-link-prev .icon-ratio {
  margin-top: 7px;
}
@media screen and (min-width: 30em) {
  .report-footer-nav .report-nav-footer-link-prev .icon-ratio {
    margin-top: 3px;
  }
}
@media screen and (min-width: 58em) {
  .report-footer-nav .report-nav-footer-link-prev .icon-ratio {
    margin-top: 5px;
  }
}

/* NEXT BUTTON */
.report-footer-nav .report-nav-footer-item.report-nav-footer-link-next {
  margin-left: auto;
}

.report-nav-footer-item.report-nav-footer-link-next .icon-ratio {
  margin-left: 10px;
  margin-right: 0;
  margin-top: 7px;
  margin-bottom: 12px;
  float: right;
}
@media screen and (min-width: 30em) {
  .report-nav-footer-item.report-nav-footer-link-next .icon-ratio {
    margin-top: 3px;
    margin-bottom: 0;
    float: none;
    order: 2;
  }
}
@media screen and (min-width: 58em) {
  .report-nav-footer-item.report-nav-footer-link-next .icon-ratio {
    margin-top: 5px;
  }
}

.report-nav-footer-item.report-nav-footer-link-next .report-nav-footer-item-content {
  text-align: right;
  clear: both;
}
@media screen and (min-width: 30em) {
  .report-nav-footer-item.report-nav-footer-link-next .report-nav-footer-item-content {
    float: none;
    order: 1;
  }
}

/*
------------------------------------------------------------------------------ REPORT COVER SHEET

------------------------------------------------------------------------------------------------
*/
.report-section.report-cover-sheet {
  padding-top: 15px;
  padding-bottom: 15px;
  page-break-inside: avoid;
}
@media print, screen and (min-width: 45em) {
  .report-section.report-cover-sheet {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* SHOW HIDE LOGOS */
.report-logo.logo-ratio {
  display: none;
}

@media print, screen and (min-width: 45em) {
  .report-logo.logo-ratio {
    display: block;
  }
  .report-logo.logo-ratio-h {
    display: none;
  }
}
.report-logo.logo-ratio.logo-ratio-no-h {
  display: block;
}

/* REPORT LOGO */
.report-logo {
  margin: 0 40px 20px 0;
}
@media print, screen and (min-width: 30em) {
  .report-logo {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 45em) {
  .report-logo {
    margin-bottom: 40px;
  }
}

.report-logo img {
  display: block;
  margin-bottom: 0;
}

.report-logo.logo-ratio img {
  width: auto;
  height: 50px;
}
@media print, screen and (min-width: 30em) {
  .report-logo.logo-ratio img {
    height: 60px;
  }
}
@media print, screen and (min-width: 45em) {
  .report-logo.logo-ratio img {
    height: 90px;
  }
}

.report-logo.logo-ratio-h {
  max-width: 200px;
}
@media print, screen and (min-width: 30em) {
  .report-logo.logo-ratio-h {
    max-width: none;
  }
}

@media print, screen and (min-width: 30em) {
  .report-logo.logo-ratio-h img {
    width: auto;
    height: 40px;
  }
}
/* CLIENT SUBMITTED LOGOS */
.report-cover-content.has-client-logo .report-logo {
  float: left;
}
@media print, screen and (min-width: 45em) {
  .report-cover-content.has-client-logo .report-logo {
    float: none;
  }
}

.report-logo.report-logo-client img {
  max-height: 50px;
}
@media print, screen and (min-width: 30em) {
  .report-logo.report-logo-client img {
    max-height: 60px;
  }
}
@media print, screen and (min-width: 45em) {
  .report-logo.report-logo-client img {
    max-height: 90px;
  }
}

/* TITLE */
.report-cover-content {
  margin-bottom: 20px;
}
.report-cover-content:after {
  clear: both;
  content: "";
  display: table;
}

.report-cover-title-wrapper {
  clear: both;
  margin: 0 0 0 -15px;
  max-width: 320px;
}
@media screen and (min-width: 45em) {
  .report-cover-title-wrapper {
    margin: 0 0 20px -30px;
  }
}
@media print {
  .report-cover-title-wrapper {
    margin-left: 0;
  }
}

.report-cover-title {
  padding: 14px 20px;
}
@media print, screen and (min-width: 45em) {
  .report-cover-title {
    padding: 16px 30px;
  }
}

.report-cover-title p {
  margin: 0;
  font-size: 15px;
  font-size: 0.9375pxrem;
}
@media print, screen and (min-width: 45em) {
  .report-cover-title p {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
}

.report-cover-title.report-cover-title-growth-profile {
  background-color: #f8ca00;
}

.report-cover-title.report-cover-title-growth-indicator {
  background-color: #bbc510;
}

.report-cover-title.report-cover-title-mindset-indicator {
  background-color: #3C8700;
  color: white;
}

.report-cover-title.report-cover-title-growth-360 {
  background-color: #b26204;
}

.report-cover-title.report-cover-title-growth-climate-360 {
  background-color: #93579a;
  color: white;
}

.report-cover-title.report-cover-title-interpersonal-growth-indicator {
  background-color: #246eb7;
  color: white;
}

.report-cover-title.report-cover-title-team-climate-survey {
  background-color: #7da556;
}

/* SUB REPORT PAGES DONT NEED A TITLE ON MOBILE */
@media screen and (max-width: 45em) {
  .no-report-cover-title .report-cover-title {
    display: none;
  }
  .no-report-cover-title .report-logo {
    margin-bottom: 0;
  }
}
/* REPORT PRINT BUTTON */
.report-print-btn {
  padding-top: 10px;
  padding-left: 20px;
}

.report-print-btn .btn {
  margin-bottom: 0;
  margin-right: 0;
}

.report-cover-sheet-reduced .report-print-btn {
  padding-top: 6px;
}
@media screen and (min-width: 45em) {
  .report-cover-sheet-reduced .report-print-btn {
    text-align: right;
    padding-top: 10px;
  }
}

@media print {
  .report-print-btn {
    display: none;
  }
}
/* REPORT IMAGE LOGO */
.report-title-logo {
  display: block;
}

.report-title-logo img {
  display: block;
  margin-bottom: 0;
  max-height: 150px;
}
@media screen and (min-width: 45em) {
  .report-title-logo img {
    max-height: none;
  }
}

@media screen and (min-width: 45em) {
  .report-title-logo.report-title-logo-short img {
    max-height: 200px;
  }
}

/* COVER SHEET ICON */
.cover-sheet-icon {
  max-width: 80px;
  padding-top: 100px;
}
@media screen and (min-width: 45em) {
  .cover-sheet-icon {
    padding-top: 300px;
  }
}

/* BACK BUTTON */
.report-cover-sheet .back-btn {
  position: fixed;
  z-index: 2010;
  top: 4px;
  right: 15px;
  display: none;
  transform: translateY(0);
  transition: transform 0.2s ease-out;
}
@media screen and (min-width: 30em) {
  .report-cover-sheet .back-btn {
    display: block;
  }
}
@media screen and (min-width: 45em) {
  .report-cover-sheet .back-btn {
    color: #151b26;
    top: 23px;
  }
}
@media screen and (min-width: 58em) {
  .report-cover-sheet .back-btn {
    right: 30px;
    transform: translateY(10px);
  }
}

@media screen and (min-width: 58em) {
  .float-header-scrolled .report-cover-sheet .back-btn {
    transform: translateY(0);
  }
}
/* REDUCED VERSION */
/* LAYOUT */
@media print, screen and (min-width: 45em) {
  .report-cover-title-wrapper {
    margin-bottom: 0;
  }
  .report-cover-sheet-row {
    display: flex;
  }
  .report-cover-content {
    flex-grow: 1;
    padding-right: 30px;
  }
  .report-title-logo {
    padding-top: 30px;
    flex-grow: 1;
    flex-basis: 300px;
    text-align: right;
  }
}
@media print, screen and (min-width: 45em) and (min-width: 65em) {
  .report-title-logo {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 58em) {
  .report-title-logo {
    margin-bottom: 20px;
  }
}
/* LAYOUT REDUCED HEIGHT */
@media print, screen and (min-width: 30em) {
  .report-cover-sheet-reduced.no-report-cover-title .report-cover-content {
    display: flex;
    padding-right: 0;
  }
  .report-cover-sheet-reduced.no-report-cover-title .report-cover-content .report-cover-title-wrapper {
    margin-left: auto;
  }
}
@media print, screen and (min-width: 45em) {
  .report-cover-sheet-reduced .report-cover-content {
    display: flex;
    padding-right: 0;
  }
  .report-cover-sheet-reduced .report-cover-content .report-cover-title-wrapper {
    margin-left: auto;
  }
}
@media print, screen and (min-width: 45em) {
  .report-cover-sheet-reduced .report-logo {
    margin-bottom: 0;
  }
}
@media print {
  .report-section.report-cover-sheet {
    padding-top: 100px !important;
  }
  .report-cover-sheet-row {
    display: block;
  }
  .report-title-logo {
    max-width: none;
    width: 100%;
    padding-top: 100px;
  }
  .report-title-logo:after {
    clear: both;
    content: "";
    display: table;
  }
  .report-title-logo img {
    max-width: 70%;
    /*float:right;*/
    margin: 0 auto;
    max-height: 380px;
  }
  .report-title-logo.report-title-logo-short img {
    max-height: 260px;
  }
  .cover-sheet-icon {
    padding-top: 240px;
  }
}
/*
---------------------------------------------------------------------------------- REPORT SCALES

------------------------------------------------------------------------------------------------
*/
/* CONTAINER */
.scale-container {
  padding: 10px 0;
  margin-bottom: 30px;
  width: 100%;
}

.scale-child {
  padding-left: 20px;
}
@media screen and (min-width: 30em) {
  .scale-child {
    padding-left: 40px;
  }
}

/* SUB CONTENT */
.scale-sub-content {
  margin-top: -20px;
  margin-bottom: 20px;
  display: flex;
}
.scale-sub-content:after {
  clear: both;
  content: "";
  display: table;
}

.scale-sub-content p {
  line-height: 28px;
}

.scale-sub-content .scale-sub-content-end {
  text-align: right;
  margin-left: auto;
}

.scale-sub-content .scale-sub-content-end p {
  padding-right: 0;
}

/* SCALE */
.scale {
  display: flex;
  height: 12px;
  overflow: hidden;
  background-color: #eff0f1;
  border-radius: 6px;
  position: relative;
  overflow: visible;
}

.scale:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
}

.scale-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background-color: #246eb7;
  border: 1px solid #225e9a;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  position: relative;
  overflow: visible;
}

.scale-bar-pointer {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #246eb7;
  border: 2px solid #225e9a;
  position: absolute;
  top: -11px;
  right: -16px;
  z-index: 2;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
@media print {
  .scale-bar-pointer {
    box-shadow: none;
  }
}

@media screen and (min-width: 45em) {
  .scale-bar-pointer.scale-bar-pointer-large {
    width: 44px;
    height: 44px;
    top: -17px;
    right: -22px;
  }
}
/* POINTER TEXT */
.scale-bar-text {
  color: #ffffff;
  line-height: 1;
  display: block;
  padding-top: 6px;
}

@media screen and (min-width: 45em) {
  .scale-bar-pointer.scale-bar-pointer-large .scale-bar-text {
    font-size: 20px;
    font-size: 1.25pxrem;
    padding-top: 10px;
  }
}
/* POINTER CHEVRON */
.scale-bar-chevron,
.scale-bar-chevron-left {
  color: #ffffff;
  display: block;
  overflow: hidden;
  word-wrap: normal; /* WORD WRAP IS IMPORTANT!! */
  white-space: nowrap;
  text-indent: 101%;
  width: 12px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='18px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M6.551,8.329c0.404,0.369,0.404,0.973,0,1.342l-6.248,5.703c-0.405,0.369-0.404,0.974,0,1.342l1.103,1.007 c0.404,0.369,1.066,0.369,1.47,0l8.821-8.052c0.404-0.369,0.404-0.973,0-1.342L2.876,0.277c-0.404-0.369-1.066-0.369-1.47,0 L0.303,1.283c-0.405,0.369-0.404,0.974,0,1.342L6.551,8.329z'/%3E%3C/g%3E%3C/svg%3E");
}

.scale-bar-chevron-left {
  transform: translate(-60%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='18px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M11.697 2.625a.894.894 0 000-1.342L10.593.277a1.114 1.114 0 00-1.47 0L.303 8.329a.894.894 0 000 1.342l8.821 8.052a1.114 1.114 0 001.47 0l1.104-1.007a.894.894 0 000-1.342L5.449 9.671a.894.894 0 010-1.342l6.248-5.704z'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (min-width: 45em) {
  .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron,
  .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron-left {
    width: 14px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='21px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M7.643 9.718c.472.431.472 1.135 0 1.564L.355 17.936c-.474.431-.473 1.136 0 1.566l1.285 1.174c.472.431 1.245.431 1.716 0l10.291-9.395c.472-.43.472-1.134 0-1.564L3.355.323c-.471-.431-1.244-.431-1.716 0L.354 1.497c-.474.43-.473 1.136 0 1.565l7.289 6.656z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='21px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M13.646 3.062a1.04 1.04 0 000-1.565L12.361.323a1.302 1.302 0 00-1.717 0L.354 9.717a1.04 1.04 0 000 1.564l10.291 9.395a1.297 1.297 0 001.715 0l1.285-1.174a1.04 1.04 0 000-1.566l-7.287-6.653a1.04 1.04 0 010-1.564l7.288-6.657z'/%3E%3C/g%3E%3C/svg%3E");
  }
}
/* DOTS */
.scale-dots {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 1;
  opacity: 0.15;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23000' cx='2' cy='2' r='2'/%3E%3C/svg%3E");
  background-position: 10% top, 20% top, 30% top, 40% top, 50% top, 60% top, 70% top, 80% top, 90% top;
}

/* LABELS */
.scale-with-labels {
  display: flex;
}

.scale-with-labels .scale-container {
  padding-left: 12px;
  padding-right: 12px;
}

.scale-with-labels p.scale-label {
  margin: 0;
  padding: 4px 0 0 0;
}

/* SCALE DESCRIPTION */
.scale-description {
  padding-bottom: 6px;
}
.scale-description:after {
  clear: both;
  content: "";
  display: table;
}

.scale-description p {
  margin-bottom: 0;
}

.scale-description .scale-description-start {
  float: left;
  width: 50%;
  padding-right: 10px;
  max-width: 300px;
}

.scale-description .scale-description-end {
  float: right;
  width: 50%;
  padding-left: 10px;
  max-width: 300px;
  text-align: right;
}

/* COLOUR VARIANT - SUCCESS */
.scale.scale-success .scale-bar-pointer,
.scale.scale-success .scale-bar {
  background-color: #639332;
  border-color: #507f22;
}

/* COLOUR VARIANT - GROWTH */
.scale.scale-growth .scale-bar-pointer,
.scale.scale-growth .scale-bar {
  background-color: #3C8700;
  border-color: #588529;
}

/* COLOUR VARIANT - SUCCESS GRADIENT */
.scale.scale-success-gradient .scale-bar-pointer {
  background-color: #639332;
  border-color: #507f22;
}

.scale.scale-success-gradient .scale-bar {
  background-color: transparent;
  border: 0;
}

.scale.scale-success-gradient {
  background-color: #639332;
  background: linear-gradient(to right, #e1f0d2 0%, #639332 100%);
}

.scale.scale-success-gradient:before {
  border-color: #507f22;
}

.scale.scale-success-gradient .scale-dots {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23507f22' cx='2' cy='2' r='2'/%3E%3C/svg%3E");
}

/* COLOUR VARIANT - Danger GRADIENT */
.scale.scale-danger-gradient .scale-bar {
  background-color: transparent;
  border: 0;
}

.scale.scale-danger-gradient {
  background-color: #972c15;
  background: linear-gradient(to right, #eed2cc 0%, #972c15 100%);
}

.scale.scale-danger-gradient:before {
  border-color: #6d1a09;
}

.scale.scale-danger-gradient .scale-dots {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%236d1a09' cx='2' cy='2' r='2'/%3E%3C/svg%3E");
}

/* COLOUR VARIANT - YELLOW POINTER */
.scale-bar-pointer.scale-bar-pointer-yellow,
.scale.scale-success .scale-bar-pointer.scale-bar-pointer-yellow,
.scale.scale-success-gradient .scale-bar-pointer.scale-bar-pointer-yellow,
.scale.scale-growth-gradient .scale-bar-pointer.scale-bar-pointer-yellow {
  background-color: #f8ca00;
  border: 2px solid #e5af09;
}

/* COLOUR VARIANT - GROWTH GRADIENT */
.scale.scale-growth-gradient .scale-bar-pointer {
  background-color: #3C8700;
  border-color: #588529;
}

.scale.scale-growth-gradient .scale-bar {
  background-color: transparent;
  border: 0;
}

.scale.scale-growth-gradient {
  background-color: #3C8700;
  background: linear-gradient(to right, #e4eed4 0%, #3C8700 100%);
}

.scale.scale-growth-gradient:before {
  border-color: #588529;
}

.scale.scale-growth-gradient .scale-dots {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23588529' cx='2' cy='2' r='2'/%3E%3C/svg%3E");
}

/* COLOUR VARIANT - SURVIVAL */
.scale.scale-survival .scale-bar-pointer,
.scale.scale-survival .scale-bar {
  background-color: #ffdc00;
  border-color: #000000;
}

/* COLOUR VARIANT - SURVIVAL GRADIENT */
.scale.scale-survival-gradient .scale-bar-pointer {
  background-color: #ffdc00;
  border-color: #000000;
  color: #000000;
}

.scale.scale-survival-gradient .scale-bar-text,
.scale.scale-survival-gradient .scale-bar-chevron,
.scale.scale-survival-gradient .scale-bar-chevron-left {
  color: #000000;
}

.scale.scale-survival-gradient .scale-bar {
  background-color: transparent;
  border: 0;
}

.scale.scale-survival-gradient {
  background-color: #ffdc00;
  background: linear-gradient(to right, #fff4c2 0%, #ffdc00 100%);
}

.scale.scale-survival-gradient:before {
  border-color: #f2c82f;
}

.scale.scale-survival-gradient .scale-dots {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Ccircle fill='%23f2c82f' cx='2' cy='2' r='2'/%3E%3C/svg%3E");
}

/* SURVIVAL CHEVRON */
.scale.scale-survival .scale-bar-chevron,
.scale.scale-survival-gradient .scale-bar-chevron {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='18px'%3E%3Cg%3E%3Cpath fill='%23000000' d='M6.551,8.329c0.404,0.369,0.404,0.973,0,1.342l-6.248,5.703c-0.405,0.369-0.404,0.974,0,1.342l1.103,1.007 c0.404,0.369,1.066,0.369,1.47,0l8.821-8.052c0.404-0.369,0.404-0.973,0-1.342L2.876,0.277c-0.404-0.369-1.066-0.369-1.47,0 L0.303,1.283c-0.405,0.369-0.404,0.974,0,1.342L6.551,8.329z'/%3E%3C/g%3E%3C/svg%3E");
}

.scale.scale-survival .scale-bar-chevron-left,
.scale.scale-survival-gradient .scale-bar-chevron-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='18px'%3E%3Cg%3E%3Cpath fill='%23000000' d='M11.697 2.625a.894.894 0 000-1.342L10.593.277a1.114 1.114 0 00-1.47 0L.303 8.329a.894.894 0 000 1.342l8.821 8.052a1.114 1.114 0 001.47 0l1.104-1.007a.894.894 0 000-1.342L5.449 9.671a.894.894 0 010-1.342l6.248-5.704z'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (min-width: 45em) {
  .scale.scale-survival .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron,
  .scale.scale-survival-gradient .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='21px'%3E%3Cg%3E%3Cpath fill='%23000000' d='M7.643 9.718c.472.431.472 1.135 0 1.564L.355 17.936c-.474.431-.473 1.136 0 1.566l1.285 1.174c.472.431 1.245.431 1.716 0l10.291-9.395c.472-.43.472-1.134 0-1.564L3.355.323c-.471-.431-1.244-.431-1.716 0L.354 1.497c-.474.43-.473 1.136 0 1.565l7.289 6.656z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .scale.scale-survival .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron-left,
  .scale.scale-survival-gradient .scale-bar-pointer.scale-bar-pointer-large .scale-bar-chevron-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='21px'%3E%3Cg%3E%3Cpath fill='%23000000' d='M13.646 3.062a1.04 1.04 0 000-1.565L12.361.323a1.302 1.302 0 00-1.717 0L.354 9.717a1.04 1.04 0 000 1.564l10.291 9.395a1.297 1.297 0 001.715 0l1.285-1.174a1.04 1.04 0 000-1.566l-7.287-6.653a1.04 1.04 0 010-1.564l7.288-6.657z'/%3E%3C/g%3E%3C/svg%3E");
  }
}
/* ANIMATION */
@keyframes bar-chart-anim {
  to {
    width: 0;
  }
}
@media screen {
  .scale-bar.anim-reset {
    width: 0 !important;
  }
  .scale-bar.animating {
    animation: bar-chart-anim 0.6s ease-in reverse;
  }
}
/* WHEN THE POINTER IS AT START OR END IT GETS CUT OFF IN PDFS */
@media print {
  .scale-container.scale-100 .scale-bar-pointer {
    transform: translateX(-16px);
  }
  .scale-container.scale-0 .scale-bar-pointer {
    transform: translateX(16px);
  }
  .scale-container.scale-100 .scale-bar-pointer.scale-bar-pointer-large {
    transform: translateX(-22px);
  }
  .scale-container.scale-0 .scale-bar-pointer.scale-bar-pointer-large {
    transform: translateX(22px);
  }
}
/* MIN - Max */
.scale-min-max {
  width: auto;
  position: relative;
  display: flex;
  margin: 16px -30px 0 -30px;
}
@media screen and (min-width: 45em) {
  .scale-min-max {
    margin-left: -40px;
    margin-right: -40px;
  }
}

.scale-min-max.max-end {
  margin-right: 0;
  padding-right: 0 !important;
}

.scale-min-max.min-start {
  margin-left: 0;
  padding-left: 0 !important;
}

.scale-min-max .min-max-line {
  flex: 1;
}

.scale-min-max .scale-min-label,
.scale-min-max .scale-max-label {
  font-size: 12px;
  font-size: 0.75pxrem;
  width: 30px;
  position: relative;
  display: block;
}
@media screen and (min-width: 45em) {
  .scale-min-max .scale-min-label,
  .scale-min-max .scale-max-label {
    font-size: 13px;
    font-size: 0.8125pxrem;
    width: 40px;
  }
}

.scale-min-max .scale-min-label::before,
.scale-min-max .scale-max-label::before {
  content: "";
  width: 1px;
  background-color: #bebebe;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.scale-min-max .scale-min-label {
  padding-right: 6px;
  text-align: right;
}

.scale-min-max .scale-min-label::before {
  left: auto;
  right: 0;
}

.scale-min-max .scale-max-label {
  padding-left: 6px;
}

.scale-min-max .min-max-line {
  position: relative;
}

.scale-min-max .min-max-line::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bebebe;
  position: absolute;
  top: 50%;
  left: 0;
}

/*
-------------------------------------------------------------------------- REPORT FEATURE BLOCKS

------------------------------------------------------------------------------------------------
*/
/* FEATURE BOX */
.report-feature {
  margin-bottom: 30px;
  page-break-inside: avoid;
}
.report-feature:after {
  clear: both;
  content: "";
  display: table;
}

.report-feature .report-feature-title {
  background-color: #f8ca00;
  padding: 12px 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.report-feature .report-feature-title h3,
.report-feature .report-feature-title h4,
.report-feature .report-feature-title h5 {
  color: #ffffff;
  margin: 0;
  font-weight: 600;
}

.report-feature .report-feature-content {
  background-color: #f7f8fa;
  border: 1px solid #e1e1e1;
  padding: 16px 16px 0 16px;
  border-radius: 5px;
}

.report-feature .report-feature-content h3,
.report-feature .report-feature-content h4 {
  margin-bottom: 0.8rem;
}

.report-feature .report-feature-content > ul {
  padding-left: 16px;
  margin-left: 0;
}

.report-feature-max {
  max-width: 300px;
}

/* FEATURE COLOUR VARIANTS */
.report-feature.report-feature-danger .report-feature-content,
.report-feature.report-feature-success .report-feature-content,
.report-feature.report-feature-survival .report-feature-content,
.report-feature.report-feature-growth .report-feature-content {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.report-feature.report-feature-danger .report-feature-title {
  background-color: #972c15;
}

.report-feature.report-feature-success .report-feature-title {
  background-color: #639332;
}

/* IMPROVED IP GROWTH / SURVIVAL */
.report-feature.report-feature-survival .report-feature-title {
  background: #ffdc00;
}

.report-feature.report-feature-survival .report-feature-title h3,
.report-feature.report-feature-survival .report-feature-title h4,
.report-feature.report-feature-survival .report-feature-title h5 {
  color: #000000;
}

.report-feature.report-feature-growth .report-feature-title {
  background: #3C8700;
}

/* FILLED GROWTH/SURVIVAL FEATURES */
.report-feature.fill-survival-chevrons,
.report-feature.fill-growth-arrows {
  text-align: center;
}

.report-feature.fill-survival-chevrons .report-feature-title,
.report-feature.fill-growth-arrows .report-feature-title {
  padding-bottom: 0;
}

.report-feature.fill-survival-chevrons .report-feature-title h4,
.report-feature.fill-growth-arrows .report-feature-title h4 {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.125pxrem;
}
@media screen and (min-width: 45em) {
  .report-feature.fill-survival-chevrons .report-feature-title h4,
  .report-feature.fill-growth-arrows .report-feature-title h4 {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
}
@media screen and (min-width: 58em) {
  .report-feature.fill-survival-chevrons .report-feature-title h4,
  .report-feature.fill-growth-arrows .report-feature-title h4 {
    font-size: 24px;
    font-size: 1.5pxrem;
  }
}

.report-feature.fill-survival-chevrons .report-feature-content ul,
.report-feature.fill-growth-arrows .report-feature-content ul {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
@media print, screen and (min-width: 45em) {
  .report-feature.fill-survival-chevrons .report-feature-content ul,
  .report-feature.fill-growth-arrows .report-feature-content ul {
    padding: 0 16px;
  }
}

.report-feature.fill-survival-chevrons .report-feature-content ul li,
.report-feature.fill-growth-arrows .report-feature-content ul li {
  border-bottom: 2px solid #ffffff;
  padding: 8px 0;
}

.report-feature.fill-survival-chevrons .report-feature-content ul li:first-child,
.report-feature.fill-growth-arrows .report-feature-content ul li:first-child {
  padding-top: 0;
}

.report-feature.fill-survival-chevrons .report-feature-content ul li:last-child,
.report-feature.fill-growth-arrows .report-feature-content ul li:last-child {
  border: 0;
}

.report-feature.fill-survival-chevrons .report-feature-content,
.report-feature.fill-growth-arrows .report-feature-content {
  background-color: transparent;
  border: 0;
}

.report-feature.fill-survival-chevrons .report-feature-title,
.report-feature.fill-growth-arrows .report-feature-title {
  background-color: transparent;
}

.report-feature.fill-survival-chevrons .report-feature-title h3,
.report-feature.fill-survival-chevrons .report-feature-title h4,
.report-feature.fill-survival-chevrons .report-feature-title h5 {
  color: #000000;
}

.report-feature.fill-survival-chevrons .report-feature-content,
.report-feature.fill-survival-chevrons .report-feature-title {
  padding-left: 30px;
}
@media print, screen and (min-width: 45em) {
  .report-feature.fill-survival-chevrons .report-feature-content,
  .report-feature.fill-survival-chevrons .report-feature-title {
    padding-left: 45px;
  }
}

.report-feature.fill-growth-arrows .report-feature-content,
.report-feature.fill-growth-arrows .report-feature-title {
  padding-right: 30px;
}
@media print, screen and (min-width: 45em) {
  .report-feature.fill-growth-arrows .report-feature-content,
  .report-feature.fill-growth-arrows .report-feature-title {
    padding-right: 45px;
  }
}

/* FILLED IMAGES */
.report-feature.fill-survival-chevrons .report-feature-content-img,
.report-feature.fill-growth-arrows .report-feature-content-img {
  background-color: #ffffff;
  padding-top: 20px;
}

/* FEATURE BOXES IN A ROW */
.report-feature-grid-row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  page-break-inside: avoid;
}

.report-feature-grid-row .report-feature {
  flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
  max-width: calc(75px + ((100% - 165px) / 12 * 6));
}

.report-feature-grid-row.report-feature-grid-row-equal-height .report-feature {
  display: flex;
}

.report-feature-grid-row.report-feature-grid-row-equal-height .report-feature-inner {
  width: 100%;
}
@supports (display: flex) or (display: -webkit-box) {
  .report-feature-grid-row.report-feature-grid-row-equal-height .report-feature-inner {
    display: flex;
    flex-direction: column;
  }
}

.report-feature-grid-row.report-feature-grid-row-equal-height .report-feature-content {
  width: 100%;
}
@supports (display: flex) or (display: -webkit-box) {
  .report-feature-grid-row.report-feature-grid-row-equal-height .report-feature-content {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
  }
}

.report-feature-grid-row.report-feature-grid-row-equal-height .report-feature-content img {
  max-width: 100%;
}
@supports (display: flex) or (display: -webkit-box) {
  .report-feature-grid-row.report-feature-grid-row-equal-height .report-feature-content img {
    margin-top: auto;
    flex-shrink: 0;
    align-self: flex-start;
  }
}

@media print, screen and (min-width: 45em) {
  .report-feature-grid-row .report-feature {
    flex-basis: calc(150px + ((100% - 330px) / 12 * 6));
    max-width: calc(150px + ((100% - 330px) / 12 * 6));
  }
}
/* REVERSE DIRECTION */
.report-feature-reversed .report-feature-title {
  text-align: right;
}

/* WITH ARROWS */
.report-feature-grid-row.report-feature-grid-row-arrow .report-feature {
  position: relative;
  flex-basis: calc(200px + ((100% - 440px) / 12 * 6));
  max-width: calc(200px + ((100% - 440px) / 12 * 6));
}
@media print, screen and (min-width: 45em) {
  .report-feature-grid-row.report-feature-grid-row-arrow .report-feature {
    flex-basis: calc(350px + ((100% - 770px) / 12 * 6));
    max-width: calc(350px + ((100% - 770px) / 12 * 6));
  }
}

.report-feature-grid-row.report-feature-grid-row-arrow .report-feature:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  top: 50%;
  width: 17px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17px' height='30px'%3E%3Cpath fill='%23a6a6a6' d='M1.9 30c-.5 0-1-.2-1.3-.5-.7-.7-.7-1.9 0-2.7L12.4 15 .6 3.2C-.1 2.5-.1 1.3.6.5s1.9-.7 2.7 0l13.2 13.1c.7.7.7 1.9 0 2.7L3.2 29.5c-.3.3-.8.5-1.3.5'/%3E%3C/svg%3E");
  left: -28px;
  margin-top: -15px;
}
@media print, screen and (min-width: 45em) {
  .report-feature-grid-row.report-feature-grid-row-arrow .report-feature:nth-child(2)::before {
    width: 34px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34px' height='60px'%3E%3Cpath fill='%23a6a6a6' d='M3.8 60c-1 0-1.9-.4-2.7-1.1-1.5-1.5-1.5-3.8 0-5.3L24.9 30 1.1 6.4c-1.5-1.5-1.5-3.8 0-5.3S5-.4 6.4 1.1l26.4 26.2c1.5 1.5 1.5 3.8 0 5.3L6.5 58.9c-.8.7-1.8 1.1-2.7 1.1'/%3E%3C/svg%3E");
    left: -52px;
    margin-top: -30px;
  }
}

/* WITH SCALES GRAPHIC */
.report-feature-grid-row.report-feature-grid-row-scales {
  position: relative;
}

.report-feature-grid-row.report-feature-grid-row-scales::after {
  content: "";
  width: 180%;
  height: 10px;
  background: #f8ca00;
  position: absolute;
  bottom: 90px;
  left: 0;
}
@media screen and (min-width: 30em) {
  .report-feature-grid-row.report-feature-grid-row-scales::after {
    width: 100%;
  }
}

.report-feature-grid-row.report-feature-grid-row-scales .report-feature {
  position: relative;
  margin-bottom: 120px;
  flex-basis: calc(200px + ((100% - 440px) / 12 * 6));
  max-width: calc(200px + ((100% - 440px) / 12 * 6));
}
@media print, screen and (min-width: 45em) {
  .report-feature-grid-row.report-feature-grid-row-scales .report-feature {
    flex-basis: calc(350px + ((100% - 770px) / 12 * 6));
    max-width: calc(350px + ((100% - 770px) / 12 * 6));
  }
}

.report-feature-grid-row.report-feature-grid-row-scales .report-feature:nth-child(2)::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 70px 40px;
  border-color: transparent transparent #f8ca00 transparent;
  position: absolute;
  bottom: -100px;
  left: 0;
  margin-left: -60px;
}
@media print, screen and (min-width: 45em) {
  .report-feature-grid-row.report-feature-grid-row-scales .report-feature:nth-child(2)::before {
    margin-left: -75px;
  }
}

/* SCROLLING FEATURE GRID ROW */
/* NOT PRINT */
@media screen and (max-width: 30em) {
  .report-feature-grid-row.report-feature-grid-row-scroll {
    overflow-x: scroll; /* has to be 'scroll' for ios Momentum, not 'auto' */
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    margin-bottom: 30px;
  }
  .report-feature-grid-row.report-feature-grid-row-scroll .report-feature {
    min-width: 90%;
    flex: 0 0 auto;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .report-feature-grid-row.report-feature-grid-row-arrow.report-feature-grid-row-scroll .report-feature,
  .report-feature-grid-row.report-feature-grid-row-scales.report-feature-grid-row-scroll .report-feature {
    min-width: 80%;
    margin-right: 40px;
  }
  .report-feature-grid-row.report-feature-grid-row-scales.report-feature-grid-row-scroll .report-feature {
    margin-bottom: 120px;
  }
  .report-feature-grid-row.report-feature-grid-row-scroll .report-feature:last-child,
  .report-feature-grid-row.report-feature-grid-row-arrow.report-feature-grid-row-scroll .report-feature:last-child,
  .report-feature-grid-row.report-feature-grid-row-scales.report-feature-grid-row-scroll .report-feature:last-child {
    margin-right: 0;
  }
}
/*
-------------------------------------------------------------------------- REPORT TABLES

------------------------------------------------------------------------------------------------
*/
.table.report-table {
  margin-bottom: 26px;
  page-break-inside: avoid;
}

.table.report-table > thead > tr > th {
  background-color: #f8ca00;
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 0;
  vertical-align: middle;
}

.table.report-table > tbody > tr:first-child > td {
  border-top: 0;
}

@media print, screen and (min-width: 45em) {
  .table.report-table > thead > tr > th:first-child {
    border-left: 1px solid #f8ca00;
  }
  .table.report-table > thead > tr > th:last-child {
    border-right: 1px solid #f8ca00;
  }
  .table.report-table > tbody > tr > td:first-child {
    border-left: 1px solid #bebebe;
  }
  .table.report-table > tbody > tr > td:last-child {
    border-right: 1px solid #bebebe;
  }
  .table.report-table {
    border-bottom: 1px solid #bebebe;
  }
}
/* SUCCESS VARIANT */
.table.report-table.report-table-success > thead > tr > th {
  background-color: #639332;
}

@media print, screen and (min-width: 45em) {
  .table.report-table.report-table-success > thead > tr > th:first-child,
  .table.report-table.report-table-success > thead > tr > th:last-child {
    border-color: #639332;
  }
}
/* DANGER VARIANT */
.table.report-table.report-table-danger > thead > tr > th {
  background-color: #972c15;
}

@media print, screen and (min-width: 45em) {
  .table.report-table.report-table-danger > thead > tr > th:first-child,
  .table.report-table.report-table-danger > thead > tr > th:last-child {
    border-color: #972c15;
  }
}
/* GROWTH VARIANT */
.table.report-table.report-table-growth > thead > tr > th {
  background-color: #3C8700;
}

@media print, screen and (min-width: 45em) {
  .table.report-table.report-table-growth > thead > tr > th:first-child,
  .table.report-table.report-table-growth > thead > tr > th:last-child {
    border-color: #3C8700;
  }
}
/* SURVIVAL VARIANT */
.table.report-table.report-table-survival > thead > tr > th {
  background-color: #ffdc00;
}

@media print, screen and (min-width: 45em) {
  .table.report-table.report-table-survival > thead > tr > th:first-child,
  .table.report-table.report-table-survival > thead > tr > th:last-child {
    border-color: #ffdc00;
  }
}
@media screen and (max-width: 45em) {
  .table.report-table > tbody > tr > td:first-child {
    background-color: #f8ca00;
    color: #ffffff;
    border-color: #f8ca00;
  }
  /* SUCCESS VARIANT */
  .table.report-table.report-table-success > tbody > tr > td:first-child {
    background-color: #639332;
    border-color: #639332;
  }
  /* DANGER VARIANT */
  .table.report-table.report-table-danger > tbody > tr > td:first-child {
    background-color: #972c15;
    border-color: #972c15;
  }
}
/*
------------------------------------------------------------------------ REPORT BREAKDOWN TABLES

------------------------------------------------------------------------------------------------
*/
@media print, screen and (min-width: 45em) {
  .report-breakdown-table-wrapper {
    max-width: 800px;
  }
  .report-breakdown-table {
    font-size: 12px;
    font-size: 0.75pxrem;
    margin-bottom: 30px;
    page-break-inside: avoid;
  }
  /* REMOVE TOP LEFT CELL BORDER */
  .table.table-bordered.report-breakdown-table {
    border-top: 0;
    border-left: 0;
  }
  /* THEAD */
  .report-breakdown-table th {
    font-weight: 500;
  }
  .report-breakdown-table thead tr th {
    font-size: 11px;
    font-size: 0.6875pxrem;
    text-align: center;
    border-left: 1px solid #bebebe;
    border-top: 1px solid #bebebe !important;
  }
  .report-breakdown-table thead tr th:first-child {
    border-left: 0;
    border-top: 0 !important;
  }
  .table.report-breakdown-table > thead > tr > th {
    vertical-align: middle;
  }
  /* TBODY */
  .report-breakdown-table tbody td {
    text-align: center;
    font-weight: 700;
    border-left: 1px solid #bebebe;
  }
  .report-breakdown-table tbody th {
    text-align: right;
    border-left: 1px solid #bebebe;
  }
  /* WIDTHS - ASSUMES A 6 COLUMN TABLE! */
  .report-breakdown-table tbody th {
    width: 22%;
  }
  .report-breakdown-table tbody td {
    width: 13%;
  }
}
@media print {
  .report-breakdown-table tbody th {
    width: 244px;
  }
}
/* JS SHOW HIDE FUNCTIONALITY */
/*
-------------------------------------------------------------------------------- REPORT TRACKERS

------------------------------------------------------------------------------------------------
*/
.tracker-row {
  border-bottom: 1px solid #e1e1e1;
}

.tracker-rows .tracker-row:last-child {
  border-bottom: 0;
}

/*
-------------------------------------------------------------------------- REPORT SPLIT BLOCK HEADING

------------------------------------------------------------------------------------------------
*/
.report-split-block-heading {
  display: flex;
  width: 100%;
}

.report-split-block-heading p {
  line-height: 1.2;
  margin-bottom: 0;
}

.report-split-block-heading h1,
.report-split-block-heading h2,
.report-split-block-heading h3,
.report-split-block-heading h4 {
  margin-bottom: 0;
}

.report-split-block-heading-main {
  flex-shrink: 0;
  background-color: #f8ca00;
  padding: 6px 12px;
}

.report-split-block-heading-sub {
  background-color: #f2f4f7;
  padding: 6px 12px;
  flex: 1;
}

/*
---------------------------------------------------------------------------- HORIZONTAL BAR CHART

------------------------------------------------------------------------------------------------
*/
/* VARS */
/* BAR CHART */
.bar-chart {
  margin-bottom: 30px;
}
.bar-chart:after {
  clear: both;
  content: "";
  display: table;
}

.bar-chart-item {
  padding: 0;
  margin: 0 0 6px 0;
  font-size: 10px;
  font-size: 0.625pxrem;
}
@media print, screen and (min-width: 45em) {
  .bar-chart-item {
    margin-bottom: 8px;
    font-size: 11px;
    font-size: 0.6875pxrem;
  }
}
@media print, screen and (min-width: 58em) {
  .bar-chart-item {
    display: flex;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart-item {
    font-size: 12px;
    font-size: 0.75pxrem;
  }
}

.bar-chart .bar-chart-item:last-child {
  margin-bottom: 0;
}

.bar-chart-item dt {
  margin: 0;
  padding: 0 10px 2px 0;
}
@media print, screen and (min-width: 58em) {
  .bar-chart-item dt {
    padding-bottom: 0;
    text-align: right;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart-item dt {
    width: 180px;
  }
}

.bar-chart-item dd {
  position: relative;
  background-color: #f2f4f7;
  height: 16px;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 45em) {
  .bar-chart-item dd {
    height: 24px;
  }
}
@media print, screen and (min-width: 58em) {
  .bar-chart-item dd {
    height: 28px;
  }
}
@media print, screen and (min-width: 58em) {
  .bar-chart-item dd {
    flex: 1 0 auto;
  }
}

.report-feature-content .bar-chart-item dd {
  background-color: #e1e2e5;
}

.bar-chart-bar {
  background-color: #93579a;
  width: 0;
  height: 16px;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 45em) {
  .bar-chart-bar {
    height: 24px;
  }
}
@media print, screen and (min-width: 58em) {
  .bar-chart-bar {
    height: 28px;
  }
}

.bar-chart-bar span {
  padding-left: 10px;
  color: #ffffff;
  font-weight: 500;
}

/*
---------------------------------------------------------------------- ADD LINES TO BAR CHART BG

------------------------------------------------------------------------------------------------
*/
.bar-chart-item dd {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 20% top, 40% top, 60% top, 80% top;
}

.bar-chart-item.bar-chart-item-3 dd {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 33.33% top, 66.66% top;
}

.bar-chart-item.bar-chart-item-4 dd {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 25% top, 50% top, 75% top;
}

.bar-chart-item.bar-chart-item-6 dd {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 16.6% top, 33.2% top, 49.8% top, 66.4% top, 83% top;
}

/* BAR CHART LINES x2 */
.bar-chart-option-count-2 .bar-chart-item dd {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 50% top;
}

/* BAR CHART LINES x3 */
.bar-chart-option-count-3 .bar-chart-item dd {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 33.333% top, 66.666% top;
}

/* BAR CHART LINES x4 */
.bar-chart-option-count-4 .bar-chart-item dd {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 25% top, 50% top, 75% top;
}

/* BAR CHART LINES x6 */
.bar-chart-option-count-6 .bar-chart-item dd {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='60' viewBox='0 0 1 60'%3E%3Cpath fill='%23bebebe' d='M0 0h1v60H0z'/%3E%3C/svg%3E");
  background-position: 16.6% top, 33.2% top, 49.8% top, 66.4% top, 83% top;
}

/*
--------------------------------------------------------------------------------------- ANIMATION

------------------------------------------------------------------------------------------------
*/
@keyframes bar-chart-anim {
  to {
    width: 0;
  }
}
@media screen {
  .bar-chart-bar.anim-reset {
    width: 0 !important;
  }
  .bar-chart-bar.animating {
    animation: bar-chart-anim 0.6s ease-in reverse;
  }
}
/*
----------------------------------------------------------------------------------- BAR VARIANTS

------------------------------------------------------------------------------------------------
*/
/* COLOUR VARIANTS */
.bar-chart-bar.bar-chart-yellow {
  background-color: #e8a208;
}

.bar-chart-bar.bar-chart-green {
  background-color: #bbc510;
}

.bar-chart-bar.bar-chart-orange {
  background-color: #b26204;
}

.bar-chart-bar.bar-chart-blue {
  background-color: #246eb7;
}

.bar-chart-bar.bar-chart-purple {
  background-color: #93579a;
}

.bar-chart-bar.bar-chart-danger {
  background-color: #972c15;
}

.bar-chart-bar.bar-chart-success {
  background-color: #639332;
}

.bar-chart-bar.bar-chart-survival {
  background-color: #ffdc00;
}

.bar-chart-bar.bar-chart-survival span {
  color: #000000;
}

.bar-chart-bar.bar-chart-growth {
  background-color: #3C8700;
}

.bar-chart-bar.bar-chart-grey {
  background-color: #a6a6a6;
}

/* TEXT OUTSIDE VARIANT */
.bar-chart-text-outside .bar-chart-bar {
  position: relative;
}

.bar-chart-text-outside .bar-chart-bar span {
  color: #4a4b45;
  position: absolute;
  left: 100%;
}

/*
------------------------------------------------------------------------------ CHART DEFINITIONS

------------------------------------------------------------------------------------------------
*/
@media print, screen and (min-width: 58em) {
  .bar-chart-definition-wrapper {
    padding-left: 150px;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart-definition-wrapper {
    padding-left: 180px;
  }
}

.bar-chart-definition {
  margin: 0 0 12px 0;
  padding: 0;
  list-style: none;
  font-weight: 500;
  font-size: 8px;
  font-size: 0.5pxrem;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 24em) {
  .bar-chart-definition {
    font-size: 9px;
    font-size: 0.5625pxrem;
  }
}
@media screen and (min-width: 30em) {
  .bar-chart-definition {
    font-size: 11px;
    font-size: 0.6875pxrem;
  }
}
@media screen and (min-width: 45em) {
  .bar-chart-definition {
    margin-bottom: 16px;
  }
}
@media print {
  .bar-chart-definition {
    font-size: 9px;
    font-size: 0.5625pxrem;
  }
}

.bar-chart-definition li {
  flex: 1 1 0;
  text-align: center;
  position: relative;
  padding: 0 2px 4px 2px;
}
@media screen and (min-width: 58em) {
  .bar-chart-definition li {
    padding: 0 10px 4px 10px;
  }
}
@media print {
  .bar-chart-definition li {
    padding-left: 2px;
    padding-right: 2px;
  }
}

/*
.bar-chart-definition li:first-child {
    //text-align: left;
    //padding-left: 0;
}

.bar-chart-definition li:last-child {
    //text-align: right;
    //padding-right: 0;
}

.bar-chart-definition li::before,
.bar-chart-definition li::after {
    content:'';
    background-color: $border-grey-pale;
    width:1px;
    height:16px;
    position: absolute;
    bottom: -20px;
    left:0;
}

.bar-chart-definition li::after {
    display: none;
}

.bar-chart-definition li:last-child::after {
    display: block;
    left:auto;
    right:0;
}
*/
/*
---------------------------------- BAR CHART ROWS - RUNNING SOME TEXT TO THE SIDE OF A BAR CHART

------------------------------------------------------------------------------------------------
*/
/*
$bar-row-label-gap: 180px;
$bar-row-label-gap-wide: 200px;

$bar-label-gap-and-row: 330px;// add 2 above together
$bar-label-gap-and-row-wide: 380px;// add 2 above together*/
.bar-chart-comparison-row {
  margin-bottom: 14px;
}
@media print, screen and (min-width: 45em) {
  .bar-chart-comparison-row {
    margin-bottom: 20px;
  }
}

.bar-chart .bar-chart-comparison-row:last-child {
  margin-bottom: 0;
}

.bar-chart-comparison-title h4,
.bar-chart-comparison-title h5 {
  margin-bottom: 4px;
}
@media print, screen and (min-width: 45em) {
  .bar-chart-comparison-title h4,
  .bar-chart-comparison-title h5 {
    margin-bottom: 6px;
  }
}

/* MAKE LABELS A BIT THINNER THAN USUAL */
@media print, screen and (min-width: 58em) {
  .bar-chart-comparison-title {
    padding-left: 80px;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart-comparison-title {
    padding-left: 100px;
  }
}

@media print, screen and (min-width: 58em) {
  .bar-chart-comparison .bar-chart-item dt {
    width: 80px;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart-comparison .bar-chart-item dt {
    width: 100px;
  }
}

@media print, screen and (min-width: 58em) {
  .bar-chart-comparison .bar-chart-definition-wrapper {
    padding-left: 80px;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart-comparison .bar-chart-definition-wrapper {
    padding-left: 100px;
  }
}

/*
------------------------------------------------------------------------------ REVERSE DIRECTION

------------------------------------------------------------------------------------------------
*/
.bar-chart.bar-chart-reversed .bar-chart-definition {
  flex-direction: row-reverse;
}

.bar-chart.bar-chart-reversed .bar-chart-item {
  text-align: right;
}
@media print, screen and (min-width: 58em) {
  .bar-chart.bar-chart-reversed .bar-chart-item {
    flex-direction: row-reverse;
  }
}

.bar-chart.bar-chart-reversed .bar-chart-item dd:after {
  clear: both;
  content: "";
  display: table;
}

.bar-chart.bar-chart-reversed .bar-chart-item dt {
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 0;
}

.bar-chart.bar-chart-reversed .bar-chart-bar {
  float: right;
}

@media print, screen and (min-width: 58em) {
  .bar-chart.bar-chart-reversed .bar-chart-definition-wrapper {
    padding-right: 150px;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart.bar-chart-reversed .bar-chart-definition-wrapper {
    padding-right: 180px;
    padding-left: 0;
  }
}

/* REVERSE COMPARISON BAR CHART CONTENT */
.bar-chart.bar-chart-reversed .bar-chart-comparison-title {
  text-align: right;
}
@media print, screen and (min-width: 58em) {
  .bar-chart.bar-chart-reversed .bar-chart-comparison-title {
    padding-right: 80px;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart.bar-chart-reversed .bar-chart-comparison-title {
    padding-right: 100px;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 58em) {
  .bar-chart.bar-chart-reversed.bar-chart-comparison .bar-chart-definition-wrapper {
    padding-right: 80px;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 75em) {
  .bar-chart.bar-chart-reversed.bar-chart-comparison .bar-chart-definition-wrapper {
    padding-right: 100px;
    padding-left: 0;
  }
}

/*
--------------------------------------------------------- DIFFERENT BREAKPOINTS FOR SPLIT CHARTS

------------------------------------------------------------------------------------------------
*/
/* (USED IN GROWTH CLIMATE OVERVIEW) */
/* DEFINITION FONTSIZE / PADDING */
@media screen and (min-width: 45em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition {
    font-size: 9px;
    font-size: 0.5625pxrem;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition {
    font-size: 11px;
    font-size: 0.6875pxrem;
  }
}

@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition li {
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition li {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* DEFINITION PADDING */
@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition-wrapper {
    padding-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition-wrapper {
    padding-left: 80px;
  }
}
@media screen and (min-width: 101em) {
  .report-split-charts .bar-chart-comparison .bar-chart-definition-wrapper {
    padding-left: 100px;
  }
}

/* DEFINITION PADDING REVERSED */
@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart.bar-chart-reversed.bar-chart-comparison .bar-chart-definition-wrapper {
    padding-right: 0;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart.bar-chart-reversed.bar-chart-comparison .bar-chart-definition-wrapper {
    padding-right: 80px;
  }
}
@media screen and (min-width: 101em) {
  .report-split-charts .bar-chart.bar-chart-reversed.bar-chart-comparison .bar-chart-definition-wrapper {
    padding-right: 100px;
  }
}

/* COMPARISON TITLE */
@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart-comparison-title {
    padding-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart-comparison-title {
    padding-left: 80px;
  }
}
@media screen and (min-width: 101em) {
  .report-split-charts .bar-chart-comparison-title {
    padding-left: 100px;
  }
}

/* COMPARISON TITLE REVERSED */
@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart.bar-chart-reversed .bar-chart-comparison-title {
    padding-right: 0;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart.bar-chart-reversed .bar-chart-comparison-title {
    padding-right: 80px;
  }
}
@media screen and (min-width: 101em) {
  .report-split-charts .bar-chart.bar-chart-reversed .bar-chart-comparison-title {
    padding-right: 100px;
  }
}

/* BAR CHART */
@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart-item {
    display: block;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart-item {
    display: flex;
    font-size: 11px;
    font-size: 0.6875pxrem;
  }
}
@media screen and (min-width: 101em) {
  .report-split-charts .bar-chart-item {
    font-size: 12px;
    font-size: 0.75pxrem;
  }
}

/* BAR CHART FLEX CHILDREN */
@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart-item dt {
    padding-bottom: 2px;
    text-align: left;
    width: auto;
    display: block;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart-item dt {
    padding-bottom: 0;
    width: 150px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 101em) {
  .report-split-charts .bar-chart-item dt {
    width: 180px;
  }
}

@media print, screen and (min-width: 58em) {
  .report-split-charts .bar-chart-comparison .bar-chart-item dt {
    width: auto;
  }
}
@media print, screen and (min-width: 75em) {
  .report-split-charts .bar-chart-comparison .bar-chart-item dt {
    width: 80px;
  }
}
@media print, screen and (min-width: 101em) {
  .report-split-charts .bar-chart-comparison .bar-chart-item dt {
    width: 100px;
  }
}

@media screen and (min-width: 58em) {
  .report-split-charts .bar-chart.bar-chart-reversed .bar-chart-item dt {
    text-align: right;
  }
}
@media screen and (min-width: 75em) {
  .report-split-charts .bar-chart.bar-chart-reversed .bar-chart-item dt {
    text-align: left;
  }
}

/*
------------------------------------------------------------------------------------ DONUT CHART

------------------------------------------------------------------------------------------------
*/
.donut-chart-container {
  margin-bottom: 20px;
  max-width: 250px;
  position: relative;
}

.donut-chart {
  max-width: 250px;
  position: relative;
  margin: 0 0 10px 0;
}

.donut-chart::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.donut-chart-crop {
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.donut-chart-crop::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.donut-chart-crop .donut-chart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}

.donut-chart .svg-donut {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.donut-chart .donut-segment,
.donut-chart .donut-ring {
  stroke-width: 3;
  stroke: #f8ca00;
  fill: transparent;
}

.donut-chart .donut-ring {
  stroke-width: 1;
  stroke: #e1e2e5;
}

/* ANIMATION */
@keyframes donut-chart-anim {
  to {
    stroke-dasharray: 0 100;
  }
}
@media screen {
  .donut-chart.anim-reset .donut-segment {
    stroke-dasharray: 0 100 !important;
  }
  .donut-chart.animating .donut-segment {
    animation: donut-chart-anim 0.8s ease-in reverse;
  }
}
.donut-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 52%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.donut-text dl {
  margin: 0;
  padding: 0;
  text-align: center;
}

.donut-text dt,
.donut-text dd {
  padding: 0 14%;
}

.donut-text dt {
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875pxrem;
}

.donut-text dd {
  line-height: 1;
  font-size: 30px;
  font-size: 1.875pxrem;
  margin-bottom: 0;
  font-weight: 700;
  color: #f8ca00;
}

.donut-note {
  font-size: 14px;
  font-size: 0.875pxrem;
  text-align: center;
  margin-bottom: 0;
}

/* COLOUR VARIATIONS */
/*.donut-chart.donut-chart-growth .donut-segment{
    stroke:$mindset-growth;
}

.donut-chart.donut-chart-growth .donut-text dd {
    color:$mindset-growth;
}

.donut-chart.donut-chart-survival .donut-segment{
    stroke:$mindset-survival;
}

.donut-chart.donut-chart-survival .donut-text dd {
    color:$mindset-survival;
}*/
.donut-chart .donut-segment.donut-segment-growth {
  stroke: #3C8700;
}

.donut-text dd.donut-text-growth {
  color: #3C8700;
}

.donut-chart .donut-segment.donut-segment-survival {
  stroke: #ffdc00;
}

.donut-text dd.donut-text-survival {
  color: #ffdc00;
}

/* DOUBLE DOUNUTS */
.donut-chart.donut-chart-double .donut-segment,
.donut-chart.donut-chart-double .donut-ring {
  stroke-width: 1.5;
}

.donut-chart.donut-chart-double .donut-ring {
  stroke-width: 0.5;
}

.donut-chart.donut-chart-double .svg-donut.svg-donut-double-inner .donut-segment {
  stroke-width: 1.8;
}

.donut-chart.donut-chart-double .svg-donut.svg-donut-double-inner .donut-ring {
  stroke-width: 0.8;
}

.donut-chart.donut-chart-double .svg-donut.svg-donut-double-inner {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}

.donut-chart.donut-chart-double .donut-text dl {
  display: flex;
  flex-wrap: wrap;
}

.donut-chart.donut-chart-double .donut-text dd {
  font-size: 16px;
  font-size: 1pxrem;
}

.donut-chart.donut-chart-double .donut-text dt {
  text-align: right;
  width: 55%;
  padding: 0 0 0 48px;
}

.donut-chart.donut-chart-double .donut-text dd {
  text-align: left;
  width: 45%;
  padding: 0 0 0 6px;
  line-height: 1.4;
}

/* MIN / MAX */
.donut-chart-min-max {
  padding-top: 50%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: visible;
  z-index: 10;
  -webkit-transform-style: preserve-3d;
  transform: rotate(0deg);
  transform-origin: bottom center;
}

.donut-chart-min-max-inner {
  position: absolute;
  top: -24px;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.donut-chart-min-max span {
  display: block;
  font-size: 13px;
  font-size: 0.8125pxrem;
  line-height: 1;
  margin: 0 0 2px 0;
  padding: 0;
  text-align: center;
}

.donut-chart-min-max svg {
  display: block;
  margin: 0 auto;
  position: relative;
}

/*
.donut-chart-min-max-chevron {
    width:19px;
    height:11px;
    background-color: green;
    margin: 0 auto;
}

<svg width="19" height="11" viewBox="0 0 19 11">
                <path fill="#60615c" d="M9.5 11c-.397 0-.779-.158-1.061-.439l-8-8A1.5 1.5 0 1 1 2.56.44L9.5 7.379l6.939-6.94A1.5 1.5 0 1 1 18.56 2.56l-8 8c-.281.282-.663.44-1.06.44z"/>
            </svg>*/
/*
----------------------------------------------------------------------------------- MINDSET GRID

------------------------------------------------------------------------------------------------
*/
.mindset-grid-modal-intro {
  margin-bottom: 10px;
}
.mindset-grid-modal-intro:after {
  clear: both;
  content: "";
  display: table;
}

.mindset-grid {
  margin-bottom: 30px;
  padding-top: 10px;
  overflow-x: scroll; /* has to be 'scroll' for ios Momentum, not 'auto' */
  -webkit-overflow-scrolling: touch;
  overflow-y: visible;
  page-break-inside: avoid;
}
@media print, screen and (min-width: 30em) {
  .mindset-grid {
    overflow-x: visible;
  }
}

.mindset-grid-table {
  position: relative;
  min-width: 360px;
}

.mindset-grid-table > table {
  border-spacing: 6px;
  border-collapse: separate;
  width: 104%;
  height: 100px;
  min-width: 500px;
  margin: -6px -6px 20px -6px;
}
@media print, screen and (min-width: 30em) {
  .mindset-grid-table > table {
    width: 102%;
    min-width: 0;
  }
}
@media print, screen and (min-width: 45em) {
  .mindset-grid-table > table {
    width: 101.5%;
  }
}

.mindset-grid td {
  height: 100%;
  vertical-align: top;
}

.mindset-grid th {
  padding: 3px 16px;
  font-size: 12px;
  font-size: 0.75pxrem;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid th {
    padding: 6px 16px;
    font-size: 18px;
    font-size: 1.125pxrem;
  }
}

.mindset-grid thead th:not(.mindset-grid-title-sub):not(.mindset-grid-title-main) {
  padding: 0;
}

.mindset-grid-title-main {
  background-color: #f8ca00;
  color: #ffffff;
  text-align: left;
}

.mindset-grid.ip-improvement .mindset-grid-title-main {
  background-color: transparent;
  color: #4a4b45;
}

.mindset-grid-title-sub {
  background-color: #f2f4f7;
  text-align: left;
}

.mindset-grid-cell {
  position: relative;
}

.mindset-grid-cell > div {
  padding: 10px 8px;
  min-height: 180px;
  height: 100%;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid-cell > div {
    padding: 16px 16px;
  }
}

.mindset-grid-cell h2 {
  margin-bottom: 12px;
}
@media print, screen and (max-width: 45em) {
  .mindset-grid-cell h2 {
    font-size: 14px;
    font-size: 0.875pxrem;
  }
}

.mindset-grid-cell p {
  color: #303336;
}
@media print, screen and (max-width: 45em) {
  .mindset-grid-cell p {
    font-size: 13px;
    font-size: 0.8125pxrem;
  }
}

.cell-danger {
  background-color: #eed2cc;
}

.cell-success {
  background-color: #e1f0d2;
}

.cell-danger-bordered {
  border: 4px solid #972c15;
}

.cell-success-bordered {
  border: 4px solid #639332;
}

.cell-survival {
  background-color: #fff4c2;
}

.cell-growth {
  background-color: #e4eed4;
}

.cell-survival-bordered {
  border: 4px solid #ffdc00;
}

.cell-growth-bordered {
  border: 4px solid #3C8700;
}

.mindset-grid-cell-block-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.mindset-grid-cell-with-icons {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mindset-grid-cell-with-icons .mindset-grid-cell-content {
  flex: 1 1 auto;
  width: 100%;
}

.mindset-grid-cell-icons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.mindset-grid-cell-icons .icon-ratio {
  margin: 0 0 0 10px;
}

/* FILLED CELLS */
.mindset-grid-cell.cell-survival-fill > div {
  padding-left: 30px;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid-cell.cell-survival-fill > div {
    padding-left: 45px;
  }
}

.mindset-grid-cell.cell-survival-fill.cell-survival-flip > div {
  padding-left: 8px;
  padding-right: 30px;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid-cell.cell-survival-fill.cell-survival-flip > div {
    padding-left: 16px;
    padding-right: 45px;
  }
}

.mindset-grid-cell.cell-growth-fill > div {
  padding-right: 30px;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid-cell.cell-growth-fill > div {
    padding-right: 45px;
  }
}

.mindset-grid-cell.cell-growth-fill.cell-growth-flip > div {
  padding-right: 8px;
  padding-left: 30px;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid-cell.cell-growth-fill.cell-growth-flip > div {
    padding-right: 16px;
    padding-left: 45px;
  }
}

/* ROTATE HEADINGS */
.mindset-grid th.rotate {
  /* Something you can count on */
  width: 24px;
  height: 140px;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  vertical-align: bottom;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid th.rotate {
    width: 38px;
  }
}

.mindset-grid th.rotate > div {
  transform: translate3d(24px, 1px, 0) rotate(-90deg);
  width: 24px;
  transform-origin: left bottom;
  box-sizing: border-box;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid th.rotate > div {
    transform: translate3d(38px, 1px, 0) rotate(-90deg);
    width: 38px;
  }
}

.mindset-grid th.rotate > div > span {
  padding: 5px 10px;
  display: block;
}

.mindset-grid th.rotate.rotate-2-line {
  width: 42px;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid th.rotate.rotate-2-line {
    width: 66px;
  }
}

.mindset-grid th.rotate.rotate-2-line > div {
  transform: translate3d(42px, 1px, 0) rotate(-90deg);
  width: 42px;
  text-align: center;
}
@media print, screen and (min-width: 45em) {
  .mindset-grid th.rotate.rotate-2-line > div {
    transform: translate3d(66px, 1px, 0) rotate(-90deg);
    width: 66px;
  }
}

/* MARKER */
.mindset-grid-overlay {
  position: absolute;
  top: 96px;
  right: 12px;
  bottom: 6px;
  left: 88px;
  overflow: visible;
}

.mindset-grid-marker {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 0;
  left: 0;
}

/* MARKER - USER */
.mindset-grid-marker-user {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 34px;
  left: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72px' height='72px'%3E%3Ccircle fill='%23AFAFAF' cx='36' cy='36' r='35'/%3E%3Ccircle fill='%23FFF' cx='36' cy='26.88' r='14'/%3E%3Cpath fill='%23FFF' d='M57 60.01c0 3.19-9.4 8.94-21 8.94s-21-5.62-21-8.94c0-11.6 9.4-21 21-21s21 9.4 21 21z'/%3E%3Cpath fill='%23972c15' d='M36 0v6C19.46 6 6 19.46 6 36s13.46 30 30 30v6C16.12 72 0 55.88 0 36S16.12 0 36 0z'/%3E%3Cpath fill='%23639332' d='M36 0v6c16.54 0 30 13.46 30 30S52.54 66 36 66v6c19.88 0 36-16.12 36-36S55.88 0 36 0z'/%3E%3C/svg%3E") 0 0 no-repeat;
  border-radius: 50%;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

.mindset-grid.ip-improvement .mindset-grid-marker-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72px' height='72px'%3E%3Ccircle fill='%23AFAFAF' cx='36' cy='36' r='35'/%3E%3Ccircle fill='%23FFF' cx='36' cy='26.88' r='14'/%3E%3Cpath fill='%23FFF' d='M57 60.01c0 3.19-9.4 8.94-21 8.94s-21-5.62-21-8.94c0-11.6 9.4-21 21-21s21 9.4 21 21z'/%3E%3Cpath fill='%23ffdc00' d='M36 0v6C19.46 6 6 19.46 6 36s13.46 30 30 30v6C16.12 72 0 55.88 0 36S16.12 0 36 0z'/%3E%3Cpath fill='%233C8700' d='M36 0v6c16.54 0 30 13.46 30 30S52.54 66 36 66v6c19.88 0 36-16.12 36-36S55.88 0 36 0z'/%3E%3C/svg%3E");
}

/* MARKER - ARROW */
.mindset-grid-marker-arrow {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  transform: rotate(0deg);
}

.mindset-grid-marker-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140px' height='140px'%3E%3Cpath fill='%23639332' d='M87.56 20.97L72.44 1.31c-1.34-1.74-3.54-1.74-4.88 0L52.44 20.97c-1.34 1.74-.64 3.17 1.56 3.17h7V70h18V24.14h7c2.2 0 2.9-1.43 1.56-3.17z'/%3E%3C/svg%3E") 0 0 no-repeat;
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

.mindset-grid.ip-improvement .mindset-grid-marker-arrow::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140px' height='140px'%3E%3Cpath fill='%233C8700' d='M87.56 20.97L72.44 1.31c-1.34-1.74-3.54-1.74-4.88 0L52.44 20.97c-1.34 1.74-.64 3.17 1.56 3.17h7V70h18V24.14h7c2.2 0 2.9-1.43 1.56-3.17z'/%3E%3C/svg%3E");
}

.mindset-grid-marker-arrow.arrow-angle-0 {
  display: block;
  transform: rotate(0deg);
}

.mindset-grid-marker-arrow.arrow-angle-35 {
  display: block;
  transform: rotate(35deg);
}

.mindset-grid-marker-arrow.arrow-angle-45 {
  display: block;
  transform: rotate(45deg);
}

.mindset-grid-marker-arrow.arrow-angle-70 {
  display: block;
  transform: rotate(70deg);
}

.mindset-grid-marker-arrow.arrow-angle-90 {
  display: block;
  transform: rotate(90deg);
}

/* JS ENABLED */
.mindset-grid-btn {
  display: none;
}

.js .mindset-grid-btn {
  display: block;
}

.js .mindset-grid-marker-user {
  transform: scale(0);
}

.js .mindset-grid-marker-arrow::before {
  transform: scale(0);
}

.js .mindset-grid.show-marker .mindset-grid-marker-user {
  transform: scale(1);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.js .mindset-grid.show-arrow .mindset-grid-marker-arrow::before {
  transform: scale(1);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*
-------------------------------------------------------------------------- MINDSET GRID ACTIVITY

------------------------------------------------------------------------------------------------
*/
.ms-grid-drag-container {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: -1px;
  left: 0;
  touch-action: none;
  overflow: hidden;
  padding: 0 !important;
  min-height: auto !important;
}

.ms-grid-drag-bounding {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 40px;
  left: 0;
}

.ms-grid-drag-box {
  position: absolute;
  top: -40px;
  left: -40px;
  right: 100%;
  bottom: 100%;
  opacity: 0.4;
  transform: translate(40px, 40px);
}

.ms-grid-drag-box::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #972c15;
  box-shadow: 0 0 10px 10px #972c15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mindset-grid.ip-improvement .ms-grid-drag-box::before {
  background-color: #ffdc00;
  box-shadow: 0 0 10px 10px #ffdc00;
}

.ms-grid-drag-container.ms-grid-drag-container-success .ms-grid-drag-box::before {
  background-color: #3C8700;
  box-shadow: 0 0 10px 10px #3C8700;
}

.ms-grid-drag-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background: transparent;
  border: 0;
}

/* INPUT */
.ms-grid-drag-output {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: calc(100% - 20px);
}

/* DIRECTIONS */
.ms-grid-drag-container.ms-grid-drag-north .ms-grid-drag-handle {
  top: calc(100% - 40px);
}

.ms-grid-drag-container.ms-grid-drag-north .ms-grid-drag-box {
  bottom: 0;
  top: calc(100% - 40px);
}

.ms-grid-drag-container.ms-grid-drag-west .ms-grid-drag-handle {
  left: calc(100% - 40px);
}

.ms-grid-drag-container.ms-grid-drag-west .ms-grid-drag-box {
  right: 0;
  left: calc(100% - 40px);
}

/* CURSORS */
.ms-grid-drag-handle:enabled {
  cursor: nwse-resize;
}

.ms-grid-drag-container.ms-grid-drag-north.ms-grid-drag-east .ms-grid-drag-handle:enabled,
.ms-grid-drag-container.ms-grid-drag-south.ms-grid-drag-west .ms-grid-drag-handle:enabled {
  cursor: nesw-resize;
}

/* BOX BLUR OFFSET */
.ms-grid-drag-container.ms-grid-drag-north .ms-grid-drag-box::before {
  bottom: -10px;
}

.ms-grid-drag-container.ms-grid-drag-south .ms-grid-drag-box::before {
  top: -10px;
}

.ms-grid-drag-container.ms-grid-drag-east .ms-grid-drag-box::before {
  left: -10px;
}

.ms-grid-drag-container.ms-grid-drag-west .ms-grid-drag-box::before {
  right: -10px;
}

/* HANDLE TRIANGLES */
.ms-grid-drag-handle::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  margin: 0;
  position: absolute;
  transition: opacity 0.1s linear;
  opacity: 0;
}

.ms-grid-drag-container.ms-grid-drag-container-focussed .ms-grid-drag-handle::before,
.ms-grid-drag-handle:not(:disabled):hover::before,
.ms-grid-drag-handle:not(:disabled):focus::before {
  opacity: 1;
}

.ms-grid-drag-container.ms-grid-drag-north.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-width: 0 20px 20px 0;
  border-color: transparent #972c15 transparent transparent;
  top: 40px;
  right: 40px;
}

.ms-grid-drag-container.ms-grid-drag-container-success.ms-grid-drag-north.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-color: transparent #3C8700 transparent transparent;
}

.ms-grid-drag-container.ms-grid-drag-south.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #972c15 transparent;
  bottom: 40px;
  right: 40px;
}

.ms-grid-drag-container.ms-grid-drag-container-success.ms-grid-drag-south.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-color: transparent transparent #3C8700 transparent;
}

.ms-grid-drag-container.ms-grid-drag-south.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #972c15;
  bottom: 40px;
  left: 40px;
}

.ms-grid-drag-container.ms-grid-drag-container-success.ms-grid-drag-south.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-color: transparent transparent transparent #3C8700;
}

.ms-grid-drag-container.ms-grid-drag-north.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-width: 20px 20px 0 0;
  border-color: #972c15 transparent transparent transparent;
  top: 40px;
  left: 40px;
}

.ms-grid-drag-container.ms-grid-drag-container-success.ms-grid-drag-north.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-color: #3C8700 transparent transparent transparent;
}

.mindset-grid.ip-improvement .ms-grid-drag-container.ms-grid-drag-north.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-color: transparent #ffdc00 transparent transparent;
}

.mindset-grid.ip-improvement .ms-grid-drag-container.ms-grid-drag-south.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-color: transparent transparent #ffdc00 transparent;
}

.mindset-grid.ip-improvement .ms-grid-drag-container.ms-grid-drag-south.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-color: transparent transparent transparent #ffdc00;
}

.mindset-grid.ip-improvement .ms-grid-drag-container.ms-grid-drag-north.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-color: #ffdc00 transparent transparent transparent;
}

.mindset-grid.ip-improvement .ms-grid-drag-container.ms-grid-drag-container-success.ms-grid-drag-north.ms-grid-drag-west .ms-grid-drag-handle::before {
  border-color: #3C8700 transparent transparent transparent;
}

.mindset-grid.ip-improvement .ms-grid-drag-container.ms-grid-drag-container-success.ms-grid-drag-north.ms-grid-drag-east .ms-grid-drag-handle::before {
  border-color: transparent #3C8700 transparent transparent;
}

/* STATS TABLE */
.mindset-grid-stat-table > table {
  width: 100%;
  border-spacing: 6px;
  margin: -6px -6px 20px -6px;
  border-collapse: separate;
}

.stat-block .mindset-grid-stat-table > table {
  margin-bottom: 0;
}

.mindset-grid-stat-table .mindset-grid-stat-cell-survival {
  background-color: #ffdc00;
}

.mindset-grid-stat-table .mindset-grid-stat-cell-growth {
  background-color: #3C8700;
}

.mindset-grid-stat-table .text-survival,
.mindset-grid-stat-table .text-growth {
  display: block;
  margin-bottom: 0;
}

.mindset-grid-stat-table td > div {
  min-height: 50px;
  padding: 10px;
}

.mindset-grid-input {
  display: flex;
  position: absolute;
  z-index: 9999;
}

.mindset-grid-input.left {
  justify-content: left;
  padding-left: 5px;
  padding-bottom: 5px;
  width: 50%;
  bottom: 0;
  left: 0;
}

.mindset-grid-input.right {
  justify-content: right;
  padding-right: 5px;
  padding-bottom: 5px;
  width: 50%;
  bottom: 0;
  right: 0;
}

/*
----------------------------------------------------------------------------------- PRINT STYLES

------------------------------------------------------------------------------------------------
*/
@media print {
  .mindset-grid-btn {
    display: none !important;
  }
  .mindset-grid-marker-user {
    transform: scale(0.6) !important;
    transition: none;
    box-shadow: none;
  }
  .mindset-grid-marker-arrow::before {
    transform: scale(0.6) !important;
    transition: none;
  }
}
/*
---------------------------------------------------------------------------------- SPLIT CONTENT

------------------------------------------------------------------------------------------------
*/
.split-content-title {
  background-color: #f8ca00;
  padding: 4px 16px;
}

.split-content-title h2,
.split-content-title h3 {
  margin: 0;
}

.split-content-item {
  padding: 16px 16px 0 16px;
  background-color: #f2f4f7;
}
.split-content-item:after {
  clear: both;
  content: "";
  display: table;
}

@media print, screen and (min-width: 45em) {
  .split-content-row {
    display: flex;
  }
  .split-content-row .split-content-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}
.range-slider {
  position: relative;
  margin: 0 0 20px 0;
  height: 40px;
}

.range-slider::before {
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  top: 17px;
  left: 4px;
  right: 4px;
  background-color: #eff0f1;
  border: 1px solid #dcdcdc;
  background-color: #d9edf7;
  border-color: #b5d5db;
  border-radius: 3px;
  pointer-events: none;
}

.range-thumb {
  width: 32px;
  height: 24px;
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: border 0.1s linear, box-shadow 0.1s linear;
  pointer-events: none;
}

.range-thumb .range-thumb-label {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 60px;
  text-align: center;
  margin: 4px 0 0 -30px;
  padding: 0;
}

/* POINTER CHEVRON */
.range-thumb::before,
.range-thumb::after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.1s linear;
}

.range-thumb::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='12px'%3E%3Cg%3E%3Cpath fill='%23303336' d='M4.223,12L0,6l4.223-6L5,0.706L1.271,6L5,11.295L4.223,12z'/%3E%3Cpath fill='%23303336' d='M15,11.295L18.729,6L15,0.706L15.777,0L20,6l-4.223,6L15,11.295z'/%3E%3C/g%3E%3C/svg%3E");
}

.range-thumb::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='12px'%3E%3Cg%3E%3Cpath fill='%2393579a' d='M4.223,12L0,6l4.223-6L5,0.706L1.271,6L5,11.295L4.223,12z'/%3E%3Cpath fill='%2393579a' d='M15,11.295L18.729,6L15,0.706L15.777,0L20,6l-4.223,6L15,11.295z'/%3E%3C/g%3E%3C/svg%3E");
  z-index: 2;
  opacity: 0;
}

/* USER THUMB */
.range-thumb.range-thumb-user {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-width: 2px;
  border-color: #a6a6a6;
  background-color: #d2d2d3;
}

.range-thumb.range-thumb-user::before {
  width: 40px;
  height: 40px;
  top: -2px;
  left: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Ccircle fill='%23FFF' cx='20' cy='14' r='8'/%3E%3Cpath fill='%23FFF' d='M32 32.5c0 1.83-5.37 5.5-12 5.5S8 34.39 8 32.5C8 25.87 13.37 21 20 21s12 4.88 12 11.5z'/%3E%3C/svg%3E");
}

.range-thumb.range-thumb-user::after {
  display: none;
}

@keyframes pulseBorder {
  0% {
    border-color: #c0c0c0;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
  }
  50% {
    border-color: #93579a;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    border-color: #c0c0c0;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
  }
}
@keyframes pulseOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulseUserBg {
  0% {
    border-color: #a6a6a6;
    background-color: #d2d2d3;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
  }
  50% {
    border-color: #93579a;
    background-color: #b5d5db;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    border-color: #a6a6a6;
    background-color: #d2d2d3;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
  }
}
.range-thumb.range-thumb-pulse {
  animation: pulseBorder 1.2s infinite;
}

.range-thumb.range-thumb-pulse:after {
  animation: pulseOpacity 1.2s infinite;
}

.range-thumb.range-thumb-user.range-thumb-pulse {
  animation: pulseUserBg 1.2s infinite;
}

/*
.range-slider-dragger.range-slider-dragger-pulse .range-slider-dragger-inner {
    animation: pulseBorder 1.5s infinite;
}

.range-slider-dragger.range-slider-dragger-pulse:after .range-slider-dragger-inner {
    animation: pulseOpacity 1.5s infinite;
}

.range-slider-dragger.range-slider-dragger-pulse:hover .range-slider-dragger-inner,
.range-slider-dragger.range-slider-dragger-pulse:hover:after .range-slider-dragger-inner {
    animation-play-state: paused;
}

.range-slider-dragger.range-slider-dragger-pulse.active .range-slider-dragger-inner,
.range-slider-dragger.range-slider-dragger-pulse.active:after .range-slider-dragger-inner {
    animation:none;
}
*/
/* STATES */
.range-slider.focus .range-thumb {
  border-color: #93579a;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #93579a;
}

.range-slider:hover .range-thumb {
  border-color: #93579a;
}

.range-slider:hover .range-thumb:after,
.range-slider.focus .range-thumb:after {
  opacity: 1;
}

.range-slider:hover .range-thumb.range-thumb-pulse,
.range-slider:hover .range-thumb.range-thumb-pulse:after,
.range-thumb.range-thumb-pulse.active,
.range-thumb.range-thumb-pulse.active:after {
  animation: none;
}

/* DISABLED */
.range-slider.disabled::before {
  background-color: #eff0f1;
  border-color: #dcdcdc;
}

.range-slider.disabled.focus .range-thumb,
.range-slider.disabled:hover .range-thumb {
  border-color: #c0c0c0;
}

.range-slider.disabled.focus .range-thumb.range-thumb-user,
.range-slider.disabled:hover .range-thumb.range-thumb-user {
  border-color: #a6a6a6;
}

.range-slider.disabled:hover .range-thumb:after,
.range-slider.disabled.focus .range-thumb:after {
  opacity: 0;
}

.range-slider.disabled .range-thumb.range-thumb-pulse,
.range-slider.disabled .range-thumb.range-thumb-pulse:after {
  animation: none !important;
}

.range-slider [type=range] {
  -webkit-appearance: none;
  background: transparent;
  margin: 0;
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.range-slider [type=range]::-moz-focus-outer {
  border: 0;
}
.range-slider [type=range]:focus {
  outline: 0;
}
.range-slider [type=range]::-webkit-slider-runnable-track {
  cursor: default;
  height: 40px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
.range-slider [type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  cursor: default;
  height: 40px;
  width: 40px;
  position: relative;
  opacity: 0;
  -webkit-appearance: none;
}
.range-slider [type=range]::-moz-range-track {
  cursor: default;
  height: 40px;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
.range-slider [type=range]::-moz-range-thumb {
  box-sizing: border-box;
  cursor: default;
  height: 40px;
  width: 40px;
  position: relative;
  opacity: 0;
}
.range-slider [type=range]::-ms-track {
  cursor: default;
  height: 40px;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-slider [type=range]::-ms-thumb {
  box-sizing: border-box;
  cursor: default;
  height: 40px;
  width: 40px;
  position: relative;
  opacity: 0;
}
.range-slider [type=range]:disabled::-webkit-slider-thumb, .range-slider [type=range]:disabled::-moz-range-thumb, .range-slider [type=range]:disabled::-ms-thumb, .range-slider [type=range]:disabled::-webkit-slider-runnable-track, .range-slider [type=range]:disabled::-ms-fill-lower, .range-slider [type=range]:disabled::-ms-fill-upper {
  cursor: not-allowed;
}

.range-slider [type=range]:enabled::-webkit-slider-thumb {
  cursor: pointer;
}
.range-slider [type=range]:enabled::-moz-range-thumb {
  cursor: pointer;
}
.range-slider [type=range]:enabled::-ms-thumb {
  cursor: pointer;
}

/*
--------------------------------------------------------------------- TRUNCATED BLOCK OF CONTENT

------------------------------------------------------------------------------------------------
*/
.js .truncated-block {
  position: relative;
}

.js .truncated-block-inner {
  overflow: hidden;
  max-height: 480px;
  position: relative;
  transition: max-height 0.4s ease-in-out;
}

.js .truncated-block-inner.truncated-block-tall {
  transition: max-height 0.8s ease-in-out;
}

.js .truncated-block-inner.truncated-block-no-height {
  max-height: 0;
}

.js .truncated-block-inner.truncated-block-inner-fade:after {
  content: "";
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 95%);
  opacity: 1;
  transition: opacity 0.4s linear;
}

.js .truncated-block.animating .truncated-block-inner.truncated-block-inner-fade:after {
  opacity: 0;
}

.js .truncated-block.active .truncated-block-inner.truncated-block-inner-fade:after {
  display: none;
}

/* BUTTON */
.truncated-block-btn {
  display: none;
}

.js .truncated-block-btn {
  display: block;
  opacity: 1;
  transition: opacity 0.4s linear;
}

.js .truncated-block-no-hide .truncated-block-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.js .truncated-block-no-hide.animating .truncated-block-btn,
.js .truncated-block-no-hide-relative.animating .truncated-block-btn {
  opacity: 0;
}

.js .truncated-block-no-hide.active .truncated-block-btn,
.js .truncated-block-no-hide-relative.active .truncated-block-btn {
  display: none;
}

/* ARROW IN BUTTON */
.truncated-block-btn .icon-ratio {
  transition: transform 0.2s ease-out;
}

.truncated-block.animating > .truncated-block-btn .icon-ratio {
  transform: rotate(90deg);
}

/*
----------------------------------------------------------------------------- SOLID BLOCK BUTTON

------------------------------------------------------------------------------------------------
*/
.truncated-block-solid-btn {
  display: block;
  position: relative;
  padding: 10px 16px;
  margin: 0 0 16px 0;
  background-color: #f2f4f7;
  color: #303336;
  text-decoration: none;
  border-radius: 4px;
}

.truncated-block-solid-btn::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cpath fill='%23303336' d='M11 4.5H7.5V1c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1v3.5H1c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h3.5V11c0 .55.45 1 1 1h1c.55 0 1-.45 1-1V7.5H11c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1z'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -6px;
}

.truncated-block-solid-btn:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cpath fill='%23246eb7' d='M11 4.5H7.5V1c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1v3.5H1c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h3.5V11c0 .55.45 1 1 1h1c.55 0 1-.45 1-1V7.5H11c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1z'/%3E%3C/svg%3E");
}

.truncated-block.animating .truncated-block-solid-btn::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cpath fill='%23303336' d='M12 6.5c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v1z'/%3E%3C/svg%3E");
}

.truncated-block.animating .truncated-block-solid-btn:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cpath fill='%23246eb7' d='M12 6.5c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v1z'/%3E%3C/svg%3E");
}

.truncated-block-solid-btn:focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #246eb7;
}

.truncated-block-inner.truncated-block-inner-indent {
  padding: 0 16px;
}

/*
----------------------------------------------------------------------------------- PRINT STYLES

------------------------------------------------------------------------------------------------
*/
@media print {
  .js .truncated-block-btn {
    display: none;
  }
  .js .truncated-block-inner,
  .js .truncated-block-inner.truncated-block-no-height {
    max-height: none;
  }
}
/*
---------------------------------------------------------------------------------- STICKY TITLES

------------------------------------------------------------------------------------------------
*/
/* Sticky title */
.scroll-to-top {
  display: block;
  display: block;
  overflow: hidden;
  word-wrap: normal; /* WORD WRAP IS IMPORTANT!! */
  white-space: nowrap;
  text-indent: 101%;
  width: 60px;
  height: 44px;
  position: fixed;
  bottom: 0;
  right: 40px;
  z-index: 2010;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
  background-color: #ffffff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
  transform: translateY(44px);
  transition: transform 0.2s ease-out;
}

.scroll-to-top::before {
  content: "";
  display: block;
  width: 21px;
  height: 14px;
  position: absolute;
  top: 13px;
  left: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21px' height='14px'%3E%3Cg%3E%3Cpath fill='%23303336' d='M9.72 6.36c.43-.47 1.14-.47 1.57 0l6.65 7.28c.43.47 1.14.47 1.57 0l1.17-1.29c.43-.47.43-1.24 0-1.71L11.28.35c-.43-.47-1.14-.47-1.56 0L.32 10.64c-.43.47-.43 1.24 0 1.72l1.17 1.29c.43.47 1.14.47 1.56 0l6.67-7.29z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.6;
  transition: opacity 0.1s linear;
}

.show-scroll-top .scroll-to-top {
  transform: translateY(4px);
}

.scroll-to-top:hover,
.show-scroll-top .scroll-to-top:hover {
  transform: translateY(0);
}

.scroll-to-top:hover::before {
  opacity: 1;
}

/*
-------------------------------------------------------------------------- VIDEO / AUDIO PLAYERS

------------------------------------------------------------------------------------------------
*/
/* VIDEO PLAYER BASE STYLES */
.ms-video-player,
.ms-audio-player {
  max-width: 640px;
  margin-bottom: 30px;
}

.ms-video-player .video-js.vjs-16-9 {
  background-color: #f2f4f7;
}

.vjs-poster {
  background-color: #f2f4f7;
}

.video-js {
  background-color: #ffffff;
}

/* HIDE CLICK OUTLINE */
.ms-video-player:focus,
.video-js:focus,
.vjs-tech:focus,
.vjs-poster:focus,
.vjs-text-track-display:focus {
  /*Remove comma from end*/
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/*
----------------------------------------------------------------------------------  AUDIO PLAYER

------------------------------------------------------------------------------------------------
*/
/* AUDIO PLAYER STYLES */
/* Stop default player loading */
.js .ms-audio-player .video-js {
  display: none;
}

.js .ms-audio-player .video-js.vjs-audio {
  display: block;
}

/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button,
.video-js.vjs-audio .vjs-text-track-display {
  display: none;
}

/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
  display: flex;
}

/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
  min-height: 3em;
}

/*
----------------------------------------------------------------------------------------- RATERS

------------------------------------------------------------------------------------------------
*/
.manage-raters-intro {
  position: relative;
}

.rater-group-header {
  margin-bottom: 10px;
}
@media screen and (min-width: 45em) {
  .rater-group-header {
    display: flex;
  }
}

.rater-group-header-title {
  flex: 1 1 auto;
  padding-top: 4px;
}
@media screen and (min-width: 45em) {
  .rater-group-header-title {
    padding-top: 0;
  }
}

.rater-group-header-title h3 {
  margin-bottom: 4px;
}

.rater-group-header-btn {
  flex: 1 1 auto;
}
@media screen and (min-width: 45em) {
  .rater-group-header-btn {
    text-align: right;
    flex: 1 0 560px;
  }
}

@media screen and (min-width: 45em) {
  .rater-group-header-btn .btn {
    margin-right: 0;
    margin-left: 20px;
  }
}

.rater-group-header-btn .btn:first-child {
  margin-left: 0;
}

.rater-group {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.rater-no-results-message.hidden {
  display: none;
}

.rater-no-results-message {
  background-color: #f9f9f9;
}

.rater-no-results-message:hover {
  cursor: pointer;
}

@media screen and (min-width: 45em) {
  .rater-no-results-message td {
    border: 1px solid #bebebe !important;
  }
}

/* TABLE WIDTHS */
.rater-cell-name {
  width: 16%;
}

.rater-cell-email {
  width: 22%;
}

.rater-cell-invite-status {
  width: 22%;
}

.rater-cell-q-status {
  width: 16%;
}

.rater-cell-actions {
  width: 22%;
  min-width: 190px;
}

/* UI ANIMATIONS */
/* DISABLED ROW */
.rater-group table tr.disabled td {
  position: relative;
}

.rater-group table tr.disabled td:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.rater-group table tr.disabled.animating td:after {
  opacity: 0.3;
}

tr.highlight,
.table-striped > tbody > tr.highlight:nth-of-type(2n+1) {
  background-color: #f2fbff;
}

/* FADE / BG ROW */
.rater-group table tr {
  opacity: 1;
}

.rater-group table tr.table-fade-out-row {
  opacity: 0;
}

tr.animating {
  transition: background-color 0.3s linear, opacity 0.3s linear;
}

/* COLLAPSE ROW */
.rater-anim-cell {
  height: auto;
  overflow: hidden;
}

.rater-anim-cell.animating {
  transition: height 0.3s ease-out;
}

/* INVITE EMAIL HTML TEMPLATE */
.rater-invite-content-missing {
  padding: 12px;
  margin-bottom: 20px;
  text-align: center;
  font-style: italic;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  border-radius: 4px;
}
.rater-invite-content-missing:after {
  clear: both;
  content: "";
  display: table;
}

.rater-invite-content-missing p:last-child {
  margin: 0;
}

/*
---------------------------------------------------------------------------------- HABIT TRACKER

------------------------------------------------------------------------------------------------
*/
.habit-tracker {
  position: relative;
}

.pht-list {
  max-width: 540px;
}

.pht-item {
  display: block;
  text-decoration: none;
  font-weight: 400;
  position: relative;
}

.pht-item,
.pht-item:hover {
  color: #4a4b45;
}

.pht-block {
  position: relative;
  background-color: #ffffff;
  border: 2px solid #bebebe;
  border-radius: 4px;
  padding: 6px 12px;
  margin: 0 0 20px 0;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear;
}

.pht-item:hover .pht-block {
  background-color: #fafbfd;
  border-color: #8c8c8c;
}

/* INTRO */
.pht-intro {
  padding-bottom: 20px;
}

@media screen and (min-width: 30em) {
  .pht-intro.pht-intro-with-aside {
    display: flex;
  }
  .pht-intro.pht-intro-with-aside .pht-intro-aside {
    margin-left: auto;
    text-align: right;
  }
}
/* TEXT */
.pht-month {
  margin-bottom: 10px;
  font-weight: 600;
}

.pht-block-grid-intro,
.pht-block-grid-count,
.pht-block-grid-date {
  display: none;
}

.pht-block-day {
  font-weight: 600;
  padding-right: 10px;
  line-height: 24px;
}

.pht-block-date {
  line-height: 24px;
}

.pht-block-emotion {
  display: block;
  font-weight: 600;
}

/* ICON */
.pht-icon {
  width: 18px;
  height: 18px;
  background-color: pink;
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}

/* TODAY */
.pht-item.pht-item-today .pht-block {
  border-color: #93579a;
}

.pht-item.pht-item-today .pht-block-grid-date {
  font-weight: 600;
}

/* COMPLETED */
.pht-item.pht-item-completed,
.pht-item.pht-item-not-completed .pht-block {
  padding-right: 30px;
}
@media screen and (min-width: 30em) {
  .pht-item.pht-item-completed,
  .pht-item.pht-item-not-completed .pht-block {
    padding-right: 0;
  }
}

.pht-item.pht-item-completed .pht-block {
  color: #ffffff;
  border-color: #639332;
  background-color: #639332;
}

.pht-item.pht-item-completed:hover .pht-block {
  border-color: #74a443;
  background-color: #74a443;
}

.pht-item.pht-item-completed .pht-icon {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zM7.84 13.58L4.13 9.87l1.41-1.41 2.3 2.3 4.95-4.95 1.41 1.41-6.36 6.36z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

/* NOT COMPLETED */
.pht-item.pht-item-not-completed .pht-block {
  /*
  color: $white;
  border-color: $mindset-danger;
  background-color: $mindset-danger;
  */
  color: #000000;
  border-color: #ffdc00;
  background-color: #ffdc00;
}

.pht-item.pht-item-not-completed:hover .pht-block {
  border-color: #fee25a;
  background-color: #fee25a;
}

.pht-item.pht-item-not-completed .pht-icon {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px'%3E%3Cg%3E%3Cpath fill='%23000000' d='M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm3.54 11.12l-1.41 1.41L9 10.41l-2.12 2.12-1.41-1.41L7.59 9 5.46 6.88l1.41-1.41L9 7.59l2.12-2.12 1.41 1.41L10.41 9l2.13 2.12z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

/* GRID VIEW */
@media screen and (min-width: 30em) {
  .pht-list.pht-grid {
    max-width: none;
  }
  .pht-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -16px;
  }
  .pht-grid .pht-item {
    flex: 0 0 auto;
    width: 152px;
    padding: 30px 15px 0 15px;
  }
  .pht-grid .pht-block {
    text-align: center;
    margin-bottom: 30px;
    padding: 6px;
  }
  .pht-grid .pht-month {
    position: absolute;
    top: 0;
    left: 15px;
    width: 400px;
  }
  .pht-grid .pht-block-grid-count {
    display: block;
    font-size: 50px;
    font-size: 3.125pxrem;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 500;
  }
  .pht-grid .pht-block-day,
  .pht-grid .pht-block-date,
  .pht-grid .pht-block-emotion {
    display: none;
  }
  .pht-grid .pht-block-grid-intro,
  .pht-grid .pht-block-grid-count,
  .pht-grid .pht-block-grid-date {
    display: block;
  }
  .pht-grid .pht-icon {
    top: 6px;
    right: 6px;
  }
}
/* AFTER / BEFORE */
@media screen and (min-width: 30em) {
  .pht-grid .pht-item-completed-after .pht-block::after,
  .pht-grid .pht-item-completed-before .pht-block::before {
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: -17px;
    margin-top: -1px;
    background-color: #639332;
  }
  .pht-grid .pht-item-completed-before .pht-block::before {
    right: auto;
    left: -17px;
  }
}
/* GRID / LIST BUTTONS */
.pht-grid-list-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
@media screen and (min-width: 30em) {
  .pht-grid-list-links {
    display: block;
  }
}

.habit-tracker .pht-grid-list-links {
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 10;
}

.pht-grid-list-links li {
  float: left;
}

.pht-grid-list-links li span {
  line-height: 40px;
  padding-right: 6px;
}

.pht-grid-list-links li a {
  display: block;
  padding: 12px 6px;
  opacity: 0.6;
  transition: opacity 0.15s linear;
}

.pht-grid-list-links li a:hover,
.pht-grid-list-links li a.active {
  opacity: 1;
}

.pht-grid-list-links .icon-ratio {
  width: 16px;
  min-width: 16px;
}

/* FADE OUT / SWITCH */
.pht-list {
  position: relative;
}

.pht-list::after {
  content: "";
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  display: none;
  transition: opacity 0.2s linear;
  z-index: 2;
}

.pht-list.show::after {
  display: block;
}

.pht-list.animating::after {
  opacity: 1;
}

/* EDIT HABIT MODAL */
.edit-habit-modal-grid-img {
  display: none;
}

@media screen and (min-width: 45em) {
  .mfp-modal.edit-habit-modal {
    max-width: 970px;
  }
  .edit-habit-modal-grid {
    display: flex;
  }
  .edit-habit-modal-grid-img {
    flex: 0 1 50%;
    order: 2;
    padding-left: 30px;
    display: block;
  }
  .edit-habit-modal-grid-form {
    flex: 0 1 50%;
    order: 1;
  }
}
/* PROGRESS */
.habit-progress-container {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  height: 100px;
  padding-top: 20px;
  box-shadow: 0 -4px 6px 0px rgba(0, 0, 0, 0.05);
  z-index: 10;
}
@media screen and (min-width: 30em) {
  .habit-progress-container {
    height: 80px;
  }
}

.habit-progress-container-offset {
  height: 100px;
}
@media screen and (min-width: 30em) {
  .habit-progress-container-offset {
    height: 80px;
  }
}

.habit-progress-labels {
  display: flex;
}

.habit-progress-labels p {
  font-weight: 700;
  margin-bottom: 8px;
}
@media screen and (max-width: 45em) {
  .habit-progress-labels p {
    font-size: 12px;
    font-size: 0.75pxrem;
  }
}

.habit-progress-labels p:last-child {
  text-align: right;
  margin-left: auto;
}

/* VIEW COMMITMENTS MODAL */
/*
---------------------------------------------------------------------------- HABIT TRACKER INTRO

------------------------------------------------------------------------------------------------
*/
/* PHT = PARTICIPANT HABIT TRACKER */
/* TEXT */
.pht-intro-block {
  margin-bottom: 30px;
}

.pht-intro-block-title {
  text-transform: uppercase;
  margin-bottom: 4px;
  font-weight: 600;
}

/* GRID */
@media screen and (min-width: 30em) {
  .pht-intro-block {
    display: flex;
  }
  .pht-intro-block-img {
    flex: 1 1 80px;
    min-width: 80px;
    max-width: 80px;
  }
  .pht-intro-block-content {
    padding-left: 30px;
    margin-top: -4px;
  }
}
/* HORIZONTAL GRID */
@media screen and (min-width: 45em) {
  .pht-intro-grid {
    display: flex;
  }
  .pht-intro-grid .pht-intro-block {
    display: block;
    flex-basis: calc(60px + ((100% - 330px) / 12 * 3));
    max-width: calc(60px + ((100% - 330px) / 12 * 3));
    margin-right: 30px;
  }
  .pht-intro-grid .pht-intro-block:nth-child(4) {
    margin-right: 0;
  }
  .pht-intro-grid .pht-intro-block-img {
    flex: none;
    min-width: auto;
    max-width: 140px;
  }
  .pht-intro-grid .pht-intro-block-content {
    padding-left: 0;
    margin-top: 0;
  }
}
/* COLOUR VARIANTS */
.pht-intro-block-content span {
  font-weight: 600;
}

.pht-intro-block.pht-intro-block-flag .pht-intro-block-title,
.pht-intro-block.pht-intro-block-flag .pht-intro-block-content span,
.pht-colour-flag {
  color: #93579a;
}

.pht-intro-block.pht-intro-block-action .pht-intro-block-title,
.pht-intro-block.pht-intro-block-action .pht-intro-block-content span,
.pht-colour-action {
  color: #246eb7;
}

.pht-intro-block.pht-intro-block-benchmark .pht-intro-block-title,
.pht-intro-block.pht-intro-block-benchmark .pht-intro-block-content span,
.pht-colour-benchmark {
  color: #538d46;
}

.pht-intro-block.pht-intro-block-buddy-up .pht-intro-block-title,
.pht-intro-block.pht-intro-block-buddy-up .pht-intro-block-content span,
.pht-colour-buddy-up {
  color: #bbc510;
}

/*$mindset-purple: #93579a;
$mindset-blue: #3d7ebf;
$mindset-yellow: #f8ca00;
$mindset-green: #bbc510;
$mindset-orange: #d87b0f;*/
/*
--------------------------------------------------------------------------------------- WOOKBOOK

------------------------------------------------------------------------------------------------
*/
/* AN EXTENSION OF SITE-REPORTS CSS */
.report-section.workbook-section {
  padding: 15px;
}

.workbook-image {
  position: relative;
}

.workbook-section img {
  width: 100%;
  display: block;
  margin-bottom: 0;
}

@media screen and (min-width: 45em) {
  .report-main.workbook-main {
    max-width: 1400px;
  }
}
/* Fixed Ratio - isn't used as wanted any image size to be uploaded */
.workbook-image-ratio {
  position: relative;
  width: 100%;
  padding-top: 70.4201680672%;
}

.workbook-image-ratio img {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 0.2s linear;
}

.workbook-image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}

/* Loading spinner */
.workbook-image .css-spinner {
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -12px;
  z-index: 2;
}

.workbook-image-ratio .css-spinner {
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -12px;
  z-index: 2;
}

.workbook-image .is-image-loaded + .css-spinner-show {
  display: none;
}

.workbook-image .js-workbook-image-lazy {
  opacity: 0;
}

.workbook-image .js-workbook-image-lazy.is-image-loaded {
  opacity: 1;
}

/*
---------------------------------------------------------------------------------------- TRACKER

------------------------------------------------------------------------------------------------
*/
.scale-container.tracker-scale-container {
  margin-bottom: 8px;
}

.tracker-scale-description {
  margin-bottom: 14px;
  display: flex;
}
.tracker-scale-description:after {
  clear: both;
  content: "";
  display: table;
}

.tracker-scale-description p {
  padding: 0;
}

.tracker-scale-description-end {
  text-align: right;
  margin-left: auto;
}

.tracker-scale-description-end .btn:last-child {
  margin-right: 0;
}

.tracker-actions {
  display: flex;
}

.tracker-actions-item p {
  margin-top: -10px;
}

.tracker-scale-feedback {
  padding-bottom: 40px;
}

/*.scale-description {@include clrfix; padding-bottom: 6px;}
.scale-description p {margin-bottom: 0;}

.scale-description .scale-description-start {float: left; width:50%; padding-right: 10px; max-width: 300px;}
.scale-description .scale-description-end {float: right; width:50%; padding-left: 10px; max-width: 300px; text-align: right;}*/
.tracker-answers {
  display: flex;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 1px solid #bebebe;
}

.tracker-answers li {
  flex: 1 1 0;
  position: relative;
  padding: 4px 10px 2px 10px;
  text-align: center;
}

.tracker-answers li::before,
.tracker-answers li:last-child::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #bebebe;
}

.tracker-answers li:last-child::after {
  left: auto;
  right: 0;
}

/*
------------------------------------------------------------------------------- QUIZ RESULTS LIST

------------------------------------------------------------------------------------------------
*/
.quiz-results-list {
  list-style: none;
  padding: 20px 0 0 0;
  margin-left: 0;
}

.quiz-results-list-item .quiz-results-list-title {
  margin-bottom: 4px;
}

.quiz-results-list-item .quiz-results-list-result {
  margin-bottom: 10px;
}

.quiz-results-list-item .quiz-results-list-content {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 26px;
}

.quiz-results-list .quiz-results-list-item:last-child .quiz-results-list-content {
  border-bottom: 0;
  margin-bottom: 0;
}

/* QUIZ RESULTS ITEM WITH ICON */
.quiz-results-list-item.quiz-results-list-item-correct,
.quiz-results-list-item.quiz-results-list-item-incorrect {
  padding-left: 30px;
  position: relative;
}

.quiz-results-list-item.quiz-results-list-item-correct::before,
.quiz-results-list-item.quiz-results-list-item-incorrect::before {
  content: "";
  width: 15px;
  height: 11px;
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='11px'%3E%3Cg%3E%3Cpath fill='%23639332' d='M5.67 11L.389 5.82C.138 5.574 0 5.247 0 4.898c0-.348.138-.676.389-.922.502-.492 1.378-.492 1.88 0L5.67 7.312 12.731.37c.502-.493 1.378-.493 1.88 0 .518.508.518 1.333 0 1.842L5.67 11z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

.quiz-results-list-item.quiz-results-list-item-incorrect::before {
  width: 12px;
  height: 12px;
  top: 3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px'%3E%3Cg%3E%3Cpath fill='%23972c15' d='M7.77 6l3.94-3.94c.39-.39.39-1.03 0-1.41L11.36.3c-.39-.39-1.03-.39-1.41 0L6 4.23 2.06.29C1.67-.1 1.04-.1.65.29L.29.65c-.39.39-.39 1.03 0 1.41L4.23 6 .29 9.94c-.39.39-.39 1.03 0 1.41l.35.35c.39.39 1.03.39 1.41 0L6 7.77l3.94 3.94c.39.39 1.03.39 1.41 0l.35-.35c.39-.39.39-1.03 0-1.41L7.77 6z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

/*
---------------------------------------------------------------------------------- EMOTION CARD

------------------------------------------------------------------------------------------------
*/
/* USED IN CARD SORTER AND FEELING GAUGE ACTIVITY */
.emotion-card {
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: #DEF4F7;
  border: 1px solid #ADE4EB;
  width: 180px;
  height: 96px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 30em) {
  .emotion-card {
    width: 240px;
    height: 126px;
  }
}

.emotion-card.ip-improvement {
  background-color: #f7f8fa;
  border: 1px solid #e1e1e1;
}

.emotion-card h2,
.emotion-card h3,
.emotion-card p {
  margin-bottom: 0;
}

.emotion-card-content {
  padding: 6px 6px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 30em) {
  .emotion-card-content {
    padding: 6px 16px;
  }
}

.emotion-card-content p {
  font-weight: 500;
  line-height: 1.4;
}

.emotion-card-total {
  line-height: 1;
  padding-bottom: 10px;
}

/* STACKED CARDS */
.emotion-card-stack {
  position: relative;
  min-height: 116px;
  margin: 0 0 20px 20px;
}
@media screen and (min-width: 30em) {
  .emotion-card-stack {
    min-height: 146px;
  }
}
@media screen and (min-width: 30em) {
  .emotion-card-stack {
    margin-bottom: 30px;
  }
}

.emotion-card-stack .emotion-card {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s ease-in, background-color 0.2s linear, border-color 0.2s linear;
  will-change: transform;
}

/* STACKED CARDS CHILDREN */
.emotion-card-stack .emotion-card:nth-child(n+5) {
  display: none;
}

.emotion-card-stack .emotion-card:first-child {
  z-index: 4;
  background-color: #ADE4EB;
  border: 1px solid #ADE4EB;
}

.emotion-card-content .js-card-text,
.emotion-card-total {
  color: #000000 !important;
}

.emotion-card-stack .emotion-card.ip-improvement:first-child {
  background-color: #f7f8fa;
  border-color: #a9aaaa;
}

.emotion-card-stack .emotion-card:nth-child(2) {
  transform: translate(-10px, 10px);
  z-index: 3;
}

.emotion-card-stack .emotion-card:nth-child(3) {
  transform: translate(-20px, 20px);
  z-index: 2;
}

.emotion-card-stack .emotion-card:nth-child(4) {
  transform: translate(-30px, 30px);
  z-index: 1;
  opacity: 0;
}

/* STACKED CARDS INNER CONTENT */
.emotion-card-stack .emotion-card-content,
.emotion-card-stack .emotion-card-total {
  opacity: 0.15;
  transition: opacity 0.2s linear;
}

.emotion-card-stack .emotion-card:first-child .emotion-card-content,
.emotion-card-stack .emotion-card:first-child .emotion-card-total {
  opacity: 1;
}

/* COLOUR VARIANTS */
.emotion-card.emotion-card-fg-active,
.emotion-card.emotion-card-fg-growth {
  border-color: #a3b98d !important;
  background-color: #dfe8d6 !important;
}

.emotion-card.emotion-card-fg-recharge {
  border-color: #ADE4EB !important;
  background-color: #DEF4F7 !important;
}

.emotion-card.emotion-card-fg-burn-out {
  border-color: #bb877e !important;
  background-color: #e9d4d0 !important;
}

.emotion-card.emotion-card-fg-survival {
  border-color: #dbad82 !important;
  background-color: #f6e4d2 !important;
}

.emotion-card.ip-improvement.emotion-card-fg-survival {
  border-color: #ffea66 !important;
  background-color: #fff8cc !important;
}

/* HIDE BEFORE START */
.emotion-card-stack.emotion-card-stack-hidden .emotion-card:first-child {
  transform: translate(-30px, 30px);
  opacity: 0;
}

.emotion-card-stack.emotion-card-stack-hidden .emotion-card:nth-child(2) {
  transform: translate(-40px, 40px);
  opacity: 0;
}

.emotion-card-stack.emotion-card-stack-hidden .emotion-card:nth-child(3) {
  transform: translate(-50px, 50px);
  opacity: 0;
}

/* INTRO ANIMATION */
.emotion-card-stack.emotion-card-stack-intro .emotion-card:first-child {
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.4s ease-out 0s, background-color 0.2s linear, border-color 0.2s linear;
}

.emotion-card-stack.emotion-card-stack-intro .emotion-card:nth-child(2) {
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.4s ease-out 0.2s, background-color 0.2s linear, border-color 0.2s linear;
}

.emotion-card-stack.emotion-card-stack-intro .emotion-card:nth-child(3) {
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.4s ease-out 0.4s, background-color 0.2s linear, border-color 0.2s linear;
}

/* ANIMATION OUT */
.emotion-card-stack .emotion-card.animating {
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s, opacity 0.15s ease-in 0.15s, background-color 0.2s linear, border-color 0.2s linear;
}

.emotion-card-stack .emotion-card.emotion-card-animate-n.animating {
  transform: translate(0, -60px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-e.animating {
  transform: translate(60px, 0);
}

.emotion-card-stack .emotion-card.emotion-card-animate-s.animating {
  transform: translate(0, 60px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-w.animating {
  transform: translate(-60px, 0);
}

.emotion-card-stack .emotion-card.emotion-card-animate-ne.animating {
  transform: translate(60px, -60px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-se.animating {
  transform: translate(60px, 60px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-sw.animating {
  transform: translate(-60px, 60px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-nw.animating {
  transform: translate(-60px, -60px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-nne.animating {
  transform: translate(34px, -74px);
}

.emotion-card-stack .emotion-card.emotion-card-animate-nnw.animating {
  transform: translate(-34px, -74px);
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px);
  }
  18.5% {
    transform: translateX(5px);
  }
  31.5% {
    transform: translateX(-3px);
  }
  43.5% {
    transform: translateX(2px);
  }
  50% {
    transform: translateX(0);
  }
}
/* ANIMATION INCORRECT */
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.emotion-card-stack .emotion-card.incorrect {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: headShake;
}

/*
------------------------------------------------------------------------ FEELINGS GAUGE ACTIVITY

------------------------------------------------------------------------------------------------
*/
/* COLOURS */
.text-fg-active {
  color: #639332;
}

.text-fg-recharge {
  color: #246eb7;
}

.text-fg-burn-out,
.text-fg-burnout {
  color: #972c15;
}

.text-fg-survival {
  color: #b26204;
}

/* FG WHEEL */
.feelings-gauge-max-width {
  max-width: 440px;
}

.feelings-gauge-activity {
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 30em) {
  .feelings-gauge-activity {
    margin-bottom: 30px;
  }
}
.feelings-gauge-activity:after {
  clear: both;
  content: "";
  display: table;
}

.feelings-gauge-activity .feelings-gauge-activity-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}

/* DIVIDER */
.hr.fg-hr {
  margin-top: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 30em) {
  .hr.fg-hr {
    margin-bottom: 30px;
  }
}

/* QUADRANT LINKS */
.fg-quadrant-link {
  position: absolute;
  width: 50%;
  height: 50%;
  display: none;
}

.fg-quadrant-link svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  fill: currentColor;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.fg-quadrant-link:hover svg,
.fg-quadrant-link.active svg {
  opacity: 0.2;
}

@media (hover: none), (hover: on-demand) {
  .fg-quadrant-link:hover svg {
    opacity: 0;
  }
  .fg-quadrant-link:hover.active svg {
    opacity: 0.2;
  }
}
.feelings-gauge-activity.active .fg-quadrant-link {
  display: block;
}

/* QUADRANT LINKS COLOURS / POSITIONS */
.fg-quadrant-link-ne,
.fg-quadrant-link-ne:hover,
.fg-quadrant-link-ne:focus,
.fg-quadrant-link-ne.active {
  top: 0;
  left: 50%;
  color: #639332;
}

.fg-quadrant-link-se,
.fg-quadrant-link-se:hover,
.fg-quadrant-link-se:focus,
.fg-quadrant-link-se.active {
  top: 50%;
  left: 50%;
  color: #246eb7;
}

.fg-quadrant-link-sw,
.fg-quadrant-link-sw:hover,
.fg-quadrant-link-sw:focus,
.fg-quadrant-link-sw.active {
  top: 50%;
  left: 0;
  color: #972c15;
}

.fg-quadrant-link-nw,
.fg-quadrant-link-nw:hover,
.fg-quadrant-link-nw:focus,
.fg-quadrant-link-nw.active {
  top: 0;
  left: 0;
  color: #b26204;
}

/* CARD TOTALS */
.fg-card-total {
  position: absolute;
  font-size: 16px;
  font-size: 1pxrem;
  transition: color 0.2s linear;
}
@media screen and (min-width: 45em) {
  .fg-card-total {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
}

.fg-card-total.fg-card-total-ne {
  top: 8%;
  right: 8%;
}

.fg-card-total.fg-card-total-se {
  bottom: 8%;
  right: 8%;
}

.fg-card-total.fg-card-total-sw {
  bottom: 8%;
  left: 8%;
}

.fg-card-total.fg-card-total-nw {
  top: 8%;
  left: 8%;
}

/* CARD TOTALS OUTSIDE */
.fg-card-total.fg-card-total-outside {
  font-size: 14px;
  font-size: 0.875pxrem;
  font-weight: 500;
}
@media screen and (min-width: 45em) {
  .fg-card-total.fg-card-total-outside {
    font-size: 18px;
    font-size: 1.125pxrem;
  }
}

.fg-card-total.fg-card-total-outside.fg-card-total-ne {
  top: 8%;
  right: 2%;
}

.fg-card-total.fg-card-total-outside.fg-card-total-se {
  bottom: 8%;
  right: 2%;
}

.fg-card-total.fg-card-total-outside.fg-card-total-sw {
  bottom: 8%;
  left: 2%;
}

.fg-card-total.fg-card-total-outside.fg-card-total-nw {
  top: 8%;
  left: 2%;
}

/* CARDS */
.feelings-gauge-max-width .emotion-card-stack {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 30em) {
  .feelings-gauge-max-width .emotion-card-stack {
    width: 240px;
  }
}

/* SLIDERS */
.fg-sliders {
  margin-bottom: 20px;
}

.fg-sliders-item > p {
  margin-bottom: 4px;
}

.fg-sliders-item-before {
  margin: 0;
  padding-top: 8px;
  padding-right: 10px;
}

.fg-sliders-item-after {
  margin: 0;
  padding-top: 8px;
  padding-left: 10px;
}

.fg-sliders-item .range-slider {
  margin-bottom: 0;
}
@media screen and (min-width: 30em) {
  .fg-sliders-item .range-slider {
    margin-bottom: 10px;
  }
}

.fg-sliders-item-row {
  display: flex;
}

.fg-sliders-item-row .fg-sliders-item-slider {
  flex: 1 1 auto;
}

.fg-sliders-item-row .fg-sliders-item-results {
  padding: 1px 0 0 10px;
}

.fg-sliders-item-input {
  padding: 0;
  border: 0;
  max-width: 35px;
  font-size: 13px;
  font-size: 0.8125pxrem;
}
@media screen and (min-width: 30em) {
  .fg-sliders-item-input {
    max-width: 45px;
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}

/*
--------------------------------------------------------------------------- CARD SORTER ACTIVITY

------------------------------------------------------------------------------------------------
*/
/* CONTAINER */
.card-sorter-activity {
  padding-top: 10px;
  margin-bottom: 16px;
  max-width: 360px;
}
@media screen and (min-width: 30em) {
  .card-sorter-activity {
    max-width: 360px;
  }
}

.card-sorter-activity-card-wrapper {
  padding-top: 20px;
}
@media screen and (min-width: 30em) {
  .card-sorter-activity-card-wrapper {
    padding-top: 30px;
  }
}

/* CARDS */
.card-sorter-activity-card-wrapper .emotion-card-stack {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 30em) {
  .card-sorter-activity-card-wrapper .emotion-card-stack {
    width: 240px;
  }
}

/* UNDO */
.emotion-card-stack .undo-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 6px;
  right: -40px;
  color: #303336;
  opacity: 0.2;
  transition: opacity 0.2s linear;
  cursor: default;
}

.emotion-card-stack .undo-btn.active {
  opacity: 1;
  cursor: pointer;
}

.emotion-card-stack .undo-btn .icon-ratio {
  position: absolute;
  left: 11px;
  top: 12px;
}

/* BUTTONS */
.card-sorter-btn-wrapper {
  position: relative;
}

.card-sorter-btn-wrapper .btn {
  margin: 0;
  text-align: center;
  min-width: 120px;
  min-height: 60px;
}
@media screen and (min-width: 30em) {
  .card-sorter-btn-wrapper .btn {
    min-width: 160px;
  }
}

.card-sorter-btn-wrapper::after {
  content: "";
  display: block;
  width: 16px;
  height: 9px;
  position: absolute;
  left: 50%;
  margin-left: -8px;
}

/* UP ARROW */
.card-sorter-btn-wrapper-up {
  padding-bottom: 20px;
}

.card-sorter-btn-wrapper-up::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='9px'%3E%3Cpath fill='%23303336' d='M8 .293l-8 8L.707 9 8 1.707 15.293 9 16 8.293z'/%3E%3C/svg%3E");
  bottom: 0;
}

/* DOWN ARROW */
.card-sorter-btn-wrapper-down {
  padding-top: 20px;
}

.card-sorter-btn-wrapper-down::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='9px'%3E%3Cpath fill='%23303336' d='M8 8.707l8-8L15.293 0 8 7.293.707 0 0 .707z'/%3E%3C/svg%3E");
  top: 0;
}

/* LEFT ARROW */
.card-sorter-btn-wrapper-left {
  padding-top: 27px;
}

.card-sorter-btn-wrapper-left::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9px' height='16px'%3E%3Cpath fill='%23303336' d='M.293 8l8 8L9 15.293 1.707 8 9 .707 8.293 0z'/%3E%3C/svg%3E");
  width: 9px;
  height: 16px;
  top: 0;
}

/* RIGHT ARROW */
.card-sorter-btn-wrapper-right {
  padding-top: 27px;
}

.card-sorter-btn-wrapper-right::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9px' height='16px'%3E%3Cpath fill='%23303336' d='M8.707 8l-8-8L0 .707 7.293 8 0 15.293.707 16z'/%3E%3C/svg%3E");
  width: 9px;
  height: 16px;
  top: 0;
}

/* BUTTONS LAYOUT */
.card-sorter-btn-row {
  display: flex;
}

.card-sorter-btn-row .card-sorter-btn-wrapper {
  padding-left: 5px;
  padding-right: 5px;
}

.card-sorter-btn-row .card-sorter-btn-wrapper:first-child {
  padding-left: 0;
}

.card-sorter-btn-row .card-sorter-btn-wrapper:last-child {
  padding-right: 0;
}

.card-sorter-btn-row .card-sorter-btn-wrapper:nth-child(2) {
  margin-left: auto;
}

.card-sorter-btn-row.card-sorter-btn-row-single {
  justify-content: center;
}

/*
------------------------------------------------------------------------ GROWTH CLIMATE ACTIVITY

------------------------------------------------------------------------------------------------
*/
.feelings-gauge-max-width.growth-climate-activity-new-ip {
  max-width: 605px;
}

.growth-climate-activity-new-ip .feelings-gauge-activity {
  padding-top: 72.72%;
}

.gc-gauge-feature-row {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  display: flex;
  justify-content: center;
}

.gc-gauge-feature-row .report-feature {
  flex-basis: calc(50% - 40px);
  max-width: calc(50% - 40px);
  margin-right: 20px;
  margin-bottom: 0;
}

.gc-gauge-feature-row .report-feature:last-child {
  margin-right: 0;
}

.gc-gauge-feature-row.gc-gauge-feature-row-top {
  align-items: flex-end;
  padding-bottom: 28px;
}

.growth-climate-activity-new-ip .gc-gauge-feature-row.gc-gauge-feature-row-top {
  padding-bottom: 36px;
}

.gc-gauge-feature-row.gc-gauge-feature-row-bot {
  position: absolute;
  top: 50%;
  bottom: 0;
  padding-top: 28px;
}

.growth-climate-activity-new-ip .gc-gauge-feature-row.gc-gauge-feature-row-bot {
  padding-top: 36px;
}

.gc-gauge-feature-row .report-feature .report-feature-title {
  padding: 8px 10px;
}

.gc-gauge-feature-row .report-feature .report-feature-content {
  padding: 10px 10px 0 10px;
  min-height: 90px;
}

.growth-climate-activity-new-ip .gc-gauge-feature-row .report-feature .report-feature-content {
  min-height: 100px;
}

.gc-gauge-feature-row .report-feature .report-feature-content p,
.gc-gauge-feature-row .report-feature .report-feature-content ul {
  margin-bottom: 10px;
}

/* OVERRIDE FEATURE BOX STYLES */
.growth-climate-activity-new-ip .report-feature.report-feature-survival .report-feature-title {
  background: #f7f8fa;
  border: 2px solid #ffdc00;
  border-bottom: 0;
  font-weight: 600;
  color: #000000;
  padding-bottom: 0;
}

.growth-climate-activity-new-ip .report-feature.report-feature-survival .report-feature-content {
  border-width: 2px;
  border-color: #ffdc00;
}

.growth-climate-activity-new-ip .report-feature.report-feature-growth .report-feature-title {
  background: #f7f8fa;
  border: 2px solid #3C8700;
  border-bottom: 0;
  font-weight: 600;
  color: #3C8700;
  padding-bottom: 0;
}

.growth-climate-activity-new-ip .report-feature.report-feature-growth .report-feature-title h5 {
  color: #3C8700;
}

.growth-climate-activity-new-ip .report-feature.report-feature-growth .report-feature-content {
  border-width: 2px;
  border-color: #3C8700;
}

/* INCORRECT */
.gc-gauge-message {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: -13px 0 0 0;
}

.growth-climate-activity-new-ip .gc-gauge-message {
  background-color: #fff;
  max-width: 250px;
  left: 50%;
  margin-left: -125px;
}

/* KEEP MIN WIDTH ON SMALL SCREENS */
@media screen and (max-width: 30em) {
  .gc-activity-scroll-wrapper {
    overflow-x: scroll; /* has to be 'scroll' for ios Momentum, not 'auto' */
    -webkit-overflow-scrolling: touch;
  }
  .gc-activity-scroll {
    min-width: 402px;
  }
}
/*
------------------------------------------------------------------------------ CHECKLIST EXERCISE

------------------------------------------------------------------------------------------------
*/
/*
.checklist-exercise {
    @include clrfix;
    margin-bottom:30px;
}*/
.checklist-exercise .h-block {
  padding-top: 4px;
  margin-bottom: 12px;
}

.checklist-exercise-row {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}

.checklist-column ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  line-height: 1.4;
}

/* 2 column */
.checklist-exercise-row.checklist-exercise-row-2-col .checklist-column {
  flex-basis: calc(75px + ((100% - 165px) / 12 * 6));
  max-width: calc(75px + ((100% - 165px) / 12 * 6));
  margin-right: 15px;
}

.checklist-exercise-row.checklist-exercise-row-2-col .checklist-column:nth-child(2) {
  margin-right: 0;
}

/* 3 column */
.checklist-exercise-row.checklist-exercise-row-3-col .checklist-column,
.checklist-exercise-row.checklist-exercise-row-3-col .checklist-column:nth-child(2) {
  flex-basis: calc(45px + ((100% - 165px) / 12 * 4));
  max-width: calc(45px + ((100% - 165px) / 12 * 4));
  margin-right: 15px;
}

.checklist-exercise-row.checklist-exercise-row-3-col .checklist-column:nth-child(3) {
  margin-right: 0;
}

/* 4 column */
.checklist-exercise-row.checklist-exercise-row-4-col .checklist-column,
.checklist-exercise-row.checklist-exercise-row-4-col .checklist-column:nth-child(2),
.checklist-exercise-row.checklist-exercise-row-4-col .checklist-column:nth-child(3) {
  flex-basis: calc(30px + ((100% - 165px) / 12 * 3));
  max-width: calc(30px + ((100% - 165px) / 12 * 3));
  margin-right: 15px;
}

.checklist-exercise-row.checklist-exercise-row-4-col .checklist-column:nth-child(4) {
  margin-right: 0;
}

/* CHECKBOXES */
.checklist-exercise-checkbox {
  opacity: 1;
  transition: opacity 0.2s linear;
}

.checklist-exercise-checkbox-inner {
  display: block;
  position: relative;
}

.checklist-exercise-checkbox input[type=checkbox]:checked,
.checklist-exercise-checkbox input[type=checkbox]:not(checked) {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -11px;
  padding: 0;
  z-index: -1;
  cursor: pointer;
  opacity: 0;
}

/* LABEL */
label.checklist-exercise-label {
  display: block;
  cursor: pointer;
  padding: 6px 8px;
  margin-left: -6px;
  position: relative;
  transition: color 0.1s linear;
}

label.checklist-exercise-label:hover {
  color: #316ca6;
}

label.checklist-exercise-label.checklist-exercise-label-static {
  cursor: default;
}

label.checklist-exercise-label.checklist-exercise-label-static:hover {
  color: inherit;
}

label.checklist-exercise-label::before {
  content: "";
  background-color: #fbe497;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform-origin: top left;
  transform: scaleX(0);
  transition: transform 0.2s ease-out;
}

label.checklist-exercise-label span {
  position: relative;
  z-index: 1;
}

/* CHECKED STATE */
.checklist-exercise-checkbox input[type=checkbox]:checked + label.checklist-exercise-label::before,
.checklist-exercise-checkbox.active label.checklist-exercise-label::before {
  transform: scaleX(1);
}

.checklist-exercise-checkbox input[type=checkbox]:checked + label.checklist-exercise-label,
.checklist-exercise-checkbox input[type=checkbox]:checked + label.checklist-exercise-label:hover {
  color: #303336;
}

/* DISABLED STATE */
.checklist-exercise-checkbox.disabled {
  opacity: 0.2;
}

.checklist-exercise-checkbox.disabled .checklist-exercise-checkbox input[type=checkbox]:checked,
.checklist-exercise-checkbox.disabled .checklist-exercise-checkbox input[type=checkbox]:not(checked) {
  cursor: default;
}

.checklist-exercise-checkbox.disabled label.checklist-exercise-label:hover {
  color: #4a4b45;
  cursor: default;
}

/* CONTENT IMAGE */
.checklist-exercise .checklist-column-img {
  max-width: 100px;
  margin: 0;
}

/*
.checklist-column.checklist-column-with-img {
    // Everyone except ie11
    @supports (display: flex) or (display: -webkit-box) {
        display: flex;
        flex-direction: column;
    }
}

.checklist-column.checklist-column-with-img .checklist-column-content{
    // Everyone except ie11
    @supports (display: flex) or (display: -webkit-box) {
        flex: 1 0 auto;
        display: flex;
        flex-direction: column;
    }
}

.checklist-column.checklist-column-with-img  .checklist-column-img {
    // Everyone except ie11
    @supports (display: flex) or (display: -webkit-box) {
        width:100%;
        margin-top: auto;
        flex-shrink: 0;
        align-self: flex-start;
    }
}
*/
/*
--------------------------------------------------------------------------------------- VIRTUAL EVENT

------------------------------------------------------------------------------------------------
*/
.flagged-content-group .flagged-content-group-img {
  max-width: 60px;
}

@media screen and (min-width: 45em) {
  .flagged-content-group {
    display: flex;
    width: 100%;
  }
  .flagged-content-group .flagged-content-group-img {
    flex-basis: 80px;
    max-width: 80px;
    margin-right: 30px;
    padding-top: 8px;
  }
  .flagged-content-group .flagged-content-group-content {
    flex: 1;
  }
}
/*
--------------------------------------------------------------------------------------- VIRTUAL EVENT

------------------------------------------------------------------------------------------------
*/
.ve-module-complete-img {
  max-width: 360px;
  margin-bottom: 40px;
}

.reflection-content-group {
  margin-bottom: 30px;
}
.reflection-content-group:after {
  clear: both;
  content: "";
  display: table;
}

.reflection-content-group:last-child {
  margin-bottom: 0;
}

/*
----------------------------------------------------------------------------------- ACRONYM GRID

------------------------------------------------------------------------------------------------
*/
.acronym-grid {
  list-style: none;
  margin: 0;
  padding: 0;
}

.acronym-grid-item {
  display: block;
  border: 2px solid #4a4b45;
  margin-bottom: 10px;
  padding: 12px 14px 12px 55px;
  position: relative;
  min-height: 54px;
}

.acronym-grid-item strong {
  font-size: 15px;
  font-size: 0.9375pxrem;
}
@media screen and (min-width: 30em) {
  .acronym-grid-item strong {
    font-size: 16px;
    font-size: 1pxrem;
  }
}
@media screen and (min-width: 45em) {
  .acronym-grid-item strong {
    font-size: 18px;
    font-size: 1.125pxrem;
  }
}

.acronym-grid-item::before {
  content: attr(data-label);
  display: block;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25pxrem;
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: red;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

/* COLOURS */
.acronym-grid-item.acronym-share-s {
  border-color: #bbc32d;
}

.acronym-grid-item.acronym-share-s strong {
  color: #bbc32d;
}

.acronym-grid-item.acronym-share-s::before {
  background-color: #bbc32d;
  color: #ffffff;
}

.acronym-grid-item.acronym-share-h {
  border-color: #9fa02c;
}

.acronym-grid-item.acronym-share-h strong {
  color: #9fa02c;
}

.acronym-grid-item.acronym-share-h::before {
  background-color: #9fa02c;
  color: #ffffff;
}

.acronym-grid-item.acronym-share-a {
  border-color: #937c67;
}

.acronym-grid-item.acronym-share-a strong {
  color: #937c67;
}

.acronym-grid-item.acronym-share-a::before {
  background-color: #937c67;
  color: #ffffff;
}

.acronym-grid-item.acronym-share-r {
  border-color: #0e7867;
}

.acronym-grid-item.acronym-share-r strong {
  color: #0e7867;
}

.acronym-grid-item.acronym-share-r::before {
  background-color: #0e7867;
  color: #ffffff;
}

.acronym-grid-item.acronym-share-e {
  border-color: #649139;
}

.acronym-grid-item.acronym-share-e strong {
  color: #649139;
}

.acronym-grid-item.acronym-share-e::before {
  background-color: #649139;
  color: #ffffff;
}

/*
------------------------------------------------------------------------------------ STAT BLOCKS

------------------------------------------------------------------------------------------------
*/
.stat-block {
  position: relative;
  background-color: #f2f4f7;
  padding: 20px;
}
.stat-block:after {
  clear: both;
  content: "";
  display: table;
}

.stat-block .stat-block-content {
  margin: 0;
  font-weight: 600;
  font-size: 13px;
  font-size: 0.8125pxrem;
}
@media screen and (min-width: 30em) {
  .stat-block .stat-block-content {
    font-size: 15px;
    font-size: 0.9375pxrem;
  }
}
@media screen and (min-width: 45em) {
  .stat-block .stat-block-content {
    font-size: 17px;
    font-size: 1.0625pxrem;
  }
}
@media screen and (min-width: 58em) {
  .stat-block .stat-block-content {
    font-size: 20px;
    font-size: 1.25pxrem;
  }
}

.stat-block .stat-block-figure {
  display: block;
  line-height: 1;
  font-size: 36px;
  font-size: 2.25pxrem;
  margin-bottom: 8px;
}
@media screen and (min-width: 45em) {
  .stat-block .stat-block-figure {
    font-size: 46px;
    font-size: 2.875pxrem;
  }
}
@media screen and (min-width: 58em) {
  .stat-block .stat-block-figure {
    font-size: 64px;
    font-size: 4pxrem;
  }
}

.stat-block-with-intro {
  padding-top: 56px;
}

.stat-block-intro {
  text-transform: uppercase;
  position: absolute;
  top: -56px;
  left: 0;
  display: block;
  padding: 4px 10px;
  background-color: #ffffff;
  color: #f2f4f7;
}

/* DEFINITION LISTS */
.stat-block dl {
  margin-bottom: 0;
}

.stat-block dl dd {
  font-weight: 500;
}

.stat-block dl dd:last-of-type,
.stat-block dl dt:last-of-type {
  padding-bottom: 0;
}

/* COLOUR VARIANTS */
.stat-block.stat-block-danger {
  background-color: #639332;
  color: #ffffff;
}

.stat-block.stat-block-danger .stat-block-intro {
  color: #639332;
}

.stat-block.stat-block-success {
  background-color: #972c15;
  color: #ffffff;
}

.stat-block.stat-block-success .stat-block-intro {
  color: #972c15;
}

.stat-block.stat-block-growth {
  background-color: #3C8700;
  color: #ffffff;
}

.stat-block.stat-block-growth .stat-block-intro {
  color: #3C8700;
}

.stat-block.stat-block-survival {
  background-color: #ffdc00;
  color: #000000;
}

.stat-block.stat-block-survival .stat-block-intro {
  background-color: #000000;
  color: #ffdc00;
}

/*
------------------------------------------------------------------- PROJECTIVE EXERCISE ACTIVITY

------------------------------------------------------------------------------------------------
*/
.place-marker-container {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-bottom: 30px;
}

.place-marker-container img {
  display: block;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.place-marker-click {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* MARKER */
.place-marker-disc,
.place-marker-disc-static {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media screen and (min-width: 45em) {
  .place-marker-disc,
  .place-marker-disc-static {
    width: 64px;
    height: 64px;
  }
}

.place-marker-container.animating .place-marker-disc {
  transition: top 0.1s ease-out, left 0.1s ease-out, opacity 0.1s linear;
}

.place-marker-disc-user,
.place-marker-disc-user-static {
  content: "";
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  top: -24px;
  left: -24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64px' height='64px'%3E%3Ccircle fill='%23AFAFAF' cx='32' cy='32' r='32'/%3E%3Ccircle fill='%23FFF' cx='32' cy='23.66' r='12.8'/%3E%3Cpath fill='%23FFF' d='M51.2 53.95c0 2.92-8.59 8.17-19.2 8.17s-19.2-5.14-19.2-8.17c0-10.61 8.59-19.2 19.2-19.2s19.2 8.6 19.2 19.2z'/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
  transform: scale(0);
  transition: transform 0.2s ease-out, box-shadow 0.2s linear;
}
@media screen and (min-width: 45em) {
  .place-marker-disc-user,
  .place-marker-disc-user-static {
    width: 64px;
    height: 64px;
    top: -32px;
    left: -32px;
  }
}

.place-marker-disc-user-static {
  transform: scale(1);
}

.place-marker-disc-user-survival {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64px' height='64px'%3E%3Ccircle fill='%23AFAFAF' cx='32' cy='32' r='30'/%3E%3Ccircle fill='%23FFF' cx='32' cy='23.66' r='12.8'/%3E%3Cpath fill='%23FFF' d='M51.2 53.95c0 2.92-8.59 8.17-19.2 8.17s-19.2-5.14-19.2-8.17c0-10.61 8.59-19.2 19.2-19.2s19.2 8.6 19.2 19.2z'/%3E%3Cpath fill='%23000000' d='M32 4c15.44 0 28 12.56 28 28S47.44 60 32 60 4 47.44 4 32 16.56 4 32 4m0-4C14.33 0 0 14.33 0 32s14.33 32 32 32 32-14.33 32-32S49.67 0 32 0z'/%3E%3Cpath fill='%23ffdc00' d='M32 4C16.54 4 4 16.54 4 32s12.54 28 28 28 28-12.54 28-28S47.46 4 32 4zm0 52C18.75 56 8 45.25 8 32S18.75 8 32 8s24 10.74 24 24c0 13.25-10.75 24-24 24z'/%3E%3C/svg%3E") 0 0 no-repeat;
}

.place-marker-container.show-marker .place-marker-disc-user {
  transform: scale(1);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.place-marker-container.show-marker.show-marker-down .place-marker-disc-user {
  transform: scale(1.1);
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.3);
}

.place-marker-container.show-marker.show-marker-down .place-marker-disc {
  opacity: 0.8;
}

/*
------------------------------------------------------------------- PROJECTIVE EXERCISE ACTIVITY

------------------------------------------------------------------------------------------------
*/
.pe-activity-container {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pe-activity-container img {
  display: block;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pe-activity-click {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* MARKER */
.pe-activity-marker {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pe-activity-container.animating .pe-activity-marker {
  transition: top 0.1s ease-out, left 0.1s ease-out, opacity 0.1s linear;
}

.pe-activity-marker-user {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  top: -35px;
  left: -35px;
  background: url("data:image/svg+xml,svg-mindset-grid-user-simple()") 0 0 no-repeat;
  border-radius: 50%;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
  transform: scale(0);
  transition: transform 0.2s ease-out, box-shadow 0.2s linear;
}

.pe-activity-container.show-marker .pe-activity-marker-user {
  transform: scale(0.9);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.pe-activity-container.show-marker.show-marker-down .pe-activity-marker-user {
  transform: scale(1);
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.3);
}

.pe-activity-container.show-marker.show-marker-down .pe-activity-marker {
  opacity: 0.8;
}

/*
--------------------------------------------------------------------------------- COOKIE WARNING

------------------------------------------------------------------------------------------------
*/
.home-screen-popup-wrapper {
  z-index: 9001;
  position: relative;
  display: none;
}

.show-home-screen-popup .home-screen-popup-wrapper,
.hide-home-screen-popup .home-screen-popup-wrapper {
  display: block;
}

@keyframes homeSlideUp {
  0% {
    transform: translate(-50%, 120%);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes homeSlideDown {
  0% {
    transform: translate(-50%, 0);
  }
  100% {
    transform: translate(-50%, 120%);
  }
}
.home-screen-popup {
  padding: 20px;
  text-align: center;
  border-radius: 4px;
  background: #ffffff;
  width: 100%;
  max-width: 300px;
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 120%);
}

.show-home-screen-popup .home-screen-popup {
  transform: translate(-50%, 120%);
  animation: homeSlideUp 0.4s ease-out 0.2s;
  animation-fill-mode: forwards;
}

.hide-home-screen-popup .home-screen-popup {
  transform: translate(-50%, 0);
  animation: homeSlideDown 0.4s ease-in;
  animation-fill-mode: forwards;
}

.home-screen-popup::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
}

.home-screen-popup p:last-child {
  margin: 0;
}

/*
---------------------------------------------------------------------------------- REPORT CHARTS

------------------------------------------------------------------------------------------------
*/
.report-chart.report-chart-pie {
  max-width: 400px;
}

.report-chart-legend {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.report-chart-word-cloud {
  position: relative;
  padding-top: 56.25%;
  border: 1px solid black;
  margin-bottom: 20px;
}

.report-chart-word-cloud canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
------------------------------------------------------------------------------------ SITE FOOTER

------------------------------------------------------------------------------------------------
*/
/* MAIN FOOTER */
.footer {
  background-color: #ffffff;
  border-top: 3px solid #f8ca00;
  padding: 20px 30px;
  position: relative;
}
@media screen and (min-width: 45em) {
  .footer {
    display: flex;
    align-items: center;
  }
}

.footer .logo {
  margin: 0 0 30px 0;
  float: none;
}

/* FOOTER LOGO */
.footer-logo {
  max-width: 120px;
  margin: 0 auto 20px auto;
}
@media screen and (min-width: 45em) {
  .footer-logo {
    margin: 0;
  }
}

.footer-logo img {
  margin-bottom: 0;
}

/* ACCESSIBILITY TEXT */
.accessibility-box {
  background-color: #ffffff !important;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 45em) {
  .accessibility-box {
    padding-right: 20px;
    text-align: center;
    justify-content: flex-end;
  }
}

/* COPYRIGHT TEXT */
.copyright-text {
  color: #4a4b45;
  font-size: 11px;
  font-size: 0.6875pxrem;
  text-align: center;
}
@media screen and (min-width: 45em) {
  .copyright-text {
    font-size: 12px;
    font-size: 0.75pxrem;
    text-align: left;
  }
}

.footer .copyright-text {
  margin: 0 0 10px 0;
}
@media screen and (min-width: 45em) {
  .footer .copyright-text {
    margin: 0 0 0 auto;
    padding-right: 10px;
  }
}

/* FOOTER NAV */
.footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  font-size: 11px;
  font-size: 0.6875pxrem;
  text-align: center;
}
@media screen and (min-width: 45em) {
  .footer-nav {
    font-size: 12px;
    font-size: 0.75pxrem;
    text-align: left;
    justify-content: flex-end;
  }
}

.footer-nav li {
  padding: 0;
  margin: 0 5px;
}

@media screen and (min-width: 45em) {
  .footer-nav li:last-child {
    margin-right: 0;
  }
}
.footer-nav li a {
  display: block;
  color: #60615c;
  font-weight: 400;
}

.footer-nav li a:hover {
  color: #246eb7;
}

/* STICKY FOOTER */
@media screen {
  .sticky-footer-container {
    display: flex;
    flex-direction: column;
  }
  .sticky-footer-content {
    flex: 1 0 auto;
  }
  .sticky-footer {
    flex-shrink: 0;
    z-index: 2;
  }
}
/* PRINT STYLES */
@media print {
  .footer {
    display: none;
  }
}


.justify-content-center {
  justify-content: center !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-6 {
  order: 6 !important;
}
.order-7 {
  order: 7 !important;
}
.order-8 {
  order: 8 !important;
}
.order-9 {
  order: 9 !important;
}
.order-10 {
  order: 10 !important;
}
.order-11 {
  order: 11 !important;
}
.order-12 {
  order: 12 !important;
}

.flex-column {
  flex-direction: column !important;
}

/*# sourceMappingURL=../maps/front-app-356be8a3f2.css.map */