@charset "UTF-8";
/*
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Global stylesheet

	Usage: 
		This stylesheet imports all Sass partials which is compiled to: 'main.css' which 
		is then loaded from the HTML Head. Old IE (IE < 9) imports this stylesheet
		along with all it's partials in order to support CSS within media queries. Using
		IE conditional comments in the HTML Head allows us to only load the one style
		sheet for Old IE: 'old-ie.css' and ignore 'main.css' and vice versa for the main
		stylesheet.
	
	Optimisation:
		Both compiled stylesheets loaded from the HTML Head are minified by the build 
		script for production.
	
	Partial dir structure:
		-	UTILS...................generic utility styles and Sass settings e.g. mixins
			-	PLACEHOLDERS........placeholder selectors to keep things DRY
		-	BASE....................base styles; unclassed HTML elements
		-	LAYOUT..................site structure styles e.g. header/footer
			-	GRID................you guessed it; the grid!
		-	ABSTRACTIONS............very common patterns to be used 'as is' or built upon
		-	MODULES.................discrete components of the page, this is the meat
			-	WIDGETS	............more interactive rich requiring JavaScript/jQuery
		-	FORMS...................everything relating to forms
		-	BUTTONS.................you guessed it; all the buttons!
		-	HELPERS.................a bunch of classes to apply very common styles
		-	PRINT...................global print styles (rest of print styles live inline)
		-	DEBUG...................enable to add visual flags for debugging purposes

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂
*/
/* [IMPORT ALL PARTIALS]
-------------------------------------------------------*/
/* Utils */
/* ======================================================================================
   @UTILS -> SASS VARIABLES
   ====================================================================================== */
/* [GLOBAL BOOLEANS]
-------------------------------------------------------*/
/* For targetting old IE (IE < 9) */
/* Media query support for old IE (IE < 9) */
/* Debug mode */
/* [BASE TYPOGRAPHY]
-------------------------------------------------------*/
/* Size */
/* Line height */
/* Line height ratio */
/* Family */
/* [MORE TYPOGRAPHY]
-------------------------------------------------------*/
/* --Sizes-- */
/* Small */
/* Extra small */
/* Large */
/* Extra large */
/* Headings */
/* Families */
/* [SPACING]
-------------------------------------------------------*/
/* Base */
/* Half */
/* Third */
/* Quarter */
/* Sixth */
/* Micro */
/* Double */
/*2.5*/
/* Triple */
/* [BREAKPOINTS]
-------------------------------------------------------*/
/*
	Note: 
		-	Not ideal to set fixed breakpoints like this rather better let the design dictate breakpoints however they're usually common breakpoints in every build esp. 'Palm', and they need to be used to define the flexible width classes at specific breakpoints for the grid system (see: 'utils/widths').
		-	The breakdown for the breakpoints uses this chart as a guide: http://static.lukew.com/unified_device_design.png.
			-	Here's the thinking:
				-	Palm: smartphones and featurephones i.e. anything that can fit into the palm of a hand.
				-	Lap: typically tablets, notebooks and laptops i.e. anything that is portable that doesn't include phones.
					-	Lap small: smaller tablets/notebooks and e-readers e.g. Kindle.
					-	Lap large: larger tablets and laptops.
				-	Desk: desktop computers, TV's, etc. i.e. anything that is not portable.
					-	Desk small: smaller desktop computer monitors.
					-	Desk large:	larger desktop computer monitors, TV's, and who knows what else?
			-	Breakpoints:
				-	Palm: 	0 - 640px
				-	Lap:	641px - 1199px
					-	Lap small:	641px - 900px
					-	Lap large:	901px - 1199px
				-	Desk:	1200px +
					-	Desk small:	1200px - 1365px
					-	Desk large:	1366px +
				**	Of course the values for these breakpoints can change per build, it just boils down to the type of design, however 'Palm' would typically always use the same breakpoint as human beings palm's aren't exactly growing :) 
	
	Credit: 
		-	http://www.lukew.com/ff/entry.asp?1679
		-	https://developers.google.com/webmasters/smartphone-sites/details?hl=en
*/
/* --Start and end points-- */
/*
	Note: these vars typically won't appear outside of this partial, they're used as a way to set-up all the breakpoints easily, when declaring breakpoints in media queries througout the build most of the time the 'Readable breakpoints' are used, one exception is when media query min/max ranges are used which 'out of the box' is only for defining the flexible width classes at specific breakpoints for the grid system (see: 'utils/widths').
		
*/
/* Start points */
/* End points */
/* --Readable breakpoints-- */
/* Palm */
/* Non-palm */
/* Lap */
/* Desk */
/* --Arbitrary breakpoints-- */
/* [GRID / LAYOUT]
-------------------------------------------------------*/
/* Page container max width - don't forget to update in 'old-ie.scss' */
/* --grid- */
/* Gutter */
/*
	Note: be sure to set the vars below to 'false' if they're not needed as they generate a lot of CSS.
*/
/* Push */
/* Pull */
/* [COLOR PALETTE]
-------------------------------------------------------*/
/* Brand color */
/* --Brand color variations: http://www.colorhexa.com/1983c0-- */
/* Base text color */
/* Link colors */
/* --Greyscale-- */
/* Light */
/* Lighter */
/* Lightest */
/* Off white */
/* Grey fill */
/* Dark */
/* Darker */
/* --feedback- */
/* Error */
/* Success */
/* Warning */
/* Info */
/* --Misc-- */
/* Attention (red) */
/* [FLEXIBLE WIDTHS]
-------------------------------------------------------*/
/* Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
/* [MISC]
-------------------------------------------------------*/
/* Off-screen px value */
/* `z-index` max value */
/* Border radius */
/* ======================================================================================
   @UTILS -> SASS MIXINS
   ====================================================================================== */
/* [NICELY FORMED TYPE STYLE]
-------------------------------------------------------*/
/* 
	Usage:
		Create a fully formed type style (sizing and vertical rhythm).
	
	Notes:
		-	The line height sets the `line-height` to a multiple of `$line-height` that's not smaller than `$font-size`, this can be overridden.
		-	`$sledgehammer` is an optional argument that allows for the `!important` keyword to be specified, when the optional `$line-height-val` argument does not need to be included then it has to be called using a named argument: `$sledgehammer: !important` so that we can skip over `$line-height-val` avoiding having to redundantly redeclare it.
	
	Credit: 
		-	https://github.com/csswizardry/inuit.css/blob/master/inuit.css/generic/_mixins.scss
		-	twitter.com/redclov3r/status/250301539321798657
	
	Examples:
		@include font-size(18);
		@include font-size(12, 1.5);
		@include font-size(24, 1, !important);
		@include font-size(24, $sledgehammer: !important);
*/
/* [STYLE ALL HEADINGS EASILY]
-------------------------------------------------------*/
/* 
	Usage:
		Style any number of headings in one fell swoop.
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/generic/_mixins.scss
	
	Example:
		@include headings(1, 3) {color: red;}
*/
/* [CONVERT PX TO EM/REM]
-------------------------------------------------------*/
/* 
	Usage: 
		To convert `px` to `em`'s or `rem`'s for multiple properties or values or both.
		
	Notes: 
		-	Accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers are converted; everything else is passed through.
		-	For the `to-rem` `@mixin` we fallback to `px` value for old IE and this is only compiled to 'old-ie.css'.
		-	For the `to-em` `@mixin` `$context` is an optional argument that allows making measurements relative to the parent font size rather than the current.
		-	`$sledgehammer` is an optional argument that allows for the `!important` keyword to be specified, when used in the `to-em` `@mixin` and the optional `$context` argument does not need to be included then it has to be called using a named argument: `$sledgehammer: !important` so that we can skip over `$context` avoiding having to redundantly redeclare it.
		-	'REM' `@mixin` outputs a `px` fallback for old IE and Opera Mini, when Opera Mini supports `rem` (http://caniuse.com/#feat=rem) change the `@mixin` to an archived version (11-02-2013).
		
	Credit: 
		https://gist.github.com/2237465
	
	Examples:
		@include to-em(line-height, 30)
		@include to-rem(line-height, 30)
		@include to-em(width height, 125);
		@include to-rem(padding, 0 25);
		@include to-em(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
		@include to-rem(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966));
		@include to-em(padding margin, $spacing-base, $sledgehammer: !important);
		@include to-rem(margin, $spacing-base, !important);
*/
/* EM */
/* REM */
/* [CSS3]
-------------------------------------------------------*/
/* 
	Property:
		`rgba`
		
	Usage: 
		RGBA background color with an old IE fallback (no alpha transparency).
	
	Example:
		@include rgba-bg(#000, 0.8);
*/
/* 
	Property:
		`linear-gradient`
		
	Usage: 
		Simple CSS3 linear gradients with old IE/Webkit fallbacks.
		
	Notes:
		-	This mixin is very basic in that it only caters for two colour's ('from' and 'to'), no colour stops, only linear (no radial), not repeating, etc. in most cases this is all you need, for more involved gradients then look into Compass: http://compass-style.org/examples/compass/css3/gradient/ however keep an eye on their vendor prefixes as they tend to be dated.
		-	When Webkit supports the new syntax (see: http://caniuse.com/#feat=css-gradients) then the Webkit specific syntax can be removed, in the meantime any direction keywords used need to be reversed (see: http://generatedcontent.org/post/37949105556/updateyourcss3).
		-	There's support for IE 9 using the `-ms-filter` property same as old IE but be mindful that if it's turned on and there's a `border-radius` property being used then the element will not get rounded corners.
		-	In order to skip over optional arguments then named arguments need to be used: `$from: #7a7a7a, $to: #1a1a1a,` so that we avoid having to redundantly redeclare the optional arguments, see: http://stackoverflow.com/questions/14435927/skipping-an-optional-argument-in-sass-mixin.
		-	Handy reminders:
			-	Direction keywords: 'top', 'right', 'bottom', 'left', 'top left', 'top right', 'bottom left' and 'bottom right'.
			-	Degree values: 
				-	0deg is equivalent to to top, 90deg is equivalent to to right, 180deg is equivalent to to bottom, 270deg is equivalent to to left and 360deg brings you back to to top again.
				-	How to support old syntax: "If you use an angle, the starting point of the gradient line has shifted. Previously 0deg started at the East position. Angles increased in an anticlockwise direction, such that 90deg started at the North position. With the unprefixed syntax the gradient line for 0deg starts at the North position and the angle increases clockwise. The formula for switching from the old the new degree value is abs(oldDegValue − 450) mod 360."
	
	Examples:
		@include linear-gradient(#f63, #ff6);
		@include linear-gradient(#f63, #ff6, top left, bottom right);
		@include linear-gradient($from: #f63, $to: #ff6, $old-ie-filter: true, $ie-9-filter: true);
		@include linear-gradient(#f63, #ff6, bottom, top, true, true, true, #000);
		
*/
/* Using 'direction' keywords */
/* Using 'degree' values */
/* Simple light gradient (only a bg color needs to be used) */
/* Simple dark gradient (only a bg color needs to be used) */
/* 
	Property:
		`transform`
		
	Usage: 
		CSS3 Transforms for 'Rotate', 'Scale', 'Translate' and 'Scale'.
	
	Note:
		Keep an eye on browser support: http://caniuse.com/#feat=transforms2d.
	
	Credit: 
		https://github.com/madr/css3-sass-mixins/blob/master/_all.scss
	
	Examples:
		@include rotate(-12.5);
		@include scale(1.5, 2);
		@include translate(40%);
		@include translate3d(10%);
		@include skew(45, 30);
		
		@include transform-origin(200px 400px);
*/
/* Base `@mixin` */
/* Transform origin */
/* --Different transforms-- */
/* Rotate */
/* Scale */
/* --Translate-- */
/* 2D */
/* 3D */
/* Skew */
/* [OPACITY]
-------------------------------------------------------*/
/* 
	Usage: 
		Quick way to declare `opacity` for modern browsers and old IE.
	
	Examples:
		@include opacity(0.2);
		@include opacity(0.9, !important);
*/
/* [VENDOR PREFIXES]
-------------------------------------------------------*/
/* 
	Usage: 
		Specify vendor prefixes for CSS3 properties.
	
	Note: 
		Keep an eye on browser support:
		-	Transition: 	http://caniuse.com/#search=transition
		-	Animation: 		http://caniuse.com/#feat=css-animation
		-	Multi-column: 	http://caniuse.com/#feat=multicolumn
		-	Hyphens: 		http://caniuse.com/#feat=css-hyphens
		-	Box sizing: 	http://caniuse.com/#feat=css3-boxsizing
		-	Border image: 	http://caniuse.com/#feat=border-image
		-	User-select:	http://caniuse.com/#feat=user-select-none
	
	Credit: 
		-	https://github.com/csswizardry/inuit.css/pull/102#issuecomment-12825976
		-	https://gist.github.com/3911033
	
	Examples:
		@include prefix(transition, border 0.2s linear, box-shadow 0.2s linear);
		@include prefix(animation, fade-in 1.5s 0.5s both);
		@include prefix(border-image, url(img/preloader.gif) 3 repeat);
		
		Loose version:
		@include prefix-loose(transition, all .15s, (-webkit-, ""));
*/
/* If you need to prefix something quicky and it's not in the above list, but the above `@mixin` should always be used */
/* 
	Usage: 
		Create CSS keyframe animations for the necessary vendors.
	
	Note: 
		Keep an eye on browser support: http://caniuse.com/#feat=css-animation.
	
	Examples:
		@include prefix(animation, shrink 3s);}
		@include prefix-keyframe(shrink) {
			from {font-size: 5em;}
		}
*/
/* [INPUT PLACEHOLDER]
-------------------------------------------------------*/
/* 
	Usage: 
		Take care of all the different browser vendor prefixes for the form input `placeholder` attr.
	
	Example:
		@include input-placeholder {
			.foo {background: red;}
		}
*/
/* [TARGET BROWSERS]
-------------------------------------------------------*/
/* 
	Usage:
		For targetting specific browsers. 
	
	Notes:
		-	The non-old IE `@mixin`s should be avoided at all costs (last resort). 
		-	Whenever the old IE `@mixin` is called it will only appear in 'old-ie.css'. 
		-	'Mozilla' `@mixin` cannot be nested in a style declaration, has to exist as it's own rule.
	
	Examples: 
		@include target-webkit {
			.foo {background: red;}
		}
		@include target-mozilla {
			.foo {background: red;}
		}
		@include old-ie {
			.foo {background: red;}
		}
*/
/* Webkit */
/* Mozilla */
/* Opera */
/*doesnotexist:-o-prefocus, 
.selector {
	color: red;
}*/
/* Old IE */
/* [MEDIA QUERY STUFF]
-------------------------------------------------------*/
/* 
	Usage: 
		Set-up media queries for min/max widths inc. ranges and handle support for old IE, also include a flag to only target 'screen' media so as to not affect 'print' media.
	
	Credit: 
		http://jakearchibald.github.com/sass-ie/
	
	Examples:
		@include respond-min($lap) {
			.foo {background: red;}
		}
		@include respond-min($lap, $screen-only: true) {
			.foo {background: red;}
		}
		@include respond-max($palm) {
			.foo {background: red;}
		}
		@include respond-range(500, 780) {
			.foo {background: red;}
		}
		@include respond-range-fixed(lap-lrg) {
			.foo {background: red;}
		}
*/
/* Min width */
/* Max width */
/* --Min/max ranges-- */
/* Accepts any range */
/* Fixed ranges using the pre-defined breakpoints in 'utils/vars' */
/* 
	Usage: 
		For targetting iOS devices.
	
	Example: 
		@include target-iOS {
			.foo {background: red;}
		}
*/
/*
	Usage: 
		For targetting high resolution displays (retina).
	
	Note:
		On retina, use image that's scaled by 2.
		
	Credit: 
		http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
	
	Example:
		.logo {
			background: url("logo.png") no-repeat;
			@include img-2x("logo@2x.png", 100px, 25px);
		}
*/
/* [ARROWS]
-------------------------------------------------------*/
/*
	Usage: 
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.
		
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/generic/_mixins.scss
	
	Examples:
		@include arrow(top, left, red);
		@include arrow(bottom, center, red, black);
*/
/* [PLACEHOLDER SELECTOR MEDIA QUERY FIX]
-------------------------------------------------------*/
/* 
	Usage:
		Placeholder selectors cannot be extended within media queries therefore to keep things DRY we use a `@mixin` to contain it's styles and when a selector is in a media query the `@mixin` needs to be called not the placeholder selector.
*/
/* Disguised link */
/* Clear fix */
/* ======================================================================================
   @UTILS -> SASS FUNCTIONS
   ====================================================================================== */
/* [CONVERT PX TO EM/REM]
-------------------------------------------------------*/
/* 
	Usage:
		To convert `px` to `em`s or `rem`s.
	
	Note:
		'REM' `@function` outputs a `px` fallback for old IE and Opera Mini, when Opera Mini supports `rem` (http://caniuse.com/#feat=rem) change the `@function` to an archived version (11-02-2013).
	
	Credit:
		https://gist.github.com/2237465
	
	Example:
		.foo {margin-left: to-em(8, 20);}
		.foo {padding: to-rem(8) 0;}
*/
/* EM */
/* REM */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../sass/partials/utils/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, ../sass/partials/utils/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../sass/partials/utils/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../sass/partials/utils/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, ../sass/partials/utils/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 74, ../sass/partials/utils/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../sass/partials/utils/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 94, ../sass/partials/utils/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 107, ../sass/partials/utils/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 115, ../sass/partials/utils/_normalize.scss */
b,
strong {
  font-weight: 500;
}

/* line 119, ../sass/partials/utils/_normalize.scss */
.strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 125, ../sass/partials/utils/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 133, ../sass/partials/utils/_normalize.scss */
hr {
  height: 0;
  width: 100%;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 142, ../sass/partials/utils/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 151, ../sass/partials/utils/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 163, ../sass/partials/utils/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 171, ../sass/partials/utils/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 179, ../sass/partials/utils/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 187, ../sass/partials/utils/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 195, ../sass/partials/utils/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 199, ../sass/partials/utils/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 211, ../sass/partials/utils/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 219, ../sass/partials/utils/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 231, ../sass/partials/utils/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 244, ../sass/partials/utils/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 255, ../sass/partials/utils/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 269, ../sass/partials/utils/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 281, ../sass/partials/utils/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 294, ../sass/partials/utils/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 306, ../sass/partials/utils/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 316, ../sass/partials/utils/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 328, ../sass/partials/utils/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/*input[type="search"]::-webkit-search-cancel-button,*/
/* line 341, ../sass/partials/utils/_normalize.scss */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 349, ../sass/partials/utils/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 360, ../sass/partials/utils/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 373, ../sass/partials/utils/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ======================================================================================
   @UTILS -> RESET
   ====================================================================================== */
/* 
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
*/
/* line 11, ../sass/partials/utils/_reset.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
time,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
main {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Reset `box-sizing` to the nice `border-box` */
/* line 89, ../sass/partials/utils/_reset.scss */
*, *:before, *:after {
  /* Transition */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Lists */
/* line 95, ../sass/partials/utils/_reset.scss */
ol,
ul {
  list-style: none;
}

/* endif */
/* Utils -> Placeholders */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOTTOM SPACING
   ====================================================================================== */
/*
	Usage:
		Applies the default bottom margin in order to try to keep a consistent vertical rhythm.
	
	Demo:
		Style Guide -> Utilities -> Bottom Spacing
*/
/* line 13, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul,
ol, dl, p, h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5, .tab-nav a,
h6, .h6, table, .quote, .quote blockquote, hr, pre, .grid,
.grid-item, .island,
.islet, .slats, .slats-img,
.slats-img-rev, .divider, .feedback-block, .form-main-field, .pull-left,
.pull-right,
.pull-center {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  /* Turn off bottom margin for the last element */
}
/* line 17, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul:last-child,
ol:last-child, dl:last-child, p:last-child, h1:last-child, .h1:last-child,
h2:last-child, .h2:last-child,
h3:last-child, .h3:last-child,
h4:last-child, .h4:last-child,
h5:last-child, .h5:last-child, .tab-nav a:last-child,
h6:last-child, .h6:last-child, table:last-child, .quote:last-child, .quote blockquote:last-child, hr:last-child, pre:last-child, .grid:last-child,
.grid-item:last-child, .island:last-child,
.islet:last-child, .slats:last-child, .slats-img:last-child,
.slats-img-rev:last-child, .divider:last-child, .feedback-block:last-child, .form-main-field:last-child, .pull-left:last-child,
.pull-right:last-child,
.pull-center:last-child {
  margin-bottom: 0;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> CLEAR FIX
   ====================================================================================== */
/*
	Usage:
		So parent containers can contain their floated children.
	
	Demo:
		Style Guide -> Utilities -> Clear Fix
	
	Credit:
		http://nicolasgallagher.com/micro-clearfix-hack
*/
/* line 870, ../sass/partials/utils/_mixins.scss */
.island:after,
.islet:after, .slats:after, .flexslider .slides:after, .modal-footer:after, .form-main-field:after {
  content: "";
  display: table;
  clear: both;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> DISGUISED LINK
   ====================================================================================== */
/*
	Usage:
		Make a link not look like a link.
	
	Note:
		Have to declare the styles in a `@mixin`, see the 'PLACEHOLDER SELECTOR MEDIA QUERY FIX' section in 'utils/mixins' for the explanation.
	
	Demo:
		Style Guide -> Utilities -> Disguised Link
*/
/* line 16, ../sass/partials/utils/placeholders/_disguised-link.scss */
.complex-link, .vcard .url {
  color: inherit;
  text-decoration: inherit;
  cursor: text;
  /* Pseudo classes */
}
/* line 863, ../sass/partials/utils/_mixins.scss */
.complex-link:visited, .vcard .url:visited, .complex-link:hover, .vcard .url:hover, .complex-link:focus, .vcard .url:focus {
  color: inherit;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> IMAGE REPLACEMENT
   ====================================================================================== */
/*
	Usage:
		For replacing a text element with an image.
		
	Note:
		Still undecided whether to go with the latest H5BP technique? Will decide after a few builds. If revert back to the prior technique then make sure to update all `em` values to `px`.
	
	Demo:
		Style Guide -> Utilities -> Image Replacement
	
	Credit:
		http://html5boilerplate.com/
*/
/*%img-replacement {
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}*/
/* line 25, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* Pseudo element */
}
/* line 31, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Alternate version */
/* line 40, ../sass/partials/utils/placeholders/_image-replacement.scss */
.flex-control-paging a, .flex-direction-nav a {
  text-indent: -9999px;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE BG
   ====================================================================================== */
/*
	Usage:
		Declare the main sprite background image.
	
	Demo:
		Style Guide -> Utilities -> Sprite BG
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-bg.scss */
.sprite {
  background-image: url("img/sprite.png");
  background-repeat: no-repeat;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE / ICON
   ====================================================================================== */
/*
	Usage:
		Common styles for sprited elements and icon fonts.
	
	Demo:
		Style Guide -> Utilities -> Sprite / Icon
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-icon.scss */
.sprite, .icon:before {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 0.71429em;
  top: -1px;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> TRANSITIONS
   ====================================================================================== */
/*
	Usage:
		Common CSS3 transition styles.
	
	Demo:
		Style Guide -> Utilities -> Transitions
*/
/* Subtle */
/* line 14, ../sass/partials/utils/placeholders/_transitions.scss */
a, .logo img, .nav-user .icon:before, .footer .nav-footer img, .complex-link--target, .accordion-header, .btn, .btn:before, .btn:after {
  /* Transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Off */
/* line 17, ../sass/partials/utils/placeholders/_transitions.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  /* Transition */
  -webkit-transition: none;
  transition: none;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.
	
	Demo:
		Style Guide -> Utilities -> Arrows
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_arrows.scss
*/
/* Set variables */
/* --Start abstraction-- */
/* Forms the basis for any/all CSS arrows */
/* --Define individual edges so we can combine what we need, when we need-- */
/* Top */
/* Upper */
/* Middle */
/* Lower */
/* Bottom */
/* Near */
/* Left */
/* Center */
/* Right */
/* Far */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOX SHADOWS
   ====================================================================================== */
/*
	Usage:
		Handy CSS3 box shadow styles.
	
	Demo:
		Style Guide -> Utilities -> Box Shadows
*/
/* --Simple directional box shadows-- */
/* Set variables */
/* Top */
/* Bottom */
/* line 30, ../sass/partials/utils/placeholders/_box-shadows.scss */
.js .drop-down {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}

/* Right */
/* Left */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> RESET LISTS
   ====================================================================================== */
/*
	Usage: 
		Simply strips away default styles for unordered and ordered lists i.e. 'reset'.
	
	Demo:
		Style Guide -> Utilities -> Reset Lists
*/
/* line 13, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list {
  /* Parent + any child lists */
}
/* line 15, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list,
.horiz-list ul,
.horiz-list ol {
  margin: 0;
  list-style: none;
}

/* Base */
/* ======================================================================================
   @BASE -> FONTS
   ====================================================================================== */
/* 
	Note: all `@font-face` declarations here.
*/
/* [Icons]
-------------------------------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("fonts/icons/icons.eot");
  src: url("fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/icons.svg#icomoon") format("svg"), url("fonts/icons/icons.woff") format("woff"), url("fonts/icons/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'emoticons';
  src: url("fonts/emoticons.eot?-erybr4");
  src: url("fonts/emoticons.eot?#iefix-erybr4") format("embedded-opentype"), url("fonts/emoticons.ttf?-erybr4") format("truetype"), url("fonts/emoticons.woff?-erybr4") format("woff"), url("fonts/emoticons.svg?-erybr4#emoticons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ======================================================================================
   @BASE -> MAIN
   ====================================================================================== */
/* line 5, ../sass/partials/base/_main.scss */
html {
  line-height: 1.5;
  font-size: 17px;
  font-weight: 300;
}

/* line 11, ../sass/partials/base/_main.scss */
body {
  background-color: #002B49;
  /* Transition */
  -webkit-animation: fade-in 1.5s 0.5s both;
  animation: fade-in 1.5s 0.5s both;
  min-height: 100vh;
}

/* line 17, ../sass/partials/base/_main.scss */
.form-main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 25, ../sass/partials/base/_main.scss */
.main a {
  text-decoration: underline;
}

/* Animation: fade in the `body` */
@-webkit-keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Set `font-family` and `color` */
/* line 43, ../sass/partials/base/_main.scss */
html,
button,
input,
select,
textarea {
  font-family: "Roboto", Verdana, sans-serif;
  color: #002B49;
}

/* Kanzi */
/* line 55, ../sass/partials/base/_main.scss */
.js-kanzi-sidemenu-font-size-button[data-scale="small"] {
  display: none;
}

/* line 59, ../sass/partials/base/_main.scss */
.c-kanzi {
  transform-origin: center !important;
}

/* line 63, ../sass/partials/base/_main.scss */
.kanzi-contrast-light .slider-likert > .likert-scale {
  background-color: #000;
  /*border: 1px solid #000;*/
}

/* line 68, ../sass/partials/base/_main.scss */
.kanzi-contrast-light .slider-likert__tick {
  background-color: #fff;
}

/* ======================================================================================
   @BASE -> VIEWPORT
   ====================================================================================== */
/* 
	Note: add @viewport rule to future proof (remove if site isn't responsive), leave out `-ms-` prefix, see here: http://nostrongbeliefs.com/why-i-think-we-shouldnt-use-css-viewport-in-ie10-for-now/. 
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* ======================================================================================
   @BASE -> LINKS
   ====================================================================================== */
/* line 5, ../sass/partials/base/_links.scss */
a {
  color: #00497c;
  text-decoration: none;
  /* Visited */
  /* Hover/Focus */
  /* Make `tel` links not look like links for non-phone devices at this breakpoint */
}
/* line 10, ../sass/partials/base/_links.scss */
a:visited {
  color: #002B49;
}
/* line 14, ../sass/partials/base/_links.scss */
a:hover, a:focus {
  color: #002B49;
  text-decoration: underline;
}
@media all and (min-width: 40.0625em) {
  /* line 21, ../sass/partials/base/_links.scss */
  a[href^="tel:"] {
    color: inherit;
    text-decoration: inherit;
    cursor: text;
    /* Pseudo classes */
  }
  /* line 863, ../sass/partials/utils/_mixins.scss */
  a[href^="tel:"]:visited, a[href^="tel:"]:hover, a[href^="tel:"]:focus {
    color: inherit;
  }
  /* line 24, ../sass/partials/base/_links.scss */
  a[href^="tel:"]:focus {
    outline: none;
  }
}

/*Admin*/
/* line 33, ../sass/partials/base/_links.scss */
.dashboard a:hover, .dashboard a:focus {
  text-decoration: none;
}

/* Print */
@media print {
  /* line 41, ../sass/partials/base/_links.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* Note: this may be redundant? */
  /* Show the `href` and `title` attr values after the element */
  /* line 45, ../sass/partials/base/_links.scss */
  a[href]:after,
  abbr[title]:after {
    font-size: 80%;
    color: gray !important;
  }

  /* line 51, ../sass/partials/base/_links.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 53, ../sass/partials/base/_links.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Don't show the `href` attr value for the following */
  /* line 56, ../sass/partials/base/_links.scss */
  .header a[href]:after,
  .url[href]:after,
  a[href^="tel:"]:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
}
/* ======================================================================================
   @BASE -> LISTS
   ====================================================================================== */
/* [UNORDERED / ORDERED]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_lists.scss */
ul,
ol {
  /* Left indent */
}
/* line 12, ../sass/partials/base/_lists.scss */
ul,
ul ul,
ul ol,
ol,
ol ul,
ol ol {
  margin-left: 21px;
  margin-left: 1.5rem;
  /* Increase left indent at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 12, ../sass/partials/base/_lists.scss */
  ul,
  ul ul,
  ul ol,
  ol,
  ol ul,
  ol ol {
    margin-left: 42px;
    margin-left: 3rem;
  }
}

/* [LISTS]
-------------------------------------------------------*/
/* Unordered and Ordered lists via the 'list' class */
/* line 27, ../sass/partials/base/_lists.scss */
.list,
.list ul,
.list ol {
  /*@include to-rem(margin-left, $spacing-dbl);*/
  margin-left: 2rem;
}

/* half indent */
/* line 35, ../sass/partials/base/_lists.scss */
.list-indent-half {
  margin-left: 21px;
  margin-left: 1.5rem;
}

/* unordered bullets */
/* line 40, ../sass/partials/base/_lists.scss */
ul.list {
  list-style: disc;
}

/* line 42, ../sass/partials/base/_lists.scss */
.list ul {
  list-style: circle;
}

/* line 44, ../sass/partials/base/_lists.scss */
.list ul ul {
  list-style: square;
}

/* ordered bullets */
/* line 47, ../sass/partials/base/_lists.scss */
ol.list {
  list-style: decimal;
}

/* line 49, ../sass/partials/base/_lists.scss */
.list ol {
  list-style: lower-alpha;
}

/* line 51, ../sass/partials/base/_lists.scss */
.list ol ol {
  list-style: lower-roman;
}

/* [DEFINITION]
-------------------------------------------------------*/
/* line 57, ../sass/partials/base/_lists.scss */
dt {
  font-weight: 700;
}

/* [CUSTOM] 
-------------------------------------------------------*/
/*Alternate coloured backgrounds*/
/* line 66, ../sass/partials/base/_lists.scss */
.list-colour-alt div:after {
  content: "";
  display: table;
  clear: both;
}
/* line 71, ../sass/partials/base/_lists.scss */
.list-colour-alt div.form-main-field {
  padding: 1em 0;
  margin-bottom: 0;
}
/* line 74, ../sass/partials/base/_lists.scss */
.list-colour-alt div.form-main-field:nth-child(odd) {
  background: #002B49;
}
/* line 79, ../sass/partials/base/_lists.scss */
.list-colour-alt div .icon {
  padding-left: 0.5em;
}
/* line 80, ../sass/partials/base/_lists.scss */
.list-colour-alt div .icon-success:before {
  color: #2b4119;
}
/* line 81, ../sass/partials/base/_lists.scss */
.list-colour-alt div .icon-warning:before {
  color: #6f0f0f;
}
/* line 82, ../sass/partials/base/_lists.scss */
.list-colour-alt div .btn-sml {
  float: right;
}
/* line 84, ../sass/partials/base/_lists.scss */
.list-colour-alt div .btn-sml:before {
  content: "Configuration";
}
@media all and (max-width: 28.125em) {
  /* line 89, ../sass/partials/base/_lists.scss */
  .list-colour-alt div .btn-sml:before {
    content: "";
  }
  /* line 90, ../sass/partials/base/_lists.scss */
  .list-colour-alt div .btn-sml .icon {
    padding-left: 0;
  }
  /* line 92, ../sass/partials/base/_lists.scss */
  .list-colour-alt div .btn-sml .icon:before {
    margin-right: 0;
  }
}
/* line 99, ../sass/partials/base/_lists.scss */
.list-colour-alt .table-admin label {
  margin: 0;
}

/* line 104, ../sass/partials/base/_lists.scss */
.list-arrow {
  margin-left: 0;
}
/* line 107, ../sass/partials/base/_lists.scss */
.list-arrow li {
  padding-left: 1.5em;
  position: relative;
}
/* line 111, ../sass/partials/base/_lists.scss */
.list-arrow li:before {
  content: "";
  background-color: #7ac144;
  border-radius: 50%;
  height: 1rem;
  position: absolute;
  transform: translateX(-150%);
  top: .125rem;
  width: 1rem;
}

/*Available Time*/
/* line 126, ../sass/partials/base/_lists.scss */
.hours strong {
  width: 6.42857em;
  display: inline-block;
}

/* line 129, ../sass/partials/base/_lists.scss */
.availability-time-row select {
  top: 0 !important;
  padding: 0.5em 2em 0.5em 0.5em;
  margin-right: 0.5em;
}
/* line 134, ../sass/partials/base/_lists.scss */
.availability-time-row .txt-input {
  margin-right: 0.5em;
}
/* line 135, ../sass/partials/base/_lists.scss */
.availability-time-row .btn-main {
  position: relative;
  top: -1px;
}

/* ======================================================================================
   @BASE -> EMBEDDED CONTENT
   ====================================================================================== */
/* 
	1.	Remove the gap between images and the bottom of their containers.
 	2.	Make responsive.
	3.	So that `alt` text is visually offset if images don't load.
*/
/* line 10, ../sass/partials/base/_embedded-content.scss */
img {
  vertical-align: middle;
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 2 */
  font-style: italic;
  /* 3 */
}

/* Images in `figure` elements */
/* line 18, ../sass/partials/base/_embedded-content.scss */
figure > img {
  display: block;
}

/* line 21, ../sass/partials/base/_embedded-content.scss */
.dropzone {
  border-radius: 20px !important;
  margin: 1rem 0;
}

/* line 26, ../sass/partials/base/_embedded-content.scss */
.dz-message, .dz-message * {
  color: #000 !important;
}

/* ======================================================================================
   @BASE -> PARAGRAPHS
   ====================================================================================== */
/* ======================================================================================
   @BASE -> HEADINGS
   ====================================================================================== */
/* 
	Note: to target any heading of any level use this generic heading class: `.hn`.
*/
/* Shared */
/* line 10, ../sass/partials/base/_headings.scss */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5, .tab-nav a,
h6, .h6 {
  font-weight: 300;
  /*text-transform:capitalize;*/
}

/* H1 */
/* line 22, ../sass/partials/base/_headings.scss */
h1, .h1 {
  font-size: 40px;
  font-size: 2.85714rem;
  line-height: 1.05;
  line-height: 1.07143em;
  /*color: $color-brand;*/
  font-weight: 900;
}

/* H2 */
/* line 30, ../sass/partials/base/_headings.scss */
h2, .h2 {
  font-size: 30px;
  font-size: 2.14286rem;
  line-height: 1.4;
  /*color: $color-brand;*/
  font-weight: 900;
}

/* H3 */
/* line 37, ../sass/partials/base/_headings.scss */
h3, .h3 {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.05;
  font-weight: 600;
}

/* H4 */
/* line 43, ../sass/partials/base/_headings.scss */
h4, .h4 {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.3125;
}

/* H5 */
/* line 49, ../sass/partials/base/_headings.scss */
h5, .h5, .tab-nav a {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.05;
  font-weight: 600;
}

/* H6 */
/* line 55, ../sass/partials/base/_headings.scss */
h6, .h6 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

/*Admin*/
@media all and (max-width: 40em) {
  /* line 60, ../sass/partials/base/_headings.scss */
  .page-heading {
    font-size: 1.4em;
  }
}

/* line 64, ../sass/partials/base/_headings.scss */
.dashboard h1, .dashboard .h1,
.dashboard h2, .dashboard .h2,
.dashboard h3, .dashboard .h3,
.dashboard h4, .dashboard .h4,
.dashboard h5, .dashboard .h5, .dashboard .tab-nav a, .tab-nav .dashboard a,
.dashboard h6, .dashboard .h6 {
  /*text-transform:capitalize;*/
  color: color-blue-400;
}

/* line 73, ../sass/partials/base/_headings.scss */
.heading {
  background-color: #002B49;
  padding: 0.8em;
  color: #fff;
}

/*.island-button {
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
        text-transform:capitalize;
    }
}*/
/* ======================================================================================
   @BASE -> TABLES
   ====================================================================================== */
/* line 5, ../sass/partials/base/_tables.scss */
table {
  width: 100%;
}

/* line 12, ../sass/partials/base/_tables.scss */
table a:hover {
  color: #000 !important;
}

/*tr:hover {    
    background-color:rgba(122,193,68,0.1) !important;
}*/
/* line 22, ../sass/partials/base/_tables.scss */
caption,
th {
  text-align: left;
}

/* line 27, ../sass/partials/base/_tables.scss */
th,
td {
  vertical-align: middle;
}

/*Width classes*/
/* line 33, ../sass/partials/base/_tables.scss */
.tiny {
  width: 1%;
}

/* line 37, ../sass/partials/base/_tables.scss */
.short {
  width: 12.5%;
}

/* line 41, ../sass/partials/base/_tables.scss */
.med {
  width: 20%;
}

/* line 45, ../sass/partials/base/_tables.scss */
.long {
  width: 35%;
}

/* line 49, ../sass/partials/base/_tables.scss */
.x-long {
  width: 55%;
}

/*Word wrap long URLs*/
/* line 54, ../sass/partials/base/_tables.scss */
td[data-hr=URL] {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Print */
@media print {
  /* line 74, ../sass/partials/base/_tables.scss */
  thead {
    display: table-header-group;
  }
}
/* ======================================================================================
   GRID TABLES
   ====================================================================================== */
/* line 83, ../sass/partials/base/_tables.scss */
.grid-table {
  display: table;
  width: 100%;
}
/* line 87, ../sass/partials/base/_tables.scss */
.grid-table .grid-row {
  display: table-row;
}
/* line 90, ../sass/partials/base/_tables.scss */
.grid-table .grid-row .grid-cell {
  display: table-cell;
}

/* Other tables */
/* line 97, ../sass/partials/base/_tables.scss */
.table-admin {
  background-color: #fff;
  /* Zebra striping */
}
/* line 100, ../sass/partials/base/_tables.scss */
.table-admin td, .table-admin th {
  vertical-align: top;
  /* Width */
}
/* line 103, ../sass/partials/base/_tables.scss */
.table-admin td.tiny, .table-admin th.tiny {
  width: 1%;
}
/* line 107, ../sass/partials/base/_tables.scss */
.table-admin td.strong, .table-admin td .strong, .table-admin th.strong, .table-admin th .strong {
  font-weight: 500;
}
/* line 112, ../sass/partials/base/_tables.scss */
.table-admin th {
  background-color: #002B49;
  padding: 0.5em;
  color: #fff !important;
  font-weight: normal;
}
/* line 118, ../sass/partials/base/_tables.scss */
.table-admin th a {
  color: #fff;
}
/* line 123, ../sass/partials/base/_tables.scss */
.table-admin tr:nth-of-type(even) {
  background: #F0F7FA;
}
/* line 127, ../sass/partials/base/_tables.scss */
.table-admin td {
  text-align: left;
  padding: 0.5em;
}
/* line 131, ../sass/partials/base/_tables.scss */
.table-admin td .toolbar {
  width: 100%;
  /*min-width: to-em(72);
  float: left;*/
}
/* line 138, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs {
  margin-left: 0;
}
/* line 141, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs .custom-cb-label {
  margin: 0;
}
/* line 144, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs .custom-cb-label:before {
  border-radius: 0;
}
/* line 150, ../sass/partials/base/_tables.scss */
.table-admin .unread {
  font-weight: 500;
}
/* line 154, ../sass/partials/base/_tables.scss */
.table-admin .js-toggle-content {
  margin-top: 0.5em;
}
@media all and (max-width: 47.5em) {
  /* line 97, ../sass/partials/base/_tables.scss */
  .table-admin {
    display: block;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*Label the data*/
  }
  /* line 161, ../sass/partials/base/_tables.scss */
  .table-admin thead, .table-admin tbody, .table-admin th, .table-admin td, .table-admin tr {
    display: block;
  }
  /* line 165, ../sass/partials/base/_tables.scss */
  .table-admin thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* line 171, ../sass/partials/base/_tables.scss */
  .table-admin td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 7.14286em;
    clear: both;
    min-height: 40px;
  }
  /* line 179, ../sass/partials/base/_tables.scss */
  .table-admin td:before {
    /* Now like a table header
    position: absolute; */
    /* Top/left values mimic padding 
    top: 12px;
    left: 9px;
    width: 45%;
    padding-right: 10px;*/
  }
  /* line 190, ../sass/partials/base/_tables.scss */
  .table-admin td.title > a {
    margin-left: 6em;
  }
  /* line 196, ../sass/partials/base/_tables.scss */
  .table-admin td.description p {
    margin-left: 6em;
  }
  /* line 202, ../sass/partials/base/_tables.scss */
  .table-admin td.date p {
    margin-left: 6em;
  }
  /* line 207, ../sass/partials/base/_tables.scss */
  .table-admin td a {
    width: auto !important;
  }
  /* line 211, ../sass/partials/base/_tables.scss */
  .table-admin td .btn-faux-link {
    width: 100%;
    margin-bottom: 1em;
  }
  /* line 217, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar {
    float: none;
    padding: 1em 0 0.8em 0.6em;
  }
  /* line 222, ../sass/partials/base/_tables.scss */
  .table-admin td.title:before {
    content: "Title:";
    font-weight: bold;
  }
  /* line 227, ../sass/partials/base/_tables.scss */
  .table-admin td.description:before {
    content: "Description:";
    font-weight: bold;
  }
  /* line 232, ../sass/partials/base/_tables.scss */
  .table-admin td.date:before {
    content: "Date:";
    font-weight: bold;
  }
  /* line 237, ../sass/partials/base/_tables.scss */
  .table-admin td.mrn:before {
    content: "URN/MRN:";
    font-weight: bold;
  }
  /* line 242, ../sass/partials/base/_tables.scss */
  .table-admin td.patient:before {
    content: "Patient:";
    font-weight: bold;
  }
  /* line 248, ../sass/partials/base/_tables.scss */
  .table-admin td.status:before, .table-admin td.facility:before, .table-admin td.healthpro:before {
    content: "Date Created:";
    font-weight: bold;
  }
  /* line 254, ../sass/partials/base/_tables.scss */
  .table-admin td.toolbar:before {
    content: "Option:";
    font-weight: bold;
  }
}
@media all and (min-width: 47.5625em) {
  /* line 261, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-6-items {
    width: 13.57143em;
  }
  /* line 265, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-5-items {
    width: 11.42857em;
  }
  /* line 269, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-4-items {
    width: 9.64286em;
  }
  /* line 273, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-3-items {
    width: 7.85714em;
  }
  /* line 277, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-2-items {
    width: 6.42857em;
    /*text-align:right;*/
  }
  /* line 282, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-1-item {
    width: 3.57143em;
    text-align: right;
  }
}
@media all and (min-width: 64em) {
  /* line 97, ../sass/partials/base/_tables.scss */
  .table-admin {
    /*More/Less*/
  }
  /* line 290, ../sass/partials/base/_tables.scss */
  .table-admin .title {
    position: relative;
  }
  /* line 293, ../sass/partials/base/_tables.scss */
  .table-admin .title .btn-toggle-content-wrap {
    position: absolute;
    right: 0;
    top: 0.2em;
  }
  /* line 298, ../sass/partials/base/_tables.scss */
  .table-admin .title .btn-toggle-content-wrap .btn-faux-link {
    margin-top: 0;
  }
}

/* ASSESSMENT MODULE TABLES */
/* line 307, ../sass/partials/base/_tables.scss */
.table-assessment, .table-admin {
  background-color: #fff;
  text-align: left;
}
/* line 312, ../sass/partials/base/_tables.scss */
.table-assessment tr th, .table-admin tr th {
  background-color: #002B49;
  color: #fff;
  font-weight: 600;
}
/* line 317, ../sass/partials/base/_tables.scss */
.table-assessment tr th .id-column, .table-admin tr th .id-column {
  width: 0.71429em;
  padding-right: 0;
}
/* line 321, ../sass/partials/base/_tables.scss */
.table-assessment tr th .id-column .icon:before, .table-admin tr th .id-column .icon:before {
  margin-right: 0;
}
/* line 326, ../sass/partials/base/_tables.scss */
.table-assessment tr th h2, .table-admin tr th h2 {
  float: left;
  margin: 0.5em 0 0 0;
}
/* line 331, ../sass/partials/base/_tables.scss */
.table-assessment tr th .btn, .table-admin tr th .btn {
  float: right;
}
/* line 335, ../sass/partials/base/_tables.scss */
.table-assessment tr th.sort-handle-heading, .table-admin tr th.sort-handle-heading {
  padding: 0.8em 0 0.8em 0.5em;
  text-align: center;
  width: 1%;
}
/* line 342, ../sass/partials/base/_tables.scss */
.table-assessment tr th, .table-admin tr th {
  padding: 0.8em;
}
/* line 346, ../sass/partials/base/_tables.scss */
.table-assessment tr td, .table-admin tr td {
  padding: 1rem;
  vertical-align: middle;
}
/* line 350, ../sass/partials/base/_tables.scss */
.table-assessment tr td.sort-handle, .table-admin tr td.sort-handle {
  padding: 0.3em 0 0.3em 0.6em;
}
/* line 353, ../sass/partials/base/_tables.scss */
.table-assessment tr td.sort-handle span, .table-admin tr td.sort-handle span {
  display: inline-block;
  text-align: center;
}
/* line 358, ../sass/partials/base/_tables.scss */
.table-assessment tr td.sort-handle .icon:before, .table-admin tr td.sort-handle .icon:before {
  margin-right: 0;
}
/* line 363, ../sass/partials/base/_tables.scss */
.table-assessment tr td a, .table-admin tr td a {
  width: 100%;
}
/* line 366, ../sass/partials/base/_tables.scss */
.table-assessment tr td a:hover, .table-admin tr td a:hover {
  text-decoration: none;
}
/* line 373, ../sass/partials/base/_tables.scss */
.table-assessment .date, .table-admin .date {
  margin-right: 1em;
}
/* line 377, ../sass/partials/base/_tables.scss */
.table-assessment .message, .table-admin .message {
  width: 16.42857em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 384, ../sass/partials/base/_tables.scss */
.table-assessment .text-full, .table-admin .text-full {
  width: 83%;
  display: inline-block;
}
/* line 389, ../sass/partials/base/_tables.scss */
.table-assessment .text-short, .table-admin .text-short {
  display: none;
}
/* line 393, ../sass/partials/base/_tables.scss */
.table-assessment .short-cell, .table-admin .short-cell {
  width: 3%;
}
/* line 396, ../sass/partials/base/_tables.scss */
.table-assessment .short-cell .disc, .table-admin .short-cell .disc {
  margin-left: 0;
}
/* line 401, ../sass/partials/base/_tables.scss */
.table-assessment .med-cell, .table-admin .med-cell {
  width: 20%;
}
/* line 405, ../sass/partials/base/_tables.scss */
.table-assessment .id-cell, .table-admin .id-cell {
  width: 10%;
}
/* line 409, ../sass/partials/base/_tables.scss */
.table-assessment .name-cell, .table-admin .name-cell {
  width: 20%;
}
/* line 413, ../sass/partials/base/_tables.scss */
.table-assessment .user-type-cell, .table-admin .user-type-cell {
  width: 10.71429em;
}
/* line 417, ../sass/partials/base/_tables.scss */
.table-assessment .date-cell, .table-admin .date-cell {
  width: 6.42857em;
}
@media all and (min-width: 40.0625em) {
  /* line 423, ../sass/partials/base/_tables.scss */
  .table-assessment tr:last-child td:first-child, .table-admin tr:last-child td:first-child {
    border-bottom-left-radius: 0.5em;
  }
  /* line 427, ../sass/partials/base/_tables.scss */
  .table-assessment tr:last-child td:last-child, .table-admin tr:last-child td:last-child {
    border-bottom-right-radius: 0.5em;
  }
  /* line 432, ../sass/partials/base/_tables.scss */
  .table-assessment .status, .table-admin .status {
    position: absolute;
    right: 2.5em;
    top: -0.35em;
  }
  /* line 437, ../sass/partials/base/_tables.scss */
  .table-assessment .status .icon, .table-admin .status .icon {
    font-size: 1.5em;
    color: #7ac144;
  }
  /* line 441, ../sass/partials/base/_tables.scss */
  .table-assessment .status .icon:before, .table-admin .status .icon:before {
    margin-right: 0;
  }
}
@media all and (max-width: 40em) {
  /* line 449, ../sass/partials/base/_tables.scss */
  .table-assessment thead, .table-assessment .text-full, .table-assessment .icon-edit, .table-admin thead, .table-admin .text-full, .table-admin .icon-edit {
    display: none;
  }
  /* line 453, ../sass/partials/base/_tables.scss */
  .table-assessment .text-short, .table-admin .text-short {
    display: block;
    float: left;
    padding-top: 0.5em;
  }
  /* line 459, ../sass/partials/base/_tables.scss */
  .table-assessment tr, .table-admin tr {
    border-bottom: 1px solid #fff;
  }
  /* line 463, ../sass/partials/base/_tables.scss */
  .table-assessment tr td .status, .table-admin tr td .status {
    padding: 0.47em 0.8em;
    width: 2.6em;
    background-color: #0092CC;
    position: absolute;
    right: 0;
  }
  /* line 470, ../sass/partials/base/_tables.scss */
  .table-assessment tr td .status .icon-tick:before, .table-admin tr td .status .icon-tick:before {
    margin-right: 0;
  }
}
@media all and (max-width: 47.5em) {
  /* line 479, ../sass/partials/base/_tables.scss */
  .table-assessment tr td, .table-admin tr td {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 30px;
  }
  /* line 480, ../sass/partials/base/_tables.scss */
  .table-assessment tr td:first-child, .table-admin tr td:first-child {
    padding-top: 0.5em;
  }
  /* line 488, ../sass/partials/base/_tables.scss */
  .table-assessment tr td .toolbar, .table-admin tr td .toolbar {
    padding: 0 0 0.5em 0;
  }
  /* line 492, ../sass/partials/base/_tables.scss */
  .table-assessment tr td.sort-handle, .table-admin tr td.sort-handle {
    display: none;
  }
}

/* line 502, ../sass/partials/base/_tables.scss */
.table-assessment tr th h2 {
  color: #fff;
}
/* line 506, ../sass/partials/base/_tables.scss */
.table-assessment tr th:first-child {
  width: 0.71429em;
  padding-right: 0;
  text-align: center;
}
/* line 511, ../sass/partials/base/_tables.scss */
.table-assessment tr th:first-child .icon:before {
  margin-right: 0;
}
/* line 517, ../sass/partials/base/_tables.scss */
.table-assessment tr td:first-child {
  vertical-align: middle;
}
/* line 522, ../sass/partials/base/_tables.scss */
.table-assessment .icon-edit {
  width: 5.71429em;
  text-align: center;
}
/* line 526, ../sass/partials/base/_tables.scss */
.table-assessment .icon-edit:before {
  border: 2px solid #002B49;
  border-radius: 50%;
  padding: 0.4em 0.36em;
}
@media all and (min-width: 40.0625em) {
  /* line 534, ../sass/partials/base/_tables.scss */
  .table-assessment tr:nth-of-type(even) {
    background: #F0F7FA;
  }
  /* line 538, ../sass/partials/base/_tables.scss */
  .table-assessment td > a:first-child {
    position: relative;
    width: 100%;
    display: block;
  }
  /* line 543, ../sass/partials/base/_tables.scss */
  .table-assessment td > a:first-child .icon-edit {
    position: absolute;
    right: -0.7em;
    top: 0;
    text-align: right;
    font-size: 0.75em;
  }
}
@media all and (max-width: 40em) {
  /* line 555, ../sass/partials/base/_tables.scss */
  .table-assessment tr td {
    background-color: #002B49;
  }
  /* line 558, ../sass/partials/base/_tables.scss */
  .table-assessment tr td a {
    color: #fff;
  }
}

/*Tables for the messages*/
/* line 569, ../sass/partials/base/_tables.scss */
.table-message tr td {
  cursor: pointer;
}

/* line 576, ../sass/partials/base/_tables.scss */
.table-report .disc {
  margin-left: 0;
}
/* line 580, ../sass/partials/base/_tables.scss */
.table-report .label td {
  background-color: #0092CC;
  color: #fff;
}

/*Resources*/
/* line 587, ../sass/partials/base/_tables.scss */
.resources .table-admin {
  border-bottom: 1px solid #e3e3e3;
}
/* line 588, ../sass/partials/base/_tables.scss */
.resources .table-admin tr th {
  background-color: transparent;
  color: #002B49 !important;
  border-top: 1px solid #002B49;
  border-bottom: 1px solid #002B49;
}
/* line 597, ../sass/partials/base/_tables.scss */
.resources .table-admin tr:last-child td {
  border-radius: 0;
}

/*Responsive tables using data-attributes*/
@media all and (max-width: 47.5em) {
  /* line 605, ../sass/partials/base/_tables.scss */
  .table-responsive th {
    display: none;
  }
  /* line 610, ../sass/partials/base/_tables.scss */
  .table-responsive td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    padding-bottom: 0.2em;
  }
}

@media all and (max-width: 47.5em) {
  /* line 623, ../sass/partials/base/_tables.scss */
  .table-admin th {
    display: none;
  }
  /* line 627, ../sass/partials/base/_tables.scss */
  .table-admin td {
    width: 100%;
  }
  /* line 629, ../sass/partials/base/_tables.scss */
  .table-admin td:before {
    content: attr(data-hr) ": ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    padding-bottom: 0.2em;
    float: left;
  }
  /* line 638, ../sass/partials/base/_tables.scss */
  .table-admin td[data-hr="Description"]:before {
    width: 100%;
    padding-bottom: 0;
  }
  /* line 642, ../sass/partials/base/_tables.scss */
  .table-admin td[data-hr="Description"] + td {
    padding-top: 0.2em;
  }
}

/* ======================================================================================
   @BASE -> QUOTES
   ====================================================================================== */
/* [INLINE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_quotes.scss */
q {
  quotes: "\2018" "\2019" "\201C" "\201D";
  /* Pseudo elements */
  /* Nested */
}
/* line 11, ../sass/partials/base/_quotes.scss */
q:before {
  content: "\2018";
  /* Left single quotation mark */
  content: open-quote;
}
/* line 16, ../sass/partials/base/_quotes.scss */
q:after {
  content: "\2019";
  /* Right single quotation mark */
  content: close-quote;
}
/* line 23, ../sass/partials/base/_quotes.scss */
q q:before {
  content: "\201C";
  /* Left double quotation mark */
  content: open-quote;
}
/* line 28, ../sass/partials/base/_quotes.scss */
q q:after {
  content: "\201D";
  /* Right double quotation mark */
  content: close-quote;
}

/* [BLOCK]
-------------------------------------------------------*/
/* line 37, ../sass/partials/base/_quotes.scss */
.quote {
  margin-left: 3.28571em;
  padding: 1.5em 0;
  /* Reduce the width and center align at this breakpoint */
  /* Source */
}
@media all and (min-width: 48em) {
  /* line 37, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 49, ../sass/partials/base/_quotes.scss */
.quote blockquote {
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.3125;
  font-style: italic;
  color: #262626;
  position: relative;
  quotes: none;
  /* Increase the font size at this breakpoint */
  /* Pseudo element - left double quotation mark  */
  /* Nested paragraphs */
}
@media all and (min-width: 48em) {
  /* line 49, ../sass/partials/base/_quotes.scss */
  .quote blockquote {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.3125;
  }
}
/* line 64, ../sass/partials/base/_quotes.scss */
.quote blockquote:before {
  content: "\201C";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-size: 7.14286rem;
  line-height: 1.05;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
  top: -0.28em;
  left: -0.56em;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 64, ../sass/partials/base/_quotes.scss */
  .quote blockquote:before {
    font-size: 130px;
    font-size: 9.28571rem;
    line-height: 1.13077;
    top: -0.23077em;
    left: -0.53846em;
  }
}
/* line 84, ../sass/partials/base/_quotes.scss */
.quote blockquote p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* line 88, ../sass/partials/base/_quotes.scss */
.quote figcaption {
  color: gray;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.75;
  /* Pseudo element - em dash */
}
/* line 93, ../sass/partials/base/_quotes.scss */
.quote figcaption:before {
  content: "\2014";
}

/* ======================================================================================
   @BASE -> TEXT SELECTION
   ====================================================================================== */
/* Firefox */
/* line 6, ../sass/partials/base/_text-selection.scss */
::-moz-selection {
  background: #002B49;
  text-shadow: none;
  color: #fff;
}

/* Everyone else */
/* line 13, ../sass/partials/base/_text-selection.scss */
::selection {
  background: #002B49;
  text-shadow: none;
  color: #fff;
}

/* line 19, ../sass/partials/base/_text-selection.scss */
.txt-green {
  color: green;
}

/* line 20, ../sass/partials/base/_text-selection.scss */
.txt-orange {
  color: orange;
}

/* line 21, ../sass/partials/base/_text-selection.scss */
.txt-red {
  color: red;
}

/* line 22, ../sass/partials/base/_text-selection.scss */
.txt-blue {
  color: blue;
}

/* line 23, ../sass/partials/base/_text-selection.scss */
.txt-black {
  color: black;
}

/* line 24, ../sass/partials/base/_text-selection.scss */
.txt-white {
  color: white;
}

/* ======================================================================================
   @BASE -> MISCELLANEOUS
   ====================================================================================== */
/* [HORIZONTAL RULE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_misc.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 0.07143em solid #bfbfbf;
  padding: 0;
  position: relative;
  /* Pesudo element for a more stylised `hr` */
}
/* line 17, ../sass/partials/base/_misc.scss */
hr:after {
  content: "\2767";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 0;
  text-align: center;
  color: #bfbfbf;
}

/* [ABBREVIATION]
-------------------------------------------------------*/
/* line 31, ../sass/partials/base/_misc.scss */
abbr[title] {
  cursor: help;
}

/* [INSERT]
-------------------------------------------------------*/
/* line 35, ../sass/partials/base/_misc.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* [PRE]
-------------------------------------------------------*/
/* [ADDRESS/EM]
-------------------------------------------------------*/
/* line 47, ../sass/partials/base/_misc.scss */
address,
em {
  font-style: normal;
}

/* [SMALL]
-------------------------------------------------------*/
/* line 52, ../sass/partials/base/_misc.scss */
small {
  font-size: 100%;
}

/* [CANVAS]
-------------------------------------------------------*/
/* Set the default behavior for touch-based browsing in IE 10 on devices running Windows 8 */
/* line 57, ../sass/partials/base/_misc.scss */
canvas {
  -ms-touch-action: double-tap-zoom;
}

/*Custom*/
/* line 61, ../sass/partials/base/_misc.scss */
.clear:after {
  content: "";
  display: table;
  clear: both;
}

/* line 67, ../sass/partials/base/_misc.scss */
.block-number {
  display: inline-block;
  background-color: #002B49;
  padding: 0.1em 0.4em;
  margin-right: 0.5em;
  color: #fff;
}

/* line 73, ../sass/partials/base/_misc.scss */
.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 5.5em;
  height: 5.5em;
  text-align: right;
}
/* line 80, ../sass/partials/base/_misc.scss */
.ribbon span {
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  line-height: 2.3em;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 114px;
  display: block;
  background: #7ac144;
  box-shadow: 0 3px 10px -5px black;
  position: absolute;
  top: 9px;
  right: -31px;
}
/* line 89, ../sass/partials/base/_misc.scss */
.ribbon span:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
/* line 95, ../sass/partials/base/_misc.scss */
.ribbon span:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/* line 107, ../sass/partials/base/_misc.scss */
.disc {
  border-radius: 50%;
  display: inline-block;
  padding: 0.35em 0.8em;
  margin-left: 1em;
  margin-right: 0.3em;
  position: relative;
  color: #fff;
}
/* line 114, ../sass/partials/base/_misc.scss */
.disc.dot {
  top: 1px;
  border: 1px solid #bfbfbf;
  width: 12px;
  height: 13px;
  padding: 0;
}
/* line 119, ../sass/partials/base/_misc.scss */
.disc.high, .disc.medium, .disc.low {
  border: 0;
}
/* line 120, ../sass/partials/base/_misc.scss */
.disc.high {
  background-color: #b31200;
}
/* line 121, ../sass/partials/base/_misc.scss */
.disc.medium {
  background-color: #e58007;
}
/* line 122, ../sass/partials/base/_misc.scss */
.disc.low {
  background-color: #f4c500;
}

/* line 125, ../sass/partials/base/_misc.scss */
.strong {
  font-weight: bold;
}

/* line 126, ../sass/partials/base/_misc.scss */
.medium {
  font-weight: 400;
}

/* line 127, ../sass/partials/base/_misc.scss */
.light {
  font-weight: 300;
}

/* line 129, ../sass/partials/base/_misc.scss */
.js-toggle-content {
  padding: 0.8em 0.1em;
}

/*Stack trace*/
/* line 134, ../sass/partials/base/_misc.scss */
.tracecontent, #__asptrace {
  background-color: #fff !important;
}

/*Responsive videos*/
/* line 139, ../sass/partials/base/_misc.scss */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
/* line 146, ../sass/partials/base/_misc.scss */
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Key for required*/
/* line 156, ../sass/partials/base/_misc.scss */
.key-required {
  font-size: 0.8em;
  background-image: radial-gradient(#7ac144 18%, rgba(0, 0, 0, 0) 18%), radial-gradient(#7ac144 18%, rgba(0, 0, 0, 0) 18%);
  background-size: 2em 2em;
  background-position: -0.7em -0.5em;
  background-repeat: no-repeat;
  border-color: #7ac144;
  padding-left: 1em;
}

/* ======================================================================================
   @BASE -> SKIP LINK
   ====================================================================================== */
/*
	Usage: 
		An accessibility feature to allow assistive technology users e.g. screen readers to easily skip to the main content, also assists keyboard users.
	
	Demo:
		Insert cursor in the browser address bar then start tabbing, it's the first tab stop in the site.
*/
/* line 13, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link {
  /* Pseudo classes */
}
/* line 15, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2147483647;
  width: 100%;
  padding: 0.5em 0;
  background-color: rgba(0, 43, 73, 0.9);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-weight: 700;
  height: auto;
  overflow: visible;
  clip: auto;
  margin: 0;
}

/* Layout */
/* ======================================================================================
   @LAYOUT -> CONTAINERS
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_containers.scss */
.container, .container-sm, .container-md, .container-lg {
  width: 90%;
  /*@include to-rem(min-width, 280);*/
  max-width: 1400px;
  /*@include to-rem(max-width, $page-container-max-width);*/
  margin: 0 auto;
  /* Print */
  /*@include respond-max($palm){width:100%;}*/
}
@media print {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container, .container-sm, .container-md, .container-lg {
    width: auto;
  }
}

/* line 20, ../sass/partials/layout/_containers.scss */
.container-sm {
  max-width: 600px;
}

/* line 25, ../sass/partials/layout/_containers.scss */
.container-md {
  max-width: 1200px;
}

/* line 30, ../sass/partials/layout/_containers.scss */
.container-lg {
  max-width: 1600px;
}

/* line 35, ../sass/partials/layout/_containers.scss */
.container-none {
  width: initial;
  max-width: initial;
  margin: initial;
}

/* line 41, ../sass/partials/layout/_containers.scss */
.container-pad {
  padding: 0 1.5em;
}

/* line 45, ../sass/partials/layout/_containers.scss */
.container-ball {
  margin-bottom: -2.71429em;
}

/* line 49, ../sass/partials/layout/_containers.scss */
.container--full {
  width: 100%;
  padding-bottom: 2.85714em;
}

/* line 54, ../sass/partials/layout/_containers.scss */
.container-padding {
  padding: 0 0 4.5rem 0;
  /* @include respond-min($non-palm){
       @include to-rem(padding, $grid-gutter-dbl 0);
   }
   @include respond-min (1100){
       @include to-rem(padding, $grid-gutter-triple 0);
   }*/
}

/*Admin & Public*/
/* line 66, ../sass/partials/layout/_containers.scss */
.main-inner {
  background-color: #002B49;
  background-image: url(/img/dark-background.svg);
  background-size: contain;
  background-repeat: no-repeat;
  flex: 1;
}
@media all and (max-width: 40em) {
  /* line 66, ../sass/partials/layout/_containers.scss */
  .main-inner {
    padding: 0;
  }
}

/* line 78, ../sass/partials/layout/_containers.scss */
_:-ms-lang(x), .grey-fill {
  background-image: url("img/background-2.png");
}

/* line 80, ../sass/partials/layout/_containers.scss */
.dashboard {
  padding-top: 1rem;
}
/* line 81, ../sass/partials/layout/_containers.scss */
.dashboard a {
  color: #fff;
}
@media all and (min-width: 40.0625em) {
  /* line 80, ../sass/partials/layout/_containers.scss */
  .dashboard {
    padding-bottom: 42px;
    padding-bottom: 3rem;
    padding-top: 42px;
    padding-top: 3rem;
  }
}
@media all and (min-width: 68.75em) {
  /* line 80, ../sass/partials/layout/_containers.scss */
  .dashboard {
    padding-top: 0px;
    padding-top: 0rem;
  }
}

/* line 97, ../sass/partials/layout/_containers.scss */
.message-body {
  text-align: left;
}
/* line 100, ../sass/partials/layout/_containers.scss */
.message-body .message-toolbar {
  border-radius: 0;
}
/* line 103, ../sass/partials/layout/_containers.scss */
.message-body .message-toolbar .btn {
  border: 0;
}
/* line 108, ../sass/partials/layout/_containers.scss */
.message-body .message-bar {
  background-color: #002B49;
  color: #fff;
  border-radius: 20px 20px 0 0;
}
/* line 114, ../sass/partials/layout/_containers.scss */
.message-body .message-header {
  position: relative;
  margin-bottom: 0;
}
/* line 118, ../sass/partials/layout/_containers.scss */
.message-body .message-header .message-flag {
  position: absolute;
  right: 0;
  top: 2.5em;
}
/* line 123, ../sass/partials/layout/_containers.scss */
.message-body .message-header .message-flag .icon:before {
  font-size: 2em;
}
@media all and (max-width: 40em) {
  /* line 130, ../sass/partials/layout/_containers.scss */
  .message-body .def-list_desc {
    margin-bottom: 1em;
  }
}

/*Help Section*/
/* line 139, ../sass/partials/layout/_containers.scss */
.help-page .list li {
  margin-bottom: 0.5em;
}
/* line 141, ../sass/partials/layout/_containers.scss */
.help-page p {
  margin-bottom: 0.5em;
}
/* line 142, ../sass/partials/layout/_containers.scss */
.help-page .non-palm-three-quarters .islet {
  background-color: #f2f2f2;
}

/* line 146, ../sass/partials/layout/_containers.scss */
.help-page-title {
  background-color: #002B49;
  color: #fff;
}
/* line 150, ../sass/partials/layout/_containers.scss */
.help-page-title .icon {
  display: inline-block;
  padding: 0.5em;
  margin-right: 0.5em;
  background-color: #002B49;
}
/* line 153, ../sass/partials/layout/_containers.scss */
.help-page-title .icon:before {
  margin-right: 0;
}

/* line 156, ../sass/partials/layout/_containers.scss */
.help-page-subtitle {
  background-color: #002B49;
  color: #fff;
  padding: 0.5em;
}

/* ======================================================================================
   @LAYOUT -> HEADER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_header.scss */
.header {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.61538;
  background-color: #fff;
  /* Base rules */
}
/* line 9, ../sass/partials/layout/_header.scss */
.header a {
  text-decoration: none;
}
/* line 13, ../sass/partials/layout/_header.scss */
.header p {
  margin-bottom: 0;
}
@media all and (max-width: 40em) {
  /* line 17, ../sass/partials/layout/_header.scss */
  .header .container, .header .container-sm, .header .container-md, .header .container-lg {
    width: 90%;
  }
}

/* line 24, ../sass/partials/layout/_header.scss */
.header-inner {
  /* Admin, Console, Patient */
}
/* line 26, ../sass/partials/layout/_header.scss */
.header-inner .admin-menu, .header-inner .console-menu, .header-inner .patient-menu {
  background-color: #002B49;
  padding-bottom: 1em;
}
@media all and (min-width: 40.0625em) {
  /* line 26, ../sass/partials/layout/_header.scss */
  .header-inner .admin-menu, .header-inner .console-menu, .header-inner .patient-menu {
    padding: 1em 0;
  }
}

/* Logo */
/* line 37, ../sass/partials/layout/_header.scss */
.logo {
  display: block;
  /*text-align: center;*/
    /* Faux table layout at this breakpoint 
	@include respond-min($non-palm) {*/
    /*display: table-cell;
		vertical-align: middle;*/
  text-align: left;
  float: left;
  margin: 0;
  /*}*/
  /* Pseudo classes */
}
/* line 48, ../sass/partials/layout/_header.scss */
.logo img {
  max-width: 39.35714em;
}
/* line 52, ../sass/partials/layout/_header.scss */
.logo img.logo-big {
  display: none;
}
@media all and (max-width: 40em) {
  /* line 48, ../sass/partials/layout/_header.scss */
  .logo img {
    width: 10em;
    padding: 0.5em 0;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 48, ../sass/partials/layout/_header.scss */
  .logo img {
    margin: 1.35em 0;
  }
  /* line 64, ../sass/partials/layout/_header.scss */
  .logo img.logo-big {
    display: block;
  }
  /* line 68, ../sass/partials/layout/_header.scss */
  .logo img.logo-small {
    display: none;
  }
}
@media all and (min-width: 48em) {
  /* line 48, ../sass/partials/layout/_header.scss */
  .logo img {
    margin-left: 0;
  }
}
/* line 78, ../sass/partials/layout/_header.scss */
.logo:hover img, .logo:focus img {
  opacity: 0.7;
}

/* [Navigation] --------------------------------------------------------------------------------------------- */
/* line 86, ../sass/partials/layout/_header.scss */
.header_nav {
  background-color: #fff;
  /* Base rules */
  /* Container */
}
/* line 89, ../sass/partials/layout/_header.scss */
.header_nav a, .header_nav .nav-main .btn {
  color: #fff;
}
/* line 93, ../sass/partials/layout/_header.scss */
.header_nav .container, .header_nav .container-sm, .header_nav .container-md, .header_nav .container-lg {
  position: relative;
  padding: 0.25em 0;
  /*width:100%;*/
  /* Remove padding and increase width at this breakpoint */
  /* Restore default width at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 93, ../sass/partials/layout/_header.scss */
  .header_nav .container, .header_nav .container-sm, .header_nav .container-md, .header_nav .container-lg {
    width: 100%;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 93, ../sass/partials/layout/_header.scss */
  .header_nav .container, .header_nav .container-sm, .header_nav .container-md, .header_nav .container-lg {
    padding: 0;
  }
}
@media all and (min-width: 48em) {
  /* line 93, ../sass/partials/layout/_header.scss */
  .header_nav .container, .header_nav .container-sm, .header_nav .container-md, .header_nav .container-lg {
    width: 90%;
  }
}
/* line 110, ../sass/partials/layout/_header.scss */
.header_nav .btn-menu-toggle {
  padding: 0.75em 0.5em;
  width: 4rem;
  height: 2.3rem;
}
@media all and (max-width: 40em) {
  /* line 110, ../sass/partials/layout/_header.scss */
  .header_nav .btn-menu-toggle {
    margin-left: 0.5em;
    z-index: 9999;
  }
}
/* line 121, ../sass/partials/layout/_header.scss */
.header_nav .btn-menu-toggle, .header_nav .btn-main.btn-menu-toggle.is-expanded, .header_nav .btn-main:hover, .header_nav .btn-main:focus {
  border: 0;
  top: 0.5em;
}

/* --Main navigation-- */
/* Toggle the menu via jQuery */
/* line 130, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle {
  /* Hide */
  display: none;
  /* Show when expanded */
  /* Always show at this breakpoint */
}
/* line 134, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle.is-expanded {
  display: block;
}
/* line 137, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle.is-expanded .nav-main {
  background-color: #002B49;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 1em;
}
@media all and (min-width: 40.0625em) {
  /* line 130, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    display: block;
  }
}

/* Main navigation */
/* line 151, ../sass/partials/layout/_header.scss */
.nav-main {
  padding: 0.75em 0;
  /* Remove padding at this breakpoint */
  /* Links */
  /* --Conditional links (drop down) at lap viewport range-- */
  /* Hide the conditional links at these breakpoints */
  /* Hide/show of certain links at this breakpoint range */
  /* Lap */
  /* Lap small */
  /* Lap large */
  /* Desk small */
  /* Drop down trigger */
  /* Drop down */
  /* Opened state */
  /* Home link */
  /* Icons */
  /* Icon spacing */
}
/* line 154, ../sass/partials/layout/_header.scss */
.nav-main .icon-home:before {
  margin-left: 0.2em;
  margin-right: 0.2em;
}
@media all and (min-width: 40.0625em) {
  /* line 151, ../sass/partials/layout/_header.scss */
  .nav-main {
    padding: 0;
  }
}
/* line 163, ../sass/partials/layout/_header.scss */
.nav-main a, .nav-main .btn {
  padding: 5px 7px;
  padding: 0.35714rem 0.5rem;
  margin-right: 1px;
  /* Pseudo classes + active state */
  /* Mods at this breakpoint */
}
/* line 167, ../sass/partials/layout/_header.scss */
.nav-main a:hover, .nav-main a:focus, .nav-main a.is-active, .nav-main .btn:hover, .nav-main .btn:focus, .nav-main .btn.is-active {
  background-color: #002B49;
  border-radius: 3px;
}
@media all and (max-width: 40em) {
  /* line 163, ../sass/partials/layout/_header.scss */
  .nav-main a, .nav-main .btn {
    display: block;
    padding-top: 6px;
    padding-top: 0.42857rem;
    padding-bottom: 6px;
    padding-bottom: 0.42857rem;
    border-bottom: 1px solid #001625;
    box-shadow: 0 1px 0 #002B49;
    margin-right: 0;
    font-size: 1.2em;
  }
}
/* line 185, ../sass/partials/layout/_header.scss */
.nav-main .nav-main-conditional-links {
  display: none;
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 151, ../sass/partials/layout/_header.scss */
  .nav-main {
    /* Hide links in main nav we have no room for */
    /* Show the conditional links (drop down) */
  }
  /* line 191, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main-hide-show {
    display: none;
  }
  /* line 195, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main-conditional-links {
    display: inline-block;
  }
}
/* line 200, ../sass/partials/layout/_header.scss */
.nav-main .btn {
  line-height: 1.61538;
  vertical-align: baseline;
}
/* line 205, ../sass/partials/layout/_header.scss */
.nav-main .drop-down {
  background-color: #002B49;
  width: 13.28571rem;
  /* Links */
  /* Last link in list */
  /* Icons */
}
/* line 209, ../sass/partials/layout/_header.scss */
.nav-main .drop-down a {
  display: block;
  padding-top: 4px;
  padding-top: 0.28571rem;
  padding-bottom: 4px;
  padding-bottom: 0.28571rem;
  border-bottom: 1px solid #001625;
  box-shadow: 0 1px 0 #002B49;
  margin-right: 0;
  /* Pseudo classes + active state */
}
/* line 216, ../sass/partials/layout/_header.scss */
.nav-main .drop-down a:hover, .nav-main .drop-down a:focus, .nav-main .drop-down a.is-active {
  background-color: #00223a;
}
/* line 223, ../sass/partials/layout/_header.scss */
.nav-main .drop-down li:last-child a {
  border: 0;
  box-shadow: none;
}
/* line 228, ../sass/partials/layout/_header.scss */
.nav-main .drop-down .icon:before {
  width: 1em;
  text-align: center;
}
/* line 234, ../sass/partials/layout/_header.scss */
.nav-main .drop-down-container.is-active {
  /* Trigger */
}
/* line 236, ../sass/partials/layout/_header.scss */
.nav-main .drop-down-container.is-active .btn {
  background-color: #002B49;
}
/* line 241, ../sass/partials/layout/_header.scss */
.nav-main .nav-main-home {
  box-shadow: inset 0 1px 0 #002B49, 0 1px 0 #002B49;
  border-radius: 3px;
  /* Add bg color and remove border/shadow at this breakpoint */
  /* Reveal link text at this breakpoint */
  /* Pseudo classes */
  /* Icon */
}
@media all and (min-width: 40.0625em) {
  /* line 241, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main-home {
    background-color: #002B49;
    border: 0;
    box-shadow: none;
  }
}
@media all and (max-width: 40em) {
  /* line 252, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main-home .hide-visually {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    margin: 0;
  }
}
/* line 262, ../sass/partials/layout/_header.scss */
.nav-main .nav-main-home:hover, .nav-main .nav-main-home:focus {
  box-shadow: inset 0 0 0 #002B49, 0 1px 0 #002B49;
  /* No box shadow at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 262, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main-home:hover, .nav-main .nav-main-home:focus {
    box-shadow: none;
  }
}
/* line 271, ../sass/partials/layout/_header.scss */
.nav-main .nav-main-home .icon:before {
  /* Reduce font size and add some right spacing at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 271, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main-home .icon:before {
    margin-right: 0.5em;
  }
}
/* line 279, ../sass/partials/layout/_header.scss */
.nav-main .icon:before {
  width: 1em;
  text-align: center;
  /* Remove fixed widths at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 279, ../sass/partials/layout/_header.scss */
  .nav-main .icon:before {
    width: auto;
    text-align: left;
  }
}
/* line 289, ../sass/partials/layout/_header.scss */
.nav-main .icon-spacing:before {
  margin-right: 0.5em;
  /* Decrease spacing at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 289, ../sass/partials/layout/_header.scss */
  .nav-main .icon-spacing:before {
    margin-right: 0.375em;
  }
}

/* Public Main navigation */
/* line 299, ../sass/partials/layout/_header.scss */
.nav-main-public {
  padding: 0.75em 0;
  text-align: center;
  display: block;
  /* Remove padding at this breakpoint */
  /* Links */
}
@media all and (min-width: 56.25em) {
  /* line 299, ../sass/partials/layout/_header.scss */
  .nav-main-public {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 1.42857em;
  }
}
/* line 311, ../sass/partials/layout/_header.scss */
.nav-main-public a,
.nav-main-public .btn {
  padding: 8px 12px;
  padding: 0.57143rem 0.85714rem;
  text-transform: uppercase;
  margin-left: 2.14286em;
  display: block;
  border-bottom: 1px solid #001625;
  /* Pseudo classes + active state */
  /* Mods at this breakpoint */
}
/* line 319, ../sass/partials/layout/_header.scss */
.nav-main-public a:hover, .nav-main-public a:focus, .nav-main-public a.is-active,
.nav-main-public .btn:hover,
.nav-main-public .btn:focus,
.nav-main-public .btn.is-active {
  background-color: #002B49;
  border-radius: 0;
  color: #fff;
}
@media all and (min-width: 56.25em) {
  /* line 319, ../sass/partials/layout/_header.scss */
  .nav-main-public a:hover, .nav-main-public a:focus, .nav-main-public a.is-active,
  .nav-main-public .btn:hover,
  .nav-main-public .btn:focus,
  .nav-main-public .btn.is-active {
    border-radius: 10px;
  }
}
@media all and (min-width: 56.25em) {
  /* line 311, ../sass/partials/layout/_header.scss */
  .nav-main-public a,
  .nav-main-public .btn {
    padding-top: 4px;
    padding-top: 0.28571rem;
    padding-bottom: 4px;
    padding-bottom: 0.28571rem;
    margin-right: 0;
    border: none;
  }
}

/* Search */
/* line 340, ../sass/partials/layout/_header.scss */
.search-mini {
  border-radius: 40px;
  position: absolute;
  right: 0.5em;
  top: 0.85em;
  background-color: #fff;
  padding: 0.21429em 3.14286em 0.35714em 0.85714em;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.75;
  width: 75%;
  /* IE 9 */
  /* Adjust width and top positioning at this breakpoint */
  /* Increase width at this breakpoint */
  /* Increase width at this breakpoint */
  /* All items */
  /* Text input */
  /* Submit button */
  /* Submit button icon */
}
/* line 350, ../sass/partials/layout/_header.scss */
.ie9 .search-mini {
  top: 0.42857em;
}
@media all and (min-width: 40.0625em) {
  /* line 340, ../sass/partials/layout/_header.scss */
  .search-mini {
    top: 0.2em;
    width: 15.71429em;
    /* IE 9 */
  }
  /* line 358, ../sass/partials/layout/_header.scss */
  .ie9 .search-mini {
    top: 0.28571em;
  }
}
@media all and (min-width: 48em) {
  /* line 340, ../sass/partials/layout/_header.scss */
  .search-mini {
    width: 21.42857em;
  }
}
@media all and (min-width: 85.375em) {
  /* line 340, ../sass/partials/layout/_header.scss */
  .search-mini {
    width: 25.71429em;
  }
}
/* line 371, ../sass/partials/layout/_header.scss */
.search-mini * {
  vertical-align: middle;
}
/* line 375, ../sass/partials/layout/_header.scss */
.search-mini input {
  border: 0;
  padding: 0.2em 0;
  width: 100%;
  /* IE 9 */
  /* Focus pseudo class */
}
/* line 380, ../sass/partials/layout/_header.scss */
.ie9 .search-mini input {
  padding-top: 0.57143em;
  padding-bottom: 0.5em;
}
/* line 385, ../sass/partials/layout/_header.scss */
.search-mini input:focus {
  outline: none;
}
/* line 390, ../sass/partials/layout/_header.scss */
.search-mini .btn {
  position: absolute;
  top: 0;
  right: 0.85714em;
  height: 100%;
  width: 2em;
}
/* line 398, ../sass/partials/layout/_header.scss */
.search-mini .icon:before {
  color: #002B49;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1;
  /* IE 9 */
}
/* line 402, ../sass/partials/layout/_header.scss */
.ie9 .search-mini .icon:before {
  position: static;
}

/* [Brand & User] --------------------------------------------------------------------------------------------- */
@media all and (max-width: 40em) {
  /* line 409, ../sass/partials/layout/_header.scss */
  .public-menu {
    min-height: 3.5em;
  }
  /* line 413, ../sass/partials/layout/_header.scss */
  .public-menu #nav-main-user {
    position: relative;
    z-index: 9;
  }
}

/* line 420, ../sass/partials/layout/_header.scss */
.header_brand-user {
  /* Increase the width at this breakpoint range */
  /* Base rules */
  /* Inner container */
}
@media all and (min-width: 40.0625em) {
  /* line 423, ../sass/partials/layout/_header.scss */
  .header_brand-user .logo img {
    height: 3rem;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 48em) {
  /* line 420, ../sass/partials/layout/_header.scss */
  .header_brand-user {
    width: 94%;
  }
}
/* line 432, ../sass/partials/layout/_header.scss */
.header_brand-user,
.header_brand-user a {
  color: #002B49;
}
/* line 437, ../sass/partials/layout/_header.scss */
.header_brand-user > div {
  /* Faux table layout at this breakpoint*/
}
@media all and (min-width: 40.0625em) {
  /* line 437, ../sass/partials/layout/_header.scss */
  .header_brand-user > div {
    align-items: center;
    display: flex;
    width: 100%;
    padding: 0;
  }
}
/* line 447, ../sass/partials/layout/_header.scss */
.header_brand-user .icon {
  font-size: 1rem;
}
/* line 450, ../sass/partials/layout/_header.scss */
.header_brand-user .icon:before {
  margin-right: 0;
}

/* User area */
/* line 457, ../sass/partials/layout/_header.scss */
.user-area {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  font-weight: 600;
  margin-bottom: .5rem;
  /*text-align: center;*/
  padding: 0.375em;
  text-align: right;
  padding: 1.07143em 0em 0em 0.75em;
}
@media all and (max-width: 40em) {
  /* line 457, ../sass/partials/layout/_header.scss */
  .user-area {
    padding-top: 0.5em;
  }
}

/* User & notifications */
/* line 474, ../sass/partials/layout/_header.scss */
.user-notifications {
  /* Links */
  /* Notifications */
}
/* line 476, ../sass/partials/layout/_header.scss */
.user-notifications a {
  /* Pseudo classes */
}
/* line 478, ../sass/partials/layout/_header.scss */
.user-notifications a:hover, .user-notifications a:focus {
  text-decoration: underline;
}
/* line 484, ../sass/partials/layout/_header.scss */
.user-notifications > span {
  display: inline-block;
}

/* Username */
/* line 490, ../sass/partials/layout/_header.scss */
.user-notifications-username {
  align-items: center;
  background-color: #002B49;
  border-radius: 50%;
  color: #fff !important;
  display: flex;
  font-weight: 600;
  height: 3rem;
  justify-content: center;
  margin-left: 1.5rem;
  min-width: 3rem;
  width: 3rem;
}

/* Notification count */
/* line 505, ../sass/partials/layout/_header.scss */
.user-notifications-count {
  border-radius: 5px;
  border: 2px solid #002B49;
  color: #002B49;
  font-weight: 600;
  padding: 0 0.57143em;
  display: inline-block;
  margin-right: 0.25rem;
  /* Transition */
  -webkit-animation: bounce 0.6s 3s 3 both;
  animation: bounce 0.6s 3s 3 both;
}

/* line 516, ../sass/partials/layout/_header.scss */
.tab-nav .user-notifications-count {
  padding: 0;
}

/* 'Bounce' animation */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/* User navigation */
/* line 550, ../sass/partials/layout/_header.scss */
.nav-user {
  padding-top: 0.1em;
  /* Items */
  /* Links */
  /* Icons */
}
/* line 553, ../sass/partials/layout/_header.scss */
.nav-user li {
  margin-left: 0.375em;
  /* Pseudo element - slash */
  /* Remove slash at this breakpoint */
}
/* line 556, ../sass/partials/layout/_header.scss */
.nav-user li:after {
  color: #002B49;
}
@media all and (min-width: 64em) {
  /* line 561, ../sass/partials/layout/_header.scss */
  .nav-user li:after {
    display: none;
  }
}
/* line 567, ../sass/partials/layout/_header.scss */
.nav-user a {
  /* Pad out and add rounded corners at this breakpoint */
  /* Pseudo classes + active state */
  /* Reveal link text at this breakpoint */
}
@media all and (min-width: 64em) {
  /* line 567, ../sass/partials/layout/_header.scss */
  .nav-user a {
    padding: 0.21429em 0.5em;
    border-radius: 10px;
  }
}
/* line 574, ../sass/partials/layout/_header.scss */
.nav-user a:hover, .nav-user a:focus, .nav-user a.is-active {
  /* Icons */
  /* Add hover styles at this breakpoint */
}
/* line 578, ../sass/partials/layout/_header.scss */
.nav-user a:hover .icon:before, .nav-user a:focus .icon:before, .nav-user a.is-active .icon:before {
  color: #fff;
  background-color: #002B49;
}
@media all and (min-width: 64em) {
  /* line 574, ../sass/partials/layout/_header.scss */
  .nav-user a:hover, .nav-user a:focus, .nav-user a.is-active {
    color: #fff;
    background-color: #002B49;
    /* Icons */
  }
  /* line 587, ../sass/partials/layout/_header.scss */
  .nav-user a:hover .icon:before, .nav-user a:focus .icon:before, .nav-user a.is-active .icon:before {
    background: none;
  }
}
@media all and (min-width: 64em) {
  /* line 594, ../sass/partials/layout/_header.scss */
  .nav-user a .hide-visually {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    margin: 0;
  }
}
/* line 605, ../sass/partials/layout/_header.scss */
.nav-user .icon:before {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1;
  padding: 1px 0.35714em 0;
  border-radius: 10px;
  line-height: 1.5;
  /* Reset some of the above and add right spacing at this breakpoint */
}
@media all and (min-width: 64em) {
  /* line 605, ../sass/partials/layout/_header.scss */
  .nav-user .icon:before {
    padding: 0;
    line-height: 1;
    transition: none;
    margin-right: 0.21429em;
    /* Webkit - icon flush top */
  }
}
@media all and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 0) {
  /* line 605, ../sass/partials/layout/_header.scss */
  .nav-user .icon:before {
    position: relative;
  }
}

/*-- QUICK LINKS --*/
/* line 628, ../sass/partials/layout/_header.scss */
.nav-quick-links a:hover {
  color: #002B49;
}
@media all and (max-width: 40em) {
  /* line 626, ../sass/partials/layout/_header.scss */
  .nav-quick-links {
    clear: both;
    text-align: center;
    background-color: #fff;
    padding-bottom: 0.5em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 626, ../sass/partials/layout/_header.scss */
  .nav-quick-links {
    text-align: right;
    padding: 0em 0em 1.5em 0.75em;
  }
}

/* line 646, ../sass/partials/layout/_header.scss */
.nav-quick-links nav {
  padding-top: 0.3em;
}
/* line 649, ../sass/partials/layout/_header.scss */
.nav-quick-links nav a {
  padding-left: 1em;
}
/* line 652, ../sass/partials/layout/_header.scss */
.nav-quick-links nav a:first-child {
  padding-left: 0;
}
/* line 657, ../sass/partials/layout/_header.scss */
.nav-quick-links nav .icon {
  padding-right: 0.5em;
}
@media all and (max-width: 20em) {
  /* line 662, ../sass/partials/layout/_header.scss */
  .nav-quick-links nav .icon {
    display: none;
  }
}
@media all and (max-width: 23.4375em) {
  /* line 668, ../sass/partials/layout/_header.scss */
  .nav-quick-links nav a {
    padding-left: 0.9em;
  }
}
@media all and (max-width: 40em) {
  /* line 646, ../sass/partials/layout/_header.scss */
  .nav-quick-links nav {
    padding-top: 1em;
  }
}

/* line 678, ../sass/partials/layout/_header.scss */
.nav-quick-links.is-expanded {
  background-color: #fff;
  margin-top: 0.5em;
  border: 1px solid #002B49;
  border-radius: 4px;
}

@media all and (max-width: 40em) {
  /* line 685, ../sass/partials/layout/_header.scss */
  a.logo + div.nav-quick-links {
    padding-top: 0.6em;
  }
}

/* Adjusting positioning of logo when a nav button exists*/
@media all and (max-width: 40em) {
  /* line 692, ../sass/partials/layout/_header.scss */
  button.btn-menu-toggle + nav.js-menu-toggle + div.header_brand-user a.logo {
    float: right;
    margin-right: 0.5em;
  }
}

/* ======================================================================================
   @LAYOUT -> HEADER -> BANNER DISPLAY
   ====================================================================================== */
/* line 703, ../sass/partials/layout/_header.scss */
.navigation {
  background-color: #002B49;
  padding: 3rem 0;
}
/* line 707, ../sass/partials/layout/_header.scss */
.navigation * {
  color: #fff;
}
/* line 711, ../sass/partials/layout/_header.scss */
.navigation .grid-item {
  margin-bottom: 0;
}
/* line 715, ../sass/partials/layout/_header.scss */
.navigation .container, .navigation .container-sm, .navigation .container-md, .navigation .container-lg {
  width: 90%;
}
/* line 719, ../sass/partials/layout/_header.scss */
.navigation .page-heading,
.navigation .txt-page-heading {
  font-size: 1.85rem;
}
@media all and (min-width: 40.0625em) {
  /* line 703, ../sass/partials/layout/_header.scss */
  .navigation {
    text-align: left;
    width: 100%;
    padding-bottom: 2rem;
  }
  /* line 729, ../sass/partials/layout/_header.scss */
  .navigation:after {
    display: table;
  }
  /* line 733, ../sass/partials/layout/_header.scss */
  .navigation .heading {
    float: left;
  }
  /* line 737, ../sass/partials/layout/_header.scss */
  .navigation .breadcrumb {
    float: right;
    padding-top: 0.7em;
  }
}

/* [ASIDE]
-------------------------------------------------------*/
/* line 3, ../sass/partials/layout/_aside.scss */
.aside {
  width: 30%;
  float: left;
  margin-top: 3em;
}

@media (max-width: 999px) {
  /* line 10, ../sass/partials/layout/_aside.scss */
  .aside {
    float: none;
    width: auto;
    min-height: 0;
    border-radius: 0;
    margin-top: 0;
    padding: 60px 0 0 0;
    box-shadow: none;
    background-size: contain;
  }

  /* line 21, ../sass/partials/layout/_aside.scss */
  .aside-inner {
    padding: 30px 9px;
    border-radius: 8px;
    width: 90%;
    margin: 0 auto;
    /* outerglow
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, .4),
    			0 0 12px 2px rgba(0, 0, 0, .55);*/
  }
}
@media (min-width: 750px) and (max-width: 999px) {
  /* line 36, ../sass/partials/layout/_aside.scss */
  .aside {
    background-size: auto;
  }

  /* line 40, ../sass/partials/layout/_aside.scss */
  .aside-inner {
    width: 90%;
  }
}
@media (min-width: 420px) and (max-width: 619px) {
  /* line 44, ../sass/partials/layout/_aside.scss */
  .aside-inner {
    padding-left: 8%;
    padding-right: 8%;
  }
}
/* ======================================================================================
   @LAYOUT -> MAIN

   ====================================================================================== */
/* [BREADCRUMB]
-------------------------------------------------------*/
/* line 10, ../sass/partials/layout/_main.scss */
.breadcrumbs {
  position: relative;
  top: .5rem;
}
@media all and (min-width: 40.0625em) {
  /* line 10, ../sass/partials/layout/_main.scss */
  .breadcrumbs {
    text-align: right;
  }
}

/* [Home page] 
-------------------------------------------------------*/
/* line 22, ../sass/partials/layout/_main.scss */
.home-bg {
  background: transparent url("img/home-bg.png") no-repeat 50% 100%;
  /*background-image: url('img/background-1.svg');*/
  background-size: cover;
}
/* line 27, ../sass/partials/layout/_main.scss */
.home-bg input[type="text"]::-webkit-input-placeholder,
.home-bg input[type="password"]::-webkit-input-placeholder {
  color: gray;
}
/* line 32, ../sass/partials/layout/_main.scss */
.home-bg input[type="text"]::-moz-placeholder,
.home-bg input[type="password"]::-moz-placeholder {
  color: gray;
}
/* line 37, ../sass/partials/layout/_main.scss */
.home-bg input[type="text"]:-ms-input-placeholder,
.home-bg input[type="password"]:-ms-input-placeholder {
  color: gray;
}
/* line 42, ../sass/partials/layout/_main.scss */
.home-bg .arrow {
  display: none;
}
/* line 46, ../sass/partials/layout/_main.scss */
.home-bg .grid-item {
  padding-top: 2em;
  padding-bottom: 2em;
  /*Tabs*/
}
/* line 50, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:first-child {
  text-align: justify;
}
/* line 55, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:last-child .form-main-field {
  position: relative;
}
/* line 58, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:last-child .form-main-field input {
  padding-left: 1.5em;
  font-size: 14px;
}
/* line 63, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:last-child .form-main-field .btn-main {
  border-color: #fff;
}
/* line 67, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:last-child .form-main-field .icon-disc {
  width: 3.21429em;
  background-color: #002B49;
  padding: 0.45em 1em;
  border-radius: 50%;
  position: absolute;
  top: 1em;
}
/* line 75, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:last-child .form-main-field .icon-disc .icon {
  font-size: 1.5em;
}
/* line 78, ../sass/partials/layout/_main.scss */
.home-bg .grid-item:last-child .form-main-field .icon-disc .icon:before {
  margin-right: 0;
}
/* line 86, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-nav {
  background-color: #002B49;
  /* Pseudo classes + active state */
}
/* line 89, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-nav a:hover,
.home-bg .grid-item .tab-nav a:focus,
.home-bg .grid-item .tab-nav .is-active a {
  background-color: #002B49;
  color: #fff;
  font-weight: normal;
}
@media all and (max-width: 40em) {
  /* line 89, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item .tab-nav a:hover,
  .home-bg .grid-item .tab-nav a:focus,
  .home-bg .grid-item .tab-nav .is-active a {
    text-transform: uppercase;
  }
}
/* line 100, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-nav a:hover .is-active a,
.home-bg .grid-item .tab-nav a:focus .is-active a,
.home-bg .grid-item .tab-nav .is-active a .is-active a {
  border: 1px solid #002B49;
}
/* line 104, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-nav a:hover a:hover,
.home-bg .grid-item .tab-nav a:focus a:hover,
.home-bg .grid-item .tab-nav .is-active a a:hover {
  background-color: #002B49;
  border: 1px dotted #fff;
}
/* line 109, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-nav a:hover .is-active a:hover,
.home-bg .grid-item .tab-nav a:focus .is-active a:hover,
.home-bg .grid-item .tab-nav .is-active a .is-active a:hover {
  background-color: #002B49;
  border: 1px solid #002B49;
}
/* line 115, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-nav li {
  border-right: 0;
  background-color: #002B49;
}
/* line 121, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-content {
  background-color: #002B49;
  color: #fff;
}
/* line 125, ../sass/partials/layout/_main.scss */
.home-bg .grid-item .tab-content h2 {
  color: #fff;
  text-transform: uppercase;
}
@media all and (max-width: 40em) {
  /* line 46, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item {
    margin-bottom: 0;
    padding-left: 3.5em;
    padding-right: 2em;
  }
  /* line 136, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item:first-child {
    background-color: #f2f2f2;
  }
  /* line 140, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item:last-child {
    background-color: #bfbfbf;
  }
  /* line 144, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item.secondary-pages {
    background-color: #fff;
    margin-top: -4em;
    margin-bottom: -4em !important;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 152, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item:last-child {
    padding-left: 2.5em;
  }
  /* line 156, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item.secondary-pages {
    margin-top: -1em;
  }
}
@media all and (min-width: 64em) {
  /* line 162, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item:first-child {
    padding-top: 4em;
    padding-right: 4em;
    padding-bottom: 4em;
  }
  /* line 168, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item .tabs {
    margin-top: 4em;
  }
  /* line 172, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item.secondary-pages {
    margin-top: -5em;
  }
}
@media all and (min-width: 76.5em) {
  /* line 178, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item.intro {
    padding-top: 7em;
    padding-right: 7em;
    padding-bottom: 10em;
  }
  /* line 184, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item.intro:last-child {
    position: relative;
  }
  /* line 188, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item .arrow {
    display: block;
    position: absolute;
    left: 0.6em;
    top: 50%;
    border-width: 15px;
    border-left-color: #EAEAEA;
  }
  /* line 197, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item .tabs {
    padding-left: 4em;
  }
  /* line 201, ../sass/partials/layout/_main.scss */
  .home-bg .grid-item.secondary-pages {
    margin-top: -14em;
  }
}
@media all and (max-width: 40em) {
  /* line 208, ../sass/partials/layout/_main.scss */
  .home-bg .container, .home-bg .container-sm, .home-bg .container-md, .home-bg .container-lg {
    width: 100%;
  }
}

/* [MAIN - PUBLIC]
-------------------------------------------------------*/
/* line 216, ../sass/partials/layout/_main.scss */
.main {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  z-index: 2;
  text-align: center;
  background-color: #fff;
}

/* Inner Container */
/* line 227, ../sass/partials/layout/_main.scss */
.main-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}

@media (max-width: 1066px) {
  /* line 235, ../sass/partials/layout/_main.scss */
  .main-inner {
    padding-top: 0;
  }

  /* 46px */
}
@media (max-width: 999px) {
  /* line 242, ../sass/partials/layout/_main.scss */
  .main-inner {
    min-height: 0;
  }
}
/* [MAIN - ADMIN FULL]
-------------------------------------------------------*/
/* line 249, ../sass/partials/layout/_main.scss */
.main-full {
  width: 100%;
  z-index: 2;
  margin-top: 1.5em;
}

/* Inner Container */
/* line 256, ../sass/partials/layout/_main.scss */
.main-inner {
  width: 100%;
}

@media (max-width: 1066px) {
  /* line 261, ../sass/partials/layout/_main.scss */
  .main-inner {
    padding-top: 0;
  }

  /* 46px */
}
@media (max-width: 999px) {
  /* line 268, ../sass/partials/layout/_main.scss */
  .main-inner {
    min-height: 0;
  }
}
/* [MAIN - ADMIN]
-------------------------------------------------------*/
/* line 275, ../sass/partials/layout/_main.scss */
.main-right {
  width: 70%;
  float: right;
  margin-left: -4.14286em;
  margin-top: 1.5em;
  z-index: 2;
  /* Inner Container */
}
/* line 282, ../sass/partials/layout/_main.scss */
.main-right .main-inner {
  width: 100%;
  /*min-height: to-em(670);*/
  margin-bottom: 1.5em;
  padding: 0 4.461em;
}
@media (max-width: 1066px) {
  /* line 275, ../sass/partials/layout/_main.scss */
  .main-right {
    /* 46px */
  }
  /* line 290, ../sass/partials/layout/_main.scss */
  .main-right .main-inner {
    padding-top: 0;
  }
}
@media (max-width: 999px) {
  /* line 297, ../sass/partials/layout/_main.scss */
  .main-right .main-inner {
    min-height: 0;
  }
}
@media (max-width: 749px) {
  /* line 303, ../sass/partials/layout/_main.scss */
  .main-right .main-inner {
    padding-right: 2.30768em;
    /* 30px */
    padding-left: 3.5388em;
    /* 46px */
  }
}

@media (max-width: 999px) {
  /* line 311, ../sass/partials/layout/_main.scss */
  .main-right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 749px) {
  /* line 318, ../sass/partials/layout/_main.scss */
  .main-right {
    width: auto;
    margin-left: -.46155em;
    /* 6px */
  }
}
@media (min-width: 750px) and (max-width: 999px) {
  /* line 325, ../sass/partials/layout/_main.scss */
  .main-right {
    margin-left: auto;
    margin-right: auto;
  }
}
/* ======================================================================================
   @.NET CONTROLS
   ====================================================================================== */
/* [UPDATE PANEL]
-------------------------------------------------------*/
/* line 339, ../sass/partials/layout/_main.scss */
.update-overlay {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
}

/* line 352, ../sass/partials/layout/_main.scss */
* html .update-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

/* line 358, ../sass/partials/layout/_main.scss */
.update-loader {
  z-index: 100;
  position: fixed;
  width: 120px;
  margin-left: -60px;
  top: 50%;
  left: 50%;
}

/* line 367, ../sass/partials/layout/_main.scss */
* html .update-loader {
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

/* [TOOLTIPS]
-------------------------------------------------------*/
/* line 375, ../sass/partials/layout/_main.scss */
.tooltip {
  background-color: #000;
  border: 1px solid #fff;
  padding: 8px 8px;
  width: 200px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 12px;
}

/* line 386, ../sass/partials/layout/_main.scss */
.info-tooltip {
  width: 100px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

/* [MODAL]
-------------------------------------------------------*/
/* line 397, ../sass/partials/layout/_main.scss */
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 403, ../sass/partials/layout/_main.scss */
.modal-confirm-box {
  background-color: White;
  padding: 10px;
  border: 3px solid #ccc;
  height: 200px;
  width: 370px;
  position: relative;
  color: #333;
}

/* line 413, ../sass/partials/layout/_main.scss */
.modal-confirm-box input.modal-button {
  width: 50px;
  height: 30px;
  position: relative;
  background: #339999;
  color: white;
}

/* [GRID]
-------------------------------------------------------*/
/* line 423, ../sass/partials/layout/_main.scss */
.gridview {
  text-align: left;
  width: 100%;
  margin: 10px auto 0 auto;
  color: #333;
}

/* line 430, ../sass/partials/layout/_main.scss */
.gridview .gvInputs {
  width: 630px;
  position: relative;
  padding: 0 0 0 0;
  border-bottom: 1px dotted #CCC;
  margin: 5px 0 5px 10px;
}

/* line 438, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputText {
  width: 150px;
  position: absolute;
  top: 2px;
  left: 0px;
}

/* line 445, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement {
  width: 400px;
  line-height: 20px;
  padding: 0 0 0 150px;
}

/* line 451, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement .tb {
  width: 145px;
  line-height: 16px;
  height: 16px;
  padding: 0;
}

/* line 458, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement .ddl {
  width: auto;
  line-height: 24px;
  padding: 0;
}

/* line 464, ../sass/partials/layout/_main.scss */
.gridview .gvHead {
  line-height: 30px;
  /*background: url("/img/gridview/gridview-header-repeat.png") repeat-x;*/
  background-color: #002B49 !important;
  color: #FFF;
}

/* line 470, ../sass/partials/layout/_main.scss */
.gridview th {
  font-weight: bold;
  color: #FFF;
  padding: 0.5em;
  padding-left: 0.6em;
  vertical-align: middle;
  /*border-right: 1px solid #999;*/
}

/* line 478, ../sass/partials/layout/_main.scss */
.gridview .gvHead a, .gridview .gvHead a:link, .gridview .gvHead a:visited {
  background: url("/img/gridview/gridview-header-sort.png") no-repeat 95% 50%;
  font-weight: bold;
  color: #FFF;
  line-height: 25px;
  display: block;
  text-align: left;
  text-decoration: none;
}

/* line 488, ../sass/partials/layout/_main.scss */
.gridview .gvHead a:hover {
  background: url("/img/gridview/gridview-header-sort-hover.png") no-repeat 95% 50%;
}

/* line 492, ../sass/partials/layout/_main.scss */
.gridview .gvRow {
  background: #FFF;
  line-height: 2em;
}

/* line 497, ../sass/partials/layout/_main.scss */
.gridview .gvRow td {
  padding: 0.5em;
  /*border-left: 1px solid #CCCCCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;*/
  vertical-align: top;
}

/* line 502, ../sass/partials/layout/_main.scss */
.gridview .gvAlternate {
  background: #F1F1F1;
  line-height: 2em;
}

/* line 507, ../sass/partials/layout/_main.scss */
.gridview .gvAlternate td {
  padding: 0.5em;
  /*border-left: 1px solid #CCCCCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;*/
  vertical-align: top;
}

/* line 515, ../sass/partials/layout/_main.scss */
.gridview .gvItem td {
  padding: 0.5em;
  vertical-align: top;
}

/* line 520, ../sass/partials/layout/_main.scss */
.gridview .amount {
  padding: 0;
  margin: 0;
  line-height: 15px;
}

/* line 526, ../sass/partials/layout/_main.scss */
.gridview .gvPager td {
  border: 0;
  /*border-top: 1px solid #CCCCCC;*/
  color: #333;
}

/* [GRID PAGINATION]
-------------------------------------------------------*/
/* line 534, ../sass/partials/layout/_main.scss */
.message-div {
  float: left;
}

/* line 538, ../sass/partials/layout/_main.scss */
.paging-div {
  float: right;
  margin-top: 0.25em;
  /*For any inputs instead of a tags*/
}
/* line 542, ../sass/partials/layout/_main.scss */
.paging-div > div:last-child {
  float: left;
  margin-top: 1em;
}
/* line 546, ../sass/partials/layout/_main.scss */
.paging-div > div:last-child label {
  padding-left: 0;
}
/* line 551, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left, .paging-div .page-left, .paging-div .page-far-right, .paging-div .page-right {
  display: block;
  height: 28px;
  width: 28px;
  padding-top: 0.15em;
  background-color: #fff;
  border: 1px solid #d4d4d4;
}
/* line 559, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left .icon:before, .paging-div .page-left .icon:before, .paging-div .page-far-right .icon:before, .paging-div .page-right .icon:before {
  margin-right: 0;
}
/* line 564, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left, .paging-div .page-left, .paging-div .page-far-right, .paging-div .page-right, .paging-div .page-info {
  float: left;
}
/* line 568, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left, .paging-div .page-far-right {
  margin: 0 5px;
}
/* line 572, ../sass/partials/layout/_main.scss */
.paging-div .page-info {
  line-height: 16px;
  padding: 5px 12px 0 12px;
}
/* line 577, ../sass/partials/layout/_main.scss */
.paging-div .icon:before {
  margin-left: 33%;
}
/* line 581, ../sass/partials/layout/_main.scss */
.paging-div .icon-right:before {
  margin-left: 44%;
}
/* line 585, ../sass/partials/layout/_main.scss */
.paging-div label {
  padding-left: 1em;
}
/* line 590, ../sass/partials/layout/_main.scss */
.paging-div input.page-far-left, .paging-div a.page-far-left {
  background: transparent url(img/icons/icon-jumpLeft.png) no-repeat -2px -3px;
}
/* line 594, ../sass/partials/layout/_main.scss */
.paging-div input.page-left, .paging-div a.page-left {
  background: transparent url(img/icons/icon-left.png) no-repeat -3px -3px;
}
/* line 598, ../sass/partials/layout/_main.scss */
.paging-div input.page-far-right, .paging-div a.page-far-right {
  background: transparent url(img/icons/icon-jumpRight.png) no-repeat -2px -3px;
}
/* line 602, ../sass/partials/layout/_main.scss */
.paging-div input.page-right, .paging-div a.page-right {
  background: transparent url(img/icons/icon-right.png) no-repeat -1px -3px;
}
@media all and (min-width: 24.625em) {
  /* line 608, ../sass/partials/layout/_main.scss */
  .paging-div > div:first-child {
    float: left;
  }
  /* line 612, ../sass/partials/layout/_main.scss */
  .paging-div > div:last-child {
    float: right;
    margin-top: 0;
  }
}
@media all and (max-width: 33.6875em) {
  /* line 538, ../sass/partials/layout/_main.scss */
  .paging-div {
    float: none;
    margin-top: 1em;
  }
  /* line 622, ../sass/partials/layout/_main.scss */
  .paging-div .page-far-left {
    margin-left: 0;
  }
}

/* line 630, ../sass/partials/layout/_main.scss */
.amcharts-main-div tspan {
  fill: #fff;
  font-size: 1rem;
}

/* line 638, ../sass/partials/layout/_main.scss */
.page-activate-medicare {
  padding: 4rem 0;
}
/* line 641, ../sass/partials/layout/_main.scss */
.page-activate-medicare .txt-input {
  position: relative;
}
/* line 644, ../sass/partials/layout/_main.scss */
.page-activate-medicare .txt-input canvas {
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* line 654, ../sass/partials/layout/_main.scss */
.page-activate-medicare .form-main-notes {
  color: #fff;
}
/* line 658, ../sass/partials/layout/_main.scss */
.page-activate-medicare .form-main-label {
  margin-top: .75rem;
}
/* line 662, ../sass/partials/layout/_main.scss */
.page-activate-medicare ::marker {
  font-weight: 500;
}
/* line 666, ../sass/partials/layout/_main.scss */
.page-activate-medicare .logo-hospital {
  display: block;
  margin: 1rem auto;
}

/* [GRID ICONS]Maximum score
-------------------------------------------------------
.header-start-left{}
th.header-start-left{border: 0;border-right: 1px solid #999;}
.header-options{width: 160px;}
th.header-options{border: 0;}
a.icon-edit	{background: url("/img/gridview/icon-grid-edit.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-edit	{background: url("/img/gridview/icon-grid-edit.gif") 0 -24px;}
a.icon-manage	{background: url("/img/gridview/icon-grid-settings.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-manage	{background: url("/img/gridview/icon-grid-settings.gif") 0 -24px;}
a.icon-star	{background: url("/img/gridview/icon-grid-star.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-star	{background: url("/img/gridview/icon-grid-star.gif") 0 -24px;}
a.button-delete	{background: url("/img/gridview/icon-grid-delete.gif") no-repeat;display: block;float: left;height: 24px;margin: 10px 8px 0 0;width: 24px;border:0;}
a.icon-delete	{background: url("/img/gridview/icon-grid-delete.gif") no-repeat;display: block;float: left;height: 24px;margin: 10px 8px 0 0;width: 24px;}
a:hover.icon-delete	{background: url("/img/gridview/icon-grid-delete.gif") 0 -24px;}
a.icon-view	{background: url("/img/gridview/icon-grid-view.gif") no-repeat;display: block;float: left;height: 24px;margin: 10px 8px 0 0;width: 24px;}
a:hover.icon-view	{background: url("/img/gridview/icon-grid-view.gif") 0 -24px;}
a.icon-pdf	{background: url("/img/gridview/icon-grid-pdf.gif") no-repeat;display: block;float: left;height: 24px;margin: 10px 8px 0 0;width: 24px;}
a:hover.icon-pdf	{background: url("/img/gridview/icon-grid-pdf.gif") 0 -24px;}
a.icon-tick	{background: url("/img/gridview/icon-grid-tick.gif") no-repeat;display: block;float: left;height: 24px;margin: 10px 8px 0 0;width: 24px;}
a:hover.icon-tick	{background: url("/img/gridview/icon-grid-tick.gif") 0 -24px;}
a.icon-cross	{background: url("/img/gridview/icon-grid-cross.gif") no-repeat;display: block;float: left;height: 24px;margin: 10px 8px 0 0;width: 24px;}
a:hover.icon-cross	{background: url("/img/gridview/icon-grid-cross.gif") 0 -24px;}
a.icon-active	{background: url("/img/gridview/icon-grid-active.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a.icon-started	{background: url("/img/gridview/icon-grid-started.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-started	{background: url("/img/gridview/icon-grid-started.gif") 0 -24px;}
a:hover.icon-active	{background: url("/img/gridview/icon-grid-active.gif") 0 -24px;}
a.icon-inactive	{background: url("/img/gridview/icon-grid-inactive.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-inactive	{background: url("/img/gridview/icon-grid-inactive.gif") 0 -24px;}
a.icon-cart	{background: url("/img/gridview/icon-grid-cart.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-cart	{background: url("/img/gridview/icon-grid-cart.gif") 0 -24px;}
a.icon-similar	{background: url("/img/gridview/icon-grid-similar.gif") no-repeat;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 24px;}
a:hover.icon-similar	{background: url("/img/gridview/icon-grid-similar.gif") 0 -24px;}
.ddl-sort{background: #FFF; color: #333;display: block;float: left;height: 24px;margin:10px 8px 0 0;width: 40px;}

body .btn-edit{background: url("/img/gridview/icon-grid-edit.gif") no-repeat;display: block;float: left;height: 24px;margin:0 8px 0 0;width: 24px;}
body .btn-edit:hover{background: url("/img/gridview/icon-grid-edit.gif") 0 -24px;}
body .btn-email {background: url("/img/gridview/icon-grid-email.gif") no-repeat;display: block;float: left;height: 24px;margin:0 8px 0 0;padding: 0;border: none;width: 24px;}
body .btn-email:hover{background: url("/img/gridview/icon-grid-email.gif") 0 -24px;}
body .btn-pdf {background: url("/img/gridview/icon-grid-pdf.gif") no-repeat;display: block;float: left;height: 24px;margin:0 8px 0 0;padding: 0;border: none;width: 24px;}
body .btn-pdf:hover{background: url("/img/gridview/icon-grid-pdf.gif") 0 -24px;}
body .btn-star	{background: url("/img/gridview/icon-grid-star.gif") no-repeat;display: block;float: left;height: 24px;margin:0 8px 0 0;width: 24px;}
body .btn-star:hover {background: url("/img/gridview/icon-grid-star.gif") 0 -24px;}
body input.btn-delete{background: url("/img/gridview/icon-grid-delete.gif") no-repeat;display: block;float: left;height: 24px;margin:0 8px 0 0;width: 24px;border:0;}
body input.btn-delete:hover{background: url("/img/gridview/icon-grid-delete.gif") 0 -24px;}
body .btn-active{background: url("/img/gridview/icon-grid-active.gif") no-repeat;display: block;float: left;height: 24px;margin:0px 8px 0 0;width: 24px; cursor: pointer;}
body .btn-active:hover{background: url("/img/gridview/icon-grid-active.gif") 0 -24px;}
body .btn-inactive{background: url("/img/gridview/icon-grid-inactive.gif") no-repeat;display: block;float: left;height: 24px;margin:0px 8px 0 0;width: 24px;; cursor: pointer;}
body .btn-inactive:hover{background: url("/img/gridview/icon-grid-inactive.gif") 0 -24px;}
body .btn-view{background: url("/img/gridview/icon-grid-view.gif") no-repeat;display: block;float: left;height: 24px;margin: 0 8px 0 0;width: 24px;}
body .btn-view:hover{background: url("/img/gridview/icon-grid-view.gif") 0 -24px;}*/
/* ======================================================================================
   @LAYOUT -> FOOTER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_footer.scss */
.footer {
  clear: both;
  /* Back to top */
  /* Footer copyright */
  /* Logo navigation */
}
/* line 8, ../sass/partials/layout/_footer.scss */
.footer a,
.footer .back-to-top {
  color: #fff;
}
/* line 13, ../sass/partials/layout/_footer.scss */
.footer .back-to-top {
  display: inline-block;
  text-decoration: none;
  padding: 1em 0;
  /* Pseudo element - up arrow */
  /* Hide at this breakpoint and for print */
}
/* line 18, ../sass/partials/layout/_footer.scss */
.footer .back-to-top:before {
  content: "\2191";
  display: block;
  text-align: center;
  font-size: 28px;
  font-size: 2rem;
  line-height: 0.8;
  font-family: "Courier New", Courier, monospace;
}
@media all and (min-width: 64em) {
  /* line 13, ../sass/partials/layout/_footer.scss */
  .footer .back-to-top {
    display: none;
  }
}
@media print {
  /* line 13, ../sass/partials/layout/_footer.scss */
  .footer .back-to-top {
    display: none;
  }
}
/* line 35, ../sass/partials/layout/_footer.scss */
.footer .footer-copy {
  background-color: #005C8B;
  display: block;
  margin: 0  auto;
  color: #fff;
  padding: 1em 0;
  /* Clear float and center at this break point */
}
/* line 42, ../sass/partials/layout/_footer.scss */
.footer .footer-copy address {
  display: inline;
}
@media all and (min-width: 40.0625em) {
  /* line 35, ../sass/partials/layout/_footer.scss */
  .footer .footer-copy {
    text-align: left;
  }
}
/* line 51, ../sass/partials/layout/_footer.scss */
.footer .nav-footer {
  text-align: center;
  background-color: #fff;
  /* logos */
}
/* line 55, ../sass/partials/layout/_footer.scss */
.footer .nav-footer .container, .footer .nav-footer .container-sm, .footer .nav-footer .container-md, .footer .nav-footer .container-lg {
  padding: 2em 0;
}
/* line 59, ../sass/partials/layout/_footer.scss */
.footer .nav-footer img {
  max-width: 10.71429em;
  padding: 1em;
  /* Pseudo classes + active state */
}
/* line 64, ../sass/partials/layout/_footer.scss */
.footer .nav-footer img:hover, .footer .nav-footer img:focus, .footer .nav-footer img.is-active {
  opacity: 0.7;
}
@media all and (min-width: 64em) {
  /* line 51, ../sass/partials/layout/_footer.scss */
  .footer .nav-footer {
    display: table;
    width: 100%;
  }
  /* line 75, ../sass/partials/layout/_footer.scss */
  .footer .nav-footer div div {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
  /* line 80, ../sass/partials/layout/_footer.scss */
  .footer .nav-footer div div img {
    width: 30%;
    padding-left: 2em;
    padding-top: 0;
  }
  /* line 86, ../sass/partials/layout/_footer.scss */
  .footer .nav-footer div div:first-child {
    text-align: left;
  }
  /* line 90, ../sass/partials/layout/_footer.scss */
  .footer .nav-footer div div:last-child {
    text-align: right;
  }
}

/* Layout -> Grid */
/* ======================================================================================
   @LAYOUT -> GRID
   ====================================================================================== */
/* 
	Usage:
		Fluid and nestable grid system.
	
	Note:
		-	Grid is built 'mobile first'.
		-	Grid does not work in IE 7 as it does not support: `box-sizing: border-box;`, if you need to support IE 7 then use `margin` instead of `padding` for the grid gutters and use `:first-child` to remove the `margin` from the first grid cell child instead of the negative left margin on `.grid`.
	
	Demo:
		Style Guide -> Grid
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Grid container */
/* line 21, ../sass/partials/layout/grid/_grid.scss */
.grid {
  /* Negative `margin-left` to negate the columns' gutters */
  margin-left: -21px;
  margin-left: -1.5rem;
  /* Clear fix */
  /* Very infrequently occuring grid rows as children of grid rows */
}
/* line 870, ../sass/partials/utils/_mixins.scss */
.grid:after {
  content: "";
  display: table;
  clear: both;
}
/* line 29, ../sass/partials/layout/grid/_grid.scss */
.grid > .grid {
  margin-left: 0;
}

/* Grid item */
/* line 33, ../sass/partials/layout/grid/_grid.scss */
.grid-item {
  width: 100%;
  float: left;
  padding-left: 21px;
  padding-left: 1.5rem;
  /* Print - have to re-linearise as all browsers except Chrome will honor any width classes above the `$non-palm` breakpoint */
}
@media print {
  /* line 33, ../sass/partials/layout/grid/_grid.scss */
  .grid-item {
    width: 100% !important;
  }
}

/* Apply bottom margins between the grid elements for linearised version */
/* line 45, ../sass/partials/layout/grid/_grid.scss */
.grid,
.grid-item {
  /* Turn off bottom margin at this breakpoint (non-linearised) and only for 'screen' media so as not to affect 'print' media */
}
@media only screen and (min-width: 40.0625em) {
  /* line 45, ../sass/partials/layout/grid/_grid.scss */
  .grid,
  .grid-item {
    margin-bottom: 0;
  }
}

/* --Extenders-- */
/* 'Gutterless' and 'Center align' */
/* line 58, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless,
.grid-center {
  margin-left: 0;
}

/* Gutterless */
/* line 62, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless > .grid-item {
  padding-left: 0;
}

/* Center align */
/* line 65, ../sass/partials/layout/grid/_grid.scss */
.grid-center > .grid-item {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  float: none;
}

/* Reversed */
/* line 73, ../sass/partials/layout/grid/_grid.scss */
.grid-rev > .grid-item {
  float: right;
}

/* Lists */
/* line 76, ../sass/partials/layout/grid/_grid.scss */
.grid-list {
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  margin-bottom: -21px;
  margin-bottom: -1.5rem;
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  /* If all the `li`s aren't the same height when the grid is used on lists then we have to clear the 1st `li` in the row by using this class, not the most attractive way to handle it but it will have to do for now */
}
/* line 81, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}
/* line 84, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item--clear {
  clear: left;
}

/*Custom*/
/* line 88, ../sass/partials/layout/grid/_grid.scss */
.dashboard {
  /*@include respond-min (1100) {
  	.grid {
  		margin-left: -1rem;*/
  /*@include to-rem(margin-left, -$grid-gutter-dbl-half);*/
  /*.grid-item {
  			@include to-rem(padding-left, $grid-gutter-dbl-half);
  			@include to-rem(margin-bottom, $grid-gutter-dbl-half);
  		}
  	}
  }*/
}
/* line 89, ../sass/partials/layout/grid/_grid.scss */
.dashboard .grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  /*@include to-rem(margin-left, -$grid-gutter-dbl);*/
}
/* line 94, ../sass/partials/layout/grid/_grid.scss */
.dashboard .grid .grid-item {
  padding-left: 1rem;
  /*@include to-rem(padding-left, $grid-gutter-dbl);*/
}
@media all and (min-width: 40.0625em) {
  /* line 101, ../sass/partials/layout/grid/_grid.scss */
  .dashboard .grid-item {
    /*@include to-rem(margin-bottom, $grid-gutter-dbl);*/
    margin-bottom: 1.5rem;
  }
}

/* ======================================================================================
   @LAYOUT -> GRID -> WIDTHS
   ====================================================================================== */
/*
	Usage: 
		Set-up flexible widths via classes which are mostly used for the grid system, the mixin allows you to define widths at specific breakpoints.
	
	Note:
		All the width values come from: 'utils/vars -> FLEXIBLE WIDTHS' so they can be used outside of this `@mixin`.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Output all the flexible width classes */
/* 
	Note: these may not be required esp. if the width classes are only being used for the grid.
*/
/* Whole */
/* line 19, ../sass/partials/layout/grid/_widths.scss */
.one-whole {
  width: 100%;
}

/* Halves */
/* line 22, ../sass/partials/layout/grid/_widths.scss */
.one-half {
  width: 50%;
}

/* Thirds */
/* line 25, ../sass/partials/layout/grid/_widths.scss */
.one-third {
  width: 33.333%;
}

/* line 26, ../sass/partials/layout/grid/_widths.scss */
.two-thirds {
  width: 66.666%;
}

/* Quarters */
/* line 29, ../sass/partials/layout/grid/_widths.scss */
.one-quarter {
  width: 25%;
}

/* line 30, ../sass/partials/layout/grid/_widths.scss */
.two-quarters {
  width: 50%;
}

/* line 31, ../sass/partials/layout/grid/_widths.scss */
.three-quarters {
  width: 75%;
}

/* Fifths */
/* line 34, ../sass/partials/layout/grid/_widths.scss */
.one-fifth {
  width: 20%;
}

/* line 35, ../sass/partials/layout/grid/_widths.scss */
.two-fifths {
  width: 40%;
}

/* line 36, ../sass/partials/layout/grid/_widths.scss */
.three-fifths {
  width: 60%;
}

/* line 37, ../sass/partials/layout/grid/_widths.scss */
.four-fifths {
  width: 80%;
}

/* Sixths */
/* line 40, ../sass/partials/layout/grid/_widths.scss */
.one-sixth {
  width: 16.666%;
}

/* line 41, ../sass/partials/layout/grid/_widths.scss */
.two-sixths {
  width: 33.333%;
}

/* line 42, ../sass/partials/layout/grid/_widths.scss */
.three-sixths {
  width: 50%;
}

/* line 43, ../sass/partials/layout/grid/_widths.scss */
.four-sixths {
  width: 66.666%;
}

/* line 44, ../sass/partials/layout/grid/_widths.scss */
.five-sixths {
  width: 83.333%;
}

/* Eighths */
/* line 47, ../sass/partials/layout/grid/_widths.scss */
.one-eighth {
  width: 12.5%;
}

/* line 48, ../sass/partials/layout/grid/_widths.scss */
.two-eighths {
  width: 25%;
}

/* line 49, ../sass/partials/layout/grid/_widths.scss */
.three-eighths {
  width: 37.5%;
}

/* line 50, ../sass/partials/layout/grid/_widths.scss */
.four-eighths {
  width: 50%;
}

/* line 51, ../sass/partials/layout/grid/_widths.scss */
.five-eighths {
  width: 62.5%;
}

/* line 52, ../sass/partials/layout/grid/_widths.scss */
.six-eighths {
  width: 75%;
}

/* line 53, ../sass/partials/layout/grid/_widths.scss */
.seven-eighths {
  width: 87.5%;
}

/* Tenths */
/* line 56, ../sass/partials/layout/grid/_widths.scss */
.one-tenth {
  width: 10%;
}

/* line 57, ../sass/partials/layout/grid/_widths.scss */
.two-tenths {
  width: 20%;
}

/* line 58, ../sass/partials/layout/grid/_widths.scss */
.three-tenths {
  width: 30%;
}

/* line 59, ../sass/partials/layout/grid/_widths.scss */
.four-tenths {
  width: 40%;
}

/* line 60, ../sass/partials/layout/grid/_widths.scss */
.five-tenths {
  width: 50%;
}

/* line 61, ../sass/partials/layout/grid/_widths.scss */
.six-tenths {
  width: 60%;
}

/* line 62, ../sass/partials/layout/grid/_widths.scss */
.seven-tenths {
  width: 70%;
}

/* line 63, ../sass/partials/layout/grid/_widths.scss */
.eight-tenths {
  width: 80%;
}

/* line 64, ../sass/partials/layout/grid/_widths.scss */
.nine-tenths {
  width: 90%;
}

/* Twelfths */
/* line 67, ../sass/partials/layout/grid/_widths.scss */
.one-twelfth {
  width: 8.333%;
}

/* line 68, ../sass/partials/layout/grid/_widths.scss */
.two-twelfths {
  width: 16.666%;
}

/* line 69, ../sass/partials/layout/grid/_widths.scss */
.three-twelfths {
  width: 25%;
}

/* line 70, ../sass/partials/layout/grid/_widths.scss */
.four-twelfths {
  width: 33.333%;
}

/* line 71, ../sass/partials/layout/grid/_widths.scss */
.five-twelfths {
  width: 41.666%;
}

/* line 72, ../sass/partials/layout/grid/_widths.scss */
.six-twelfths {
  width: 50%;
}

/* line 73, ../sass/partials/layout/grid/_widths.scss */
.seven-twelfths {
  width: 58.333%;
}

/* line 74, ../sass/partials/layout/grid/_widths.scss */
.eight-twelfths {
  width: 66.666%;
}

/* line 75, ../sass/partials/layout/grid/_widths.scss */
.nine-twelfths {
  width: 75%;
}

/* line 76, ../sass/partials/layout/grid/_widths.scss */
.ten-twelfths {
  width: 83.333%;
}

/* line 77, ../sass/partials/layout/grid/_widths.scss */
.eleven-twelfths {
  width: 91.666%;
}

/* --Output all the flexible width classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-one-half` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .portable-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .portable-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* ======================================================================================
   @LAYOUT -> GRID -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull classes, to move grid items over to the right by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* ======================================================================================
   @LAYOUT -> GRID -> PUSH
   ====================================================================================== */
/*
	Usage: 
		Push classes, to move grid items over to the left by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* Abstractions */
/* ======================================================================================
   @ABSTRACTIONS - > HORIZONTAL LIST
   ====================================================================================== */
/* 
	Usage: 
		Make list items for `ul` and `ol` elements render horizontally.
	
	Note:
		Most only kick in at a certain breakpoint, still undecided on this. Will be able to make a firm decision after using the abstraction in a few builds.
	
	Demo:
		Style Guide -> Abstractions -> Horizontal List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_nav.scss
*/
/* Remove base styles */
@media all and (min-width: 40.0625em) {
  /* line 23, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list {
    /* List items */
  }
  /* line 26, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li {
    /* List items + links */
  }
  /* line 29, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li,
  .horiz-list > li > a {
    display: inline-block;
  }

  /* --Extenders-- */
  /* With dividers */
  /* line 37, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-dividers > li {
    border-left: 1px solid #bfbfbf;
    padding-left: 0.75em;
    margin-left: 0.75em;
    /* Kill rules for the first item */
  }
  /* line 43, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-dividers > li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
  }

  /* Center align */
  /* line 51, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-center {
    text-align: center;
  }

  /* Fit (force the items to occupy 100% of the available width of its parent) */
  /* line 54, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit {
    display: table;
    width: 100%;
    /* List items */
    /* When combined with the `.horiz-list-dividers` extender */
  }
  /* line 59, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit > li {
    display: table-cell;
    /* Links */
  }
  /* line 63, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit > li > a {
    display: block;
  }
  /* line 67, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit.horiz-list-dividers > li {
    margin-left: 0;
    padding-right: 0.75em;
  }
}
/* Comma/slash seperated */
/* line 78, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li,
.horiz-list-slash > li {
  /* List items + links */
  /* Note: if the breakpoint above isn't used then this can be removed. */
  /* Pseudo element */
  /* Remove pseudo element on last child */
}
/* line 81, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li,
.horiz-list-comma > li > a,
.horiz-list-slash > li,
.horiz-list-slash > li > a {
  display: inline-block;
}
/* line 85, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li:after,
.horiz-list-slash > li:after {
  margin-right: 0.375em;
}
/* line 88, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li:last-child:after,
.horiz-list-slash > li:last-child:after {
  display: none;
}

/* line 92, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-slash > li:after {
  content: "/";
  margin-left: 0.375em;
}

/* line 97, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li:after {
  content: ",";
}

/* Wizard style lists */
/* line 100, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list {
  background-color: #0092CC;
}
/* line 103, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li {
  position: relative;
  overflow: visible;
  border-right: 0.4em solid #fff;
  border-left: 0.4em solid #fff;
  background-color: #002B49;
  color: #fff;
  height: 2.8rem;
  position: relative;
}
/* line 113, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:first-child {
  border-left: 0;
}
/* line 116, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:first-child a {
  padding-left: 1em;
  padding-right: 0;
}
/* line 122, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover {
  background-color: #002B49;
}
/* line 126, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active {
  background-color: #002B49;
}
/* line 127, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active .nav-arrow {
  border-color: #fff #fff #fff #002B49;
}
/* line 131, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active .nav-wedge {
  border-color: #002B49 #002B49 #002B49 transparent;
}
/* line 138, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-viewed {
  background: #002B49 url("img/icons/icon-tick.png") no-repeat 97% 49%;
}
/* line 141, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-viewed:hover {
  background-color: #002B49;
}
/* line 145, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-viewed.tab-active {
  background-color: #002B49;
}
/* line 150, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li a {
  color: #fff;
  padding: 0.6em 2.5em 0.6em 0.7em;
  display: block;
  font-weight: 600;
}
/* line 157, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1.4em 0 1.4em 0.7em;
  border-color: #fff #fff #fff #002B49;
  z-index: 150;
}
/* line 169, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:last-child {
  border-right-color: #0092CC;
}
/* line 172, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:last-child .nav-arrow {
  border-color: transparent transparent transparent #002B49;
}
/* line 177, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:last-child:hover .nav-arrow {
  border-color: transparent transparent transparent #002B49;
}
/* line 184, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active:last-child .nav-arrow {
  border-color: transparent transparent transparent #002B49;
}
/* line 189, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1.4em 0 1.4em 0.7em;
  border-color: #002B49 #002B49 #002B49 transparent;
  z-index: 150;
}
/* line 202, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover .nav-arrow {
  border-color: #fff #fff #fff #002B49;
}
/* line 206, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover .nav-wedge {
  border-color: #002B49 #002B49 #002B49 transparent;
}
/* line 210, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover a {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
/* line 218, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.active .nav-arrow {
  border-color: transparent transparent transparent #002B49;
}
/* line 222, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.active .nav-wedge {
  border-color: #002B49 #002B49 #002B49 transparent;
}
/* line 226, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.active a {
  background-color: #002B49;
}
@media all and (max-width: 69.6875em) {
  /* line 100, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list {
    padding-bottom: 0;
  }
  /* line 236, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li a {
    padding: 0.8em 1.5em 0.75em 0.6em;
    font-size: 85%;
  }
  /* line 241, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li .nav-wedge {
    border-width: 19px 0 20px 10px;
  }
  /* line 245, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li .nav-arrow {
    border-width: 19px 0 20px 10px;
  }
}
@media all and (max-width: 52.1875em) {
  /* line 100, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list {
    background-color: #002B49;
    padding-bottom: 0.1em;
  }
  /* line 255, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li {
    display: none;
  }
  /* line 258, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li a {
    font-size: 100%;
    padding: 0.5em 1.5em 0.5em 0.3em;
  }
  /* line 263, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li:first-child, .wizard-list > li.tab-active {
    display: inline-block;
  }
  /* line 267, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li:first-child {
    padding-right: 0;
  }
  /* line 271, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li.tab-active {
    border-right: 0;
  }
  /* line 274, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li.tab-active .nav-arrow {
    display: none;
  }
}
@media all and (max-width: 40em) {
  /* line 283, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li a {
    padding: 0.6em 1.5em 0.5em 0.7em;
  }
}

/*Wizard list for Overview*/
/* line 291, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview {
  background-color: transparent;
}
/* line 293, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li {
  width: 24.75%;
}
/* line 295, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li a {
  padding-right: 0;
}
/* line 296, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li:last-child {
  border-right-color: transparent;
}
/* line 298, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li:last-child .nav-arrow {
  right: -15px;
}
@media all and (min-width: 62.875em) and (max-width: 75.3125em) {
  /* line 293, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list-overview li {
    width: 24.7%;
  }
}
@media all and (max-width: 62.8125em) {
  /* line 293, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list-overview li {
    width: 24.6%;
  }
}

/* ======================================================================================
   @ABSTRACTIONS -> DEFINITION LIST
   ====================================================================================== */
/*
	Usage: 
		Make the `dt` and `dd` elements of a definition list render side-by-side.

	Demo:
		Style Guide -> Abstractions -> Definition List
*/
/* line 13, ../sass/partials/abstractions/_definition-list.scss */
.def-list {
  margin-bottom: 0;
  padding: 0.5em 0;
}

/* Definiton title */
/* line 16, ../sass/partials/abstractions/_definition-list.scss */
.def-list_title {
  float: left;
  clear: left;
  margin-right: 0.375em;
  margin-left: 0.6em;
  /* Left indent at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 16, ../sass/partials/abstractions/_definition-list.scss */
  .def-list_title {
    margin-right: 0;
  }
}

/* Definiton description - left indent at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 29, ../sass/partials/abstractions/_definition-list.scss */
  .def-list_desc {
    margin-left: 13.57143em;
    margin-bottom: 0.2em;
  }
}
/*Grey background*/
/* line 35, ../sass/partials/abstractions/_definition-list.scss */
.def-list.grey {
  background-color: #f2f2f2;
}

/*Icons*/
/* line 39, ../sass/partials/abstractions/_definition-list.scss */
.def-list .def-list_desc {
  position: relative;
}
@media all and (min-width: 48em) {
  /* line 41, ../sass/partials/abstractions/_definition-list.scss */
  .def-list .def-list_desc .form-main-inputs {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
    width: auto;
  }
}

/* ======================================================================================
   @ABSTRACTIONS -> BLOCK LIST
   ====================================================================================== */
/*
	Usage: 
		Create big blocky lists of content.
	
	Demo:
		Style Guide -> Abstractions -> Block List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/partials/objects/_list-block.scss
*/
/* Shared */
/* line 18, ../sass/partials/abstractions/_block-list.scss */
.block-list,
.block-list > li {
  border: 0 solid #d4d4d4;
}

/* line 22, ../sass/partials/abstractions/_block-list.scss */
.block-list {
  border-top-width: 1px;
  /* List items */
}
/* line 26, ../sass/partials/abstractions/_block-list.scss */
.block-list > li {
  border-bottom-width: 1px;
  padding: 0.75em;
}

/* Links */
/* line 33, ../sass/partials/abstractions/_block-list.scss */
.block-list-link {
  display: block;
  padding: 0.75em;
  margin: -0.75em;
}

/* ======================================================================================
   @ABSTRACTIONS -> COMPLEX LINK
   ====================================================================================== */
/*
	Usage: 
		Add link styles to only selected items within links.

	Note: 
		The base link styles are repeated here so not very DRY (need to look into this).
	
	Demo:
		Style Guide -> Abstractions -> Complex Link
	
	Credit: 
		http://github.com/necolas/suit-utils/blob/master/link.css#L18
*/
/* line 19, ../sass/partials/abstractions/_complex-link.scss */
.complex-link {
  /* Pseudo classes for link target */
}
/* line 23, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:visited .complex-link--target {
  color: #00497c;
}
/* line 25, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:hover .complex-link--target, .complex-link:focus .complex-link--target {
  color: #002B49;
  text-decoration: none;
}

/* Link target */
/* line 33, ../sass/partials/abstractions/_complex-link.scss */
.complex-link--target {
  color: #002B49;
  text-decoration: underline;
  cursor: pointer;
}

/* ======================================================================================
   @ABSTRACTIONS -> SPLIT
   ====================================================================================== */
/*
	Usage: 
		Simple split item for creating two elements floated away from one another.

	Demo:
		Style Guide -> Abstractions -> Split
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_split.scss
*/
/* Right align at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 18, ../sass/partials/abstractions/_split.scss */
  .split {
    text-align: right;
  }
}
/* Title */
/* line 22, ../sass/partials/abstractions/_split.scss */
.split-title {
  float: left;
  margin-right: 0.375em;
  /* Float away at this breakpoint */
  /* Pseudo element - colon */
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_split.scss */
  .split-title {
    text-align: left;
    clear: left;
  }
}
/* line 33, ../sass/partials/abstractions/_split.scss */
.split-title:after {
  content: ":";
}

/* ======================================================================================
   @ABSTRACTIONS -> FRAME
   ====================================================================================== */
/*
	Usage: 
		Apply a nice framed effect typically to the `img` and `figure` elements.
	
	Demo:
		Style Guide -> Abstractions -> Frame
*/
/* line 13, ../sass/partials/abstractions/_frame.scss */
.frame {
  background-color: #fff;
  padding: 0.375em;
  border-radius: 4px;
  border-bottom: 1px solid #bfbfbf;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  display: block;
  /* Old IE */
}

/* Extend: change to `inline-block` */
/* line 29, ../sass/partials/abstractions/_frame.scss */
.frame--inline {
  display: inline-block;
}

/* Caption */
/* line 32, ../sass/partials/abstractions/_frame.scss */
.frame--caption {
  padding: 0.375em;
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  font-style: italic;
  color: gray;
  text-align: center;
}

/* ======================================================================================
   @ABSTRACTIONS -> ISLAND
   ====================================================================================== */
/*
	Usage: 
		Simple, boxed off content.

	Demo:
		Style Guide -> Abstractions -> Island
	
	Credit: 
		http://csswizardry.com/2011/10/the-island-object
*/
/* Shared */
/* line 17, ../sass/partials/abstractions/_island.scss */
.island,
.islet {
  display: block;
}

/* Island - full padding */
/* line 25, ../sass/partials/abstractions/_island.scss */
.island {
  padding: 21px;
  padding: 1.5rem;
}
@media all and (max-width: 40em) {
  /* line 25, ../sass/partials/abstractions/_island.scss */
  .island {
    padding: 0.7rem;
  }
}

/* Islet - half the padding */
/* line 34, ../sass/partials/abstractions/_island.scss */
.islet {
  padding: 10.5px;
  padding: 0.75rem;
}

/* line 38, ../sass/partials/abstractions/_island.scss */
.island-aside {
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  background: #f2f2f2;
}

/* line 44, ../sass/partials/abstractions/_island.scss */
.island-body {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*@include respond-max($palm){border-radius:0;}*/
}
/* line 53, ../sass/partials/abstractions/_island.scss */
.island-body p, .island-body h1, .island-body h2, .island-body h3, .island-body h4, .island-body span, .island-body a, .island-body a:visited {
  /*color: #fff;*/
}
/* line 57, ../sass/partials/abstractions/_island.scss */
.island-body a {
  text-decoration: underline;
}
/* line 61, ../sass/partials/abstractions/_island.scss */
.island-body p {
  font-size: 1.25rem;
}
/* line 65, ../sass/partials/abstractions/_island.scss */
.island-body .table-admin {
  color: #002B49;
}
/* line 70, ../sass/partials/abstractions/_island.scss */
.island-body .toolbar .icon {
  color: #002B49;
}

/* line 78, ../sass/partials/abstractions/_island.scss */
.list-colour-alt .table-admin input[type="checkbox"] {
  opacity: 0 !important;
}
/* line 83, ../sass/partials/abstractions/_island.scss */
.list-colour-alt .table-admin label:before {
  border-color: #002B49 !important;
  color: #002B49 !important;
  padding: 0 !important;
}

/* line 93, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button {
  align-items: center;
  border: 2px solid #fff;
  display: flex;
  position: relative;
  background-color: #002B49;
  color: #fff;
  height: 100% !important;
  min-height: 7rem;
  padding: .85rem;
  text-align: left;
  transition: 150ms ease-in-out;
}
/* line 106, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button h2, .dashboard .island-button .h4 {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
}
/* line 112, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button .h6 {
  font-size: .9rem;
  font-weight: 600;
  margin-bottom: 0;
}
/* line 118, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button img {
  margin-right: 1rem;
  width: 75px;
  /*padding-bottom: 1em;*/
}
/* line 124, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button .icon {
  background-color: #fff;
  border-radius: 10px;
  color: #002B49;
  margin-right: 1rem;
  padding: 0.5rem;
}
/* line 132, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button .icon:before {
  font-size: 1.85rem;
  margin-right: 0;
  top: 0;
}
/* line 138, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button .user-notifications-count {
  align-items: center;
  background-color: #b31200;
  color: #fff;
  /*font-size:1.5em;*/
  display: flex;
  justify-content: center;
  padding: 0.1em 0;
  border-radius: 50%;
  border: 1px solid #b31200;
  position: absolute;
  top: 0.5em;
  right: 0.4em;
  width: 2em;
  height: 2em;
}
/* line 154, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button div {
  align-items: center;
  display: flex;
}
@media all and (max-width: 40em) {
  /* line 162, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button h2, .dashboard .island-button .h4 {
    text-align: left;
    font-size: 1rem;
  }
  /* line 168, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button div .icon, .dashboard .island-button div img {
    float: left;
  }
  /* line 172, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button div img {
    padding-bottom: 0;
  }
  /* line 178, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button.green h2, .dashboard .island-button.green .h4, .dashboard .island-button.purple h2, .dashboard .island-button.purple .h4 {
    margin-left: 5em;
    position: relative;
    top: 8px;
  }
  /* line 185, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .icon-drawer {
    position: relative;
    top: -5px;
  }
  /* line 190, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .icon-lrg:before {
    font-size: 1.5em;
  }
  /* line 194, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .user-notifications-count {
    font-size: 1em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 202, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .icon:before {
    /*margin-bottom: to-em($spacing-quarter);*/
  }
  /* line 206, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .icon-email {
    position: relative;
  }
  /* line 210, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .user-notifications-count {
    top: -0.8em;
   /*right: 0.4em;
  width: 2.5em;
   height: 2.5em;
   padding-top: 0.5em;*/
  }
  /* line 218, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .user-notifications-complete {
    padding: 0.22em 0.32em;
  }
  /* line 221, ../sass/partials/abstractions/_island.scss */
  .dashboard .island-button .user-notifications-complete .icon:before {
    margin-bottom: 0;
    font-size: 1.5em;
  }
}
/* line 228, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button:hover {
  box-shadow: 0px 0px 20px #005C8B26;
}
/* line 231, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button:hover h2, .dashboard .island-button:hover .h4 {
  color: #fff;
}
/* line 235, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button:hover .icon {
  background-color: #fff;
}
/* line 240, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button.white {
  background-color: #fff;
  color: #002B49;
}
/* line 244, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button.white h2, .dashboard .island-button.white .h4 {
  color: #002B49;
}
/* line 249, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button.green {
  background-color: #fff;
  color: #002B49;
  border: 2px solid #7ac144;
}
/* line 254, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button.green h2, .dashboard .island-button.green .h4 {
  color: #7AC144;
}
/* line 259, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button.purple {
  background-color: #fff;
  color: #5f2181;
  border: 2px solid #5f2181;
}
/* line 264, ../sass/partials/abstractions/_island.scss */
.dashboard .island-button.purple h2, .dashboard .island-button.purple .h4 {
  color: #5f2181;
}
@media all and (max-width: 40em) {
  /* line 271, ../sass/partials/abstractions/_island.scss */
  .dashboard .grid-item {
    margin-bottom: .5rem;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 56.1875em) {
  /* line 277, ../sass/partials/abstractions/_island.scss */
  .dashboard .non-palm-one-fifth {
    width: 33.33%;
  }
  /* line 281, ../sass/partials/abstractions/_island.scss */
  .dashboard .grid {
    margin-bottom: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 287, ../sass/partials/abstractions/_island.scss */
  .dashboard .grid:nth-child(2) {
    margin-bottom: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 86.8125em) {
  /* line 293, ../sass/partials/abstractions/_island.scss */
  .dashboard h2, .dashboard .h4 {
    font-size: 1em;
  }
}
@media all and (min-width: 56.25em) and (max-width: 68.6875em) {
  /* line 299, ../sass/partials/abstractions/_island.scss */
  .dashboard .non-palm-one-fifth {
    width: 25%;
  }
}

/* line 308, ../sass/partials/abstractions/_island.scss */
.template-admin .dashboard .island-button,
.template-facility .dashboard .island-button {
  min-height: 6rem;
}

@media all and (max-width: 51.1875em) {
  /* line 319, ../sass/partials/abstractions/_island.scss */
  .schedule-setup > .grid-item {
    width: 100%;
  }
}

/* line 326, ../sass/partials/abstractions/_island.scss */
.assessment .island-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*Clinic Setup - Time and date sections*/
/* line 333, ../sass/partials/abstractions/_island.scss */
.assessment .day-block {
  padding: 0 0 0.3em 0;
}
/* line 336, ../sass/partials/abstractions/_island.scss */
.assessment .day-block span:first-child {
  width: 8.57143em;
  display: inline-block;
}
/* line 341, ../sass/partials/abstractions/_island.scss */
.assessment .day-block .time, .assessment .day-block .txt-input {
  color: #002B49;
}
/* line 346, ../sass/partials/abstractions/_island.scss */
.assessment .calendar {
  padding-top: 0;
}
/* line 349, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-day-block {
  height: 18.21429em;
  margin: 0 0.3em;
  border: 1px solid #d4d4d4;
  position: relative;
  padding: 0;
  background-color: #fff;
}
/* line 357, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-day-block span {
  position: absolute;
  width: 100%;
  display: block;
  background-color: #002B49;
}
/* line 365, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time {
  text-align: center;
}
/* line 368, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time .calendar-day-block {
  border: 0;
  background-color: transparent;
  margin-top: 1.9em;
}
/* line 374, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time ul {
  margin-left: 0;
}
/* line 377, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time ul li {
  height: 1.07143em;
}
/* line 383, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .day-heading {
  text-align: center;
  color: #002B49;
  padding-top: 0;
}
/* line 389, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-day {
  position: relative;
}
@media all and (max-width: 40em) {
  /* line 395, ../sass/partials/abstractions/_island.scss */
  .assessment .non-palm-one-eighth {
    width: 12.5%;
  }
  /* line 399, ../sass/partials/abstractions/_island.scss */
  .assessment .day-heading {
    font-size: 0.8em;
  }
  /* line 403, ../sass/partials/abstractions/_island.scss */
  .assessment .calendar .calendar-day-block {
    margin: 0;
  }
}
@media all and (max-width: 24.9375em) {
  /* line 409, ../sass/partials/abstractions/_island.scss */
  .assessment .calendar {
    position: relative;
    right: -0.65em;
  }
  /* line 414, ../sass/partials/abstractions/_island.scss */
  .assessment .day-block {
    font-size: 0.8em;
  }
  /* line 417, ../sass/partials/abstractions/_island.scss */
  .assessment .day-block label {
    width: 7.85714em;
  }
  /* line 422, ../sass/partials/abstractions/_island.scss */
  .assessment .txt-input-sml {
    width: 20%;
  }
}

/* Layout of clinic setup footer section*/
/* line 429, ../sass/partials/abstractions/_island.scss */
.assessment .setup-footer {
  border-top: 1px solid #f2f2f2;
  padding-top: 1.5em;
  text-align: right;
}

/* Overview */
/* line 437, ../sass/partials/abstractions/_island.scss */
.overview h2 {
  background-color: #002B49;
  color: #fff;
  padding-left: 0.5em;
}
/* line 443, ../sass/partials/abstractions/_island.scss */
.overview h3 {
  padding-left: 0.5em;
  font-weight: 500;
}
/* line 447, ../sass/partials/abstractions/_island.scss */
.overview h3 .dot {
  margin-left: 0;
}
/* line 453, ../sass/partials/abstractions/_island.scss */
.overview .h3 strong {
  font-weight: 500;
}
/* line 457, ../sass/partials/abstractions/_island.scss */
.overview .h3 .disc {
  margin-left: 0;
}
/* line 462, ../sass/partials/abstractions/_island.scss */
.overview p {
  padding: 0 0.8em;
}
/* line 466, ../sass/partials/abstractions/_island.scss */
.overview .form-main-inputs {
  margin-top: 0.5em;
}

/* line 472, ../sass/partials/abstractions/_island.scss */
.c-site-card {
  align-items: center;
  background-color: #002B49;
  border: 2px solid #fff;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  height: 100%;
  padding: 1.5rem;
  transition: 150ms ease-in-out;
}
/* line 485, ../sass/partials/abstractions/_island.scss */
.c-site-card__intials {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #002B49;
  display: flex;
  height: 4.5rem;
  justify-content: center;
  margin-bottom: 1rem;
  margin-top: auto;
  transition: 150ms ease-in-out;
  width: 4.5rem;
}
/* line 499, ../sass/partials/abstractions/_island.scss */
.c-site-card__icon {
  align-items: center;
  background-color: #7AC144;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin-bottom: 1rem;
  margin-top: auto;
  padding: .5rem;
  transition: 150ms ease-in-out;
  width: 2.5rem;
}
/* line 514, ../sass/partials/abstractions/_island.scss */
.c-site-card__label {
  margin-top: auto;
}
/* line 518, ../sass/partials/abstractions/_island.scss */
.c-site-card:hover {
  box-shadow: 0px 3px 20px #005C8B26;
  color: #fff;
}
/* line 522, ../sass/partials/abstractions/_island.scss */
.c-site-card:hover .c-site-card__intials {
  background-color: #005C8B;
  color: #fff;
}

/* line 529, ../sass/partials/abstractions/_island.scss */
.c-site-card--add {
  background-color: #002B49;
  border: 2px dashed #fff;
  border-radius: 10px;
}

/* ======================================================================================
   @ABSTRACTIONS -> SLATS
   ====================================================================================== */
/*
	Usage: 
		Place any image- and text-like content side-by-side.

	Demo:
		Style Guide -> Abstractions -> Slats
	
	Credit: 
		http://stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*/
/* Image container */
/* line 22, ../sass/partials/abstractions/_slats.scss */
.slats-img,
.slats-img-rev {
  /* Remove bottom margin at this breakpoint */
  /* Images in `.islets`s need an appropriately sized margin */
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_slats.scss */
  .slats-img,
  .slats-img-rev {
    margin-bottom: 0;
  }
}
/* line 32, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img, .islet
.slats-img-rev {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  /* Remove bottom margin at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 32, ../sass/partials/abstractions/_slats.scss */
  .islet .slats-img, .islet
  .slats-img-rev {
    margin-bottom: 0;
  }
}

/* line 42, ../sass/partials/abstractions/_slats.scss */
.slats-img {
  float: left;
  margin-right: 21px;
  margin-right: 1.5rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 47, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img {
  margin-right: 10.5px;
  margin-right: 0.75rem;
}

/* Extend: reverse the image location (right instead of left) */
/* line 51, ../sass/partials/abstractions/_slats.scss */
.slats-img-rev {
  float: right;
  margin-left: 21px;
  margin-left: 1.5rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 56, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img-rev {
  margin-left: 10.5px;
  margin-left: 0.75rem;
}

/* Images */
/* line 60, ../sass/partials/abstractions/_slats.scss */
.slats-img img,
.slats-img-rev img {
  display: block;
}

/* Body container columnised at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 65, ../sass/partials/abstractions/_slats.scss */
  .slats-body {
    overflow: hidden;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> COLUMNS
   ====================================================================================== */
/*
	Usage: 
		Easily create columns of text using CSS3.
	
	Demo:
		Style Guide -> Abstractions -> Columns
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_columns.scss
*/
/* Cols only kick in at this breakpoint */
@media only screen and (min-width: 40.0625em) {
  /* Output all the col classes */
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  /* Base rules */
  /* line 40, ../sass/partials/abstractions/_columns.scss */
  .txt-cols {
    /* Transition */
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    /* Column rule, if used then increase `column-gap` to `$spacing-dbl` */
    /*@include prefix(column-rule, 1px dotted black);*/
  }
}
/* --Output all the col classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-txt-cols-2` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols-2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols-3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols-4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols-5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols-6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates CSS arrows.
	
	Note:
		Same as: 'utils/placeholders/arrows' except this version doesn't apply to an existing element rather it's an independent element which is more flexible.
	
	Demo:
		Style Guide -> Abstractions -> Arrows
*/
/* Set variables */
/* Start abstraction */
/* line 22, ../sass/partials/abstractions/_arrows.scss */
.arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  display: inline-block;
  vertical-align: middle;
}

/* Down */
/* line 31, ../sass/partials/abstractions/_arrows.scss */
.arrow-down {
  border-top-color: #262626;
  margin-bottom: -10px;
}

/* Up */
/* line 37, ../sass/partials/abstractions/_arrows.scss */
.arrow-up {
  border-bottom-color: #262626;
  margin-top: -10px;
}

/* Left */
/* line 43, ../sass/partials/abstractions/_arrows.scss */
.arrow-left {
  border-right-color: #262626;
}

/* Right */
/* line 46, ../sass/partials/abstractions/_arrows.scss */
.arrow-right {
  border-left-color: #262626;
}

/* ======================================================================================
   @ABSTRACTIONS -> DIVIDER
   ====================================================================================== */
/*
	Usage: 
		Apply a dividing line between two elements.
	
	Demo:
		Style Guide -> Abstractions -> Divider
*/
/* line 13, ../sass/partials/abstractions/_divider.scss */
.divider {
  border-bottom: 1px solid #7ac144;
  /*box-shadow: 0 1px 0 $color-grey-lightest;*/
  padding-bottom: 21px;
  padding-bottom: 1.5rem;
}

/* --Extenders-- */
/* Larger spacing */
/* line 23, ../sass/partials/abstractions/_divider.scss */
.divider-lrg {
  padding-bottom: 42px;
  padding-bottom: 3rem;
  margin-bottom: 42px;
  margin-bottom: 3rem;
}

/* Smaller spacing */
/* line 29, ../sass/partials/abstractions/_divider.scss */
.divider-sml {
  padding-bottom: 10.5px;
  padding-bottom: 0.75rem;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* ======================================================================================
   @ABSTRACTIONS -> VERTICAL ALIGNMENT
   ====================================================================================== */
/*
	Usage: 
		Vertically align an element within it's parent via CSS `display: table`.
	
	Demo:
		Style Guide -> Abstractions -> Vertical Alignment
*/
/* line 13, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align {
  display: table;
  width: 100%;
  height: 100%;
}

/* line 19, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align--inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ======================================================================================
   @MODULES -> ABSTRACTIONS -> DROP DOWN
   ====================================================================================== */
/*
	Usage: 
		A generic drop down powered by the 'Twitter Bootstrap Drop down' plugin. Individual drop down's that require custom styles will become a 'module'.
	
	Demo:
		Style Guide -> Abstractions -> Drop Down
*/
/* Container for the drop down and drop down trigger */
/* line 14, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container {
  position: relative;
}

/* The drop down */
/* line 17, ../sass/partials/abstractions/_drop-down.scss */
.js .drop-down {
  display: none;
  position: absolute;
  z-index: 2147483647;
  top: 100%;
  left: 0;
}

/* The drop down opened */
/* line 27, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container.is-active > .drop-down {
  display: block;
}

/* Modules */
/* ======================================================================================
   @MODULES -> FEEDBACK
   ====================================================================================== */
/*
	Usage: 
		Provides appropriately designed UI feedback messages for users to acknowledge their actions and to orient users to their location in the site. Most common use case is for errors e.g. form validation errors. Read more here: http://styleguide.yahoo.com/writing/write-clear-user-interface-text/feedback-messages-and-error-messages.
	
	Demo:
		Style Guide -> Modules -> Feedback
*/
/* line 13, ../sass/partials/modules/_feedback.scss */
.feedback {
  padding: 0.375em 0.75em;
  /*border-top: .5em solid white;
  border: 1px solid; 
  box-shadow: inset 0 1px 0 rgba(#fff, 0.25),
  			0 1px 2px rgba(#000, 0.3);*/
  /* Links */
}
/* line 21, ../sass/partials/modules/_feedback.scss */
.feedback a {
  /*text-decoration: underline;  Note: this may be redundant? */
  /* Pseudo classes */
  /* Note: this may be redundant? */
}
/* line 25, ../sass/partials/modules/_feedback.scss */
.feedback a:hover, .feedback a:focus {
  text-decoration: none;
}

/* Block */
/* line 31, ../sass/partials/modules/_feedback.scss */
.feedback-block {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  /* Shared */
  /* Paragraphs and lists */
}
@media all and (min-width: 40.0625em) {
  /* line 31, ../sass/partials/modules/_feedback.scss */
  .feedback-block {
    min-height: 24.28571em;
  }
}
/* line 40, ../sass/partials/modules/_feedback.scss */
.feedback-block .hn,
.feedback-block p,
.feedback-block .list {
  margin-bottom: 0;
}
/* line 45, ../sass/partials/modules/_feedback.scss */
.feedback-block p,
.feedback-block .list {
  margin-top: 0.375em;
}

/* Error */
/* line 50, ../sass/partials/modules/_feedback.scss */
.feedback-error {
  background-color: #b31200;
  border-color: #FFFFFF;
  /* Parent, links + headings */
}
/* line 55, ../sass/partials/modules/_feedback.scss */
.feedback-error,
.feedback-error a,
.feedback-error .hn {
  color: #fff;
}

/* Error */
/* line 63, ../sass/partials/modules/_feedback.scss */
.feedback-validation {
  background-color: #b31200;
  border-color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.35;
  /* Parent, links + headings */
}
/* line 70, ../sass/partials/modules/_feedback.scss */
.feedback-validation,
.feedback-validation a,
.feedback-validation .hn {
  color: #6f0f0f;
}

/* Warning */
/* line 76, ../sass/partials/modules/_feedback.scss */
.feedback-warning {
  background-color: #faf2c9;
  border-color: #FFFFFF;
  color: #000;
  /* Parent, links + headings */
}
/* line 82, ../sass/partials/modules/_feedback.scss */
.feedback-warning,
.feedback-warning a,
.feedback-warning .hn,
.feedback-warning u {
  color: #002B49 !important;
}

/* Success */
/* line 91, ../sass/partials/modules/_feedback.scss */
.feedback-success {
  background-color: #7ac144;
  border-color: #FFFFFF;
  /* Parent, links + headings */
}
/* line 96, ../sass/partials/modules/_feedback.scss */
.feedback-success,
.feedback-success a,
.feedback-success .hn {
  color: #2b4119;
}

/* Info */
/* line 102, ../sass/partials/modules/_feedback.scss */
.feedback-info {
  background-color: #eff9fe;
  border-color: #FFFFFF;
  /* Parent, links + headings */
}
/* line 107, ../sass/partials/modules/_feedback.scss */
.feedback-info,
.feedback-info a,
.feedback-info .hn {
  color: #154c69;
}

/* Notification complete */
/* line 113, ../sass/partials/modules/_feedback.scss */
.user-notifications-complete {
  border-radius: 5px;
  background: white;
  color: green;
  padding: 0.22em 0.55em;
  border-radius: 50%;
  border: 1px solid green;
  position: absolute;
  top: -0.9em;
  right: 0.5em;
  display: inline-block;
  /* Transition */
  -webkit-animation: bounce 0.6s 3s 3 both;
  animation: bounce 0.6s 3s 3 both;
}

/*Scale feedback*/
/* line 127, ../sass/partials/modules/_feedback.scss */
.survey-scale .feedback {
  text-align: left;
}
/* line 129, ../sass/partials/modules/_feedback.scss */
.survey-scale .feedback.feedback-validation {
  font-weight: bold;
}

/*Table admin*/
/* line 135, ../sass/partials/modules/_feedback.scss */
.table-admin .feedback {
  font-size: 0.8em;
}

/* ======================================================================================
   @MODULES -> MICROFORMAT - hCard
   ====================================================================================== */
/*
	Usage: 
		The Microformat hCard: http://microformats.org/wiki/hcard.
	
	Demo:
		Style Guide -> Modules -> Microformat (hCard)
*/
/* Base rules */
/* line 14, ../sass/partials/modules/_microformat(hCard).scss */
.vcard {
  /* `.org` heading */
  /* Make the `.url` link not look like a link */
  /* Nested `.adr` elements */
}
/* line 15, ../sass/partials/modules/_microformat(hCard).scss */
.vcard p {
  margin-bottom: 0;
}
/* line 18, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .org {
  font-size: 100%;
}
/* line 25, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr span {
  display: block;
}
/* line 27, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr .region,
.vcard .adr .postal-code {
  display: inline;
}

/* ======================================================================================
   @MODULES -> SPRITE
   ====================================================================================== */
/* 
	Usage: 
		Applies a background image and nothing else, usually from a sprite. 
		
	Demo:
		Style Guide -> Modules -> Sprite
*/
/* line 13, ../sass/partials/modules/_sprite.scss */
.sprite {
  /* Typical size of a background image */
  width: 16px;
  height: 16px;
  /* Print */
}
@media print {
  /* line 13, ../sass/partials/modules/_sprite.scss */
  .sprite {
    display: none;
  }
}

/* --Set sprites-- */
/* PAW */
/* small - white */
/* line 31, ../sass/partials/modules/_sprite.scss */
.paw-sml-white {
  width: 25px;
  height: 28px;
  background-position: -462px 0;
  margin-right: 0.375em;
}

/* Arrows */
/* right */
/* line 40, ../sass/partials/modules/_sprite.scss */
.s-arrow-r {
  width: 17px;
  height: 18px;
  background-position: -514px 0;
}

/* up */
/* line 47, ../sass/partials/modules/_sprite.scss */
.s-arrow-u {
  width: 18px;
  height: 17px;
  background-position: -531px 0;
}

/* alt */
/* line 54, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.s-arrow-alt-r,
.flex-direction-nav a {
  width: 26px;
  height: 26px;
}

/* left */
/* line 62, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.flex-prev {
  background-position: -549px 0;
}

/* right */
/* line 66, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-r,
.flex-next {
  background-position: -575px 0;
}

/* Icons */
/* shared */
/* line 71, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost,
.s-icon-pdf {
  margin-right: 0;
  height: 16px;
}

/* pdf */
/* line 78, ../sass/partials/modules/_sprite.scss */
.s-icon-pdf {
  width: 16px;
  background-position: -625px 0;
}

/* ghost - renders no icon, is used to create the space of an icon */
/* line 84, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost {
  width: 0;
}

/* --Extenders-- */
/* Apply some spacing between the sprite element and adjacent text */
/* line 91, ../sass/partials/modules/_sprite.scss */
.sprite--spacing {
  margin-right: 0.25em;
}

/* ======================================================================================
   @MODULES -> ICON
   ====================================================================================== */
/*
	Usage: 
		Applies an icon font and nothing else (similar to the sprite module).
	
	Demo:
		Style Guide -> Modules -> Icon
*/
/* line 13, ../sass/partials/modules/_icon.scss */
.icon:before {
  speak: none;
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* --Set icons-- */
/* settings */
/* line 26, ../sass/partials/modules/_icon.scss */
.icon-settings:before {
  content: "\e000";
}

/* cart */
/* line 29, ../sass/partials/modules/_icon.scss */
.icon-products:before {
  content: "\e001";
}

/* user */
/* line 32, ../sass/partials/modules/_icon.scss */
.icon-users:before {
  content: "\e002";
}

/* inbox */
/* line 35, ../sass/partials/modules/_icon.scss */
.icon-orders:before {
  content: "\e003";
}

/* logout */
/* line 38, ../sass/partials/modules/_icon.scss */
.icon-logout:before {
  content: "\e004";
}

/* speechbubble */
/* line 41, ../sass/partials/modules/_icon.scss */
.icon-news:before {
  content: "\e005";
}

/* edit */
/* line 44, ../sass/partials/modules/_icon.scss */
.icon-content:before {
  content: "\e006";
}

/* image */
/* line 47, ../sass/partials/modules/_icon.scss */
.icon-media:before {
  content: "\e007";
}

/* info */
/* line 50, ../sass/partials/modules/_icon.scss */
.icon-info:before {
  content: "\e008";
}

/* tick - success */
/* line 53, ../sass/partials/modules/_icon.scss */
.icon-success:before {
  content: "\e009";
}

/* cross - error */
/* line 56, ../sass/partials/modules/_icon.scss */
.icon-error:before {
  content: "\e00a";
}

/* exclamation - warning */
/* line 59, ../sass/partials/modules/_icon.scss */
.icon-warning:before {
  content: "\e00b";
}

/* magnify  -search */
/* line 62, ../sass/partials/modules/_icon.scss */
.icon-search:before {
  content: "\e00c";
}

/* email */
/* line 65, ../sass/partials/modules/_icon.scss */
.icon-email:before {
  content: "\e00d";
}

/* home */
/* line 68, ../sass/partials/modules/_icon.scss */
.icon-home:before {
  content: "\e00e";
}

/* thumbsup */
/* line 71, ../sass/partials/modules/_icon.scss */
.icon-partners:before {
  content: "\e00f";
}

/* question - help */
/* line 74, ../sass/partials/modules/_icon.scss */
.icon-help:before {
  content: "\e010";
}

/* options */
/* line 77, ../sass/partials/modules/_icon.scss */
.icon-website:before {
  content: "\e011";
}

/* progress */
/* line 80, ../sass/partials/modules/_icon.scss */
.icon-analytics:before {
  content: "\e012";
}

/* menudown */
/* line 83, ../sass/partials/modules/_icon.scss */
.icon-caret-down:before {
  content: "\e013";
}

/* Arrow-left */
/* line 86, ../sass/partials/modules/_icon.scss */
.icon-arrow-left:before {
  content: "\e094";
}

/* Arrow-right */
/* line 89, ../sass/partials/modules/_icon.scss */
.icon-arrow-right:before {
  content: "\e095";
}

/* Plus */
/* line 92, ../sass/partials/modules/_icon.scss */
.icon-plus:before {
  content: "\e114";
}

/* Minus */
/* line 95, ../sass/partials/modules/_icon.scss */
.icon-minus:before {
  content: "\e115";
}

/* Question mark outline */
/* line 98, ../sass/partials/modules/_icon.scss */
.icon-question-outline:before {
  content: "\e30f";
}

/* pencil - edit */
/* line 101, ../sass/partials/modules/_icon.scss */
.icon-edit:before {
  content: "\e600";
}

/* play - movie */
/* line 104, ../sass/partials/modules/_icon.scss */
.icon-movie:before {
  content: "\e601";
}

/* bullhorn */
/* line 107, ../sass/partials/modules/_icon.scss */
.icon-bullhorn:before {
  content: "\e602";
}

/* copy */
/* line 110, ../sass/partials/modules/_icon.scss */
.icon-copy:before {
  content: "\e603";
}

/* tag */
/* line 113, ../sass/partials/modules/_icon.scss */
.icon-tag:before {
  content: "\e604";
}

/* tags */
/* line 116, ../sass/partials/modules/_icon.scss */
.icon-tags:before {
  content: "\e605";
}

/* qrcode */
/* line 119, ../sass/partials/modules/_icon.scss */
.icon-qrcode:before {
  content: "\e606";
}

/* location */
/* line 122, ../sass/partials/modules/_icon.scss */
.icon-location:before {
  content: "\e607";
}

/* location2 */
/* line 125, ../sass/partials/modules/_icon.scss */
.icon-location2:before {
  content: "\e608";
}

/* map */
/* line 128, ../sass/partials/modules/_icon.scss */
.icon-map:before {
  content: "\e609";
}

/* map2 */
/* line 131, ../sass/partials/modules/_icon.scss */
.icon-map2:before {
  content: "\e60a";
}

/* print */
/* line 134, ../sass/partials/modules/_icon.scss */
.icon-print:before {
  content: "\e60b";
}

/* zoomin */
/* line 137, ../sass/partials/modules/_icon.scss */
.icon-zoomin:before {
  content: "\e60c";
}

/* zoomout */
/* line 140, ../sass/partials/modules/_icon.scss */
.icon-zoomout:before {
  content: "\e60d";
}

/* lock */
/* line 143, ../sass/partials/modules/_icon.scss */
.icon-lock:before {
  content: "\e60e";
}

/* unlocked */
/* line 146, ../sass/partials/modules/_icon.scss */
.icon-unlocked:before {
  content: "\e60f";
}

/* cogs */
/* line 149, ../sass/partials/modules/_icon.scss */
.icon-cogs:before {
  content: "\e610";
}

/* stats */
/* line 152, ../sass/partials/modules/_icon.scss */
.icon-stats:before {
  content: "\e611";
}

/* bars */
/* line 155, ../sass/partials/modules/_icon.scss */
.icon-bars:before {
  content: "\e612";
}

/* gift */
/* line 158, ../sass/partials/modules/_icon.scss */
.icon-gift:before {
  content: "\e613";
}

/* remove */
/* line 161, ../sass/partials/modules/_icon.scss */
.icon-remove:before {
  content: "\e614";
}

/* airplane */
/* line 164, ../sass/partials/modules/_icon.scss */
.icon-airplane:before {
  content: "\e615";
}

/* truck */
/* line 167, ../sass/partials/modules/_icon.scss */
.icon-truck:before {
  content: "\e616";
}

/* road */
/* line 170, ../sass/partials/modules/_icon.scss */
.icon-road:before {
  content: "\e617";
}

/* accessibility */
/* line 173, ../sass/partials/modules/_icon.scss */
.icon-accessibility:before {
  content: "\e618";
}

/* link */
/* line 176, ../sass/partials/modules/_icon.scss */
.icon-link:before {
  content: "\e619";
}

/* phone */
/* line 179, ../sass/partials/modules/_icon.scss */
.icon-phone:before {
  content: "\e61a";
}

/*Bird*/
/* line 182, ../sass/partials/modules/_icon.scss */
.icon-bird:before {
  content: "\e61b";
}

/*Bird*/
/* line 185, ../sass/partials/modules/_icon.scss */
.icon-calendar:before {
  content: "\e61e";
}

/* Star border */
/* line 188, ../sass/partials/modules/_icon.scss */
.icon-star_border:before {
  content: "\e61f";
}

/* Star half */
/* line 191, ../sass/partials/modules/_icon.scss */
.icon-star_half:before {
  content: "\e620";
}

/* Star full */
/* line 194, ../sass/partials/modules/_icon.scss */
.icon-star_full:before {
  content: "\e621";
}

/* Clipboard */
/* line 197, ../sass/partials/modules/_icon.scss */
.icon-clipboard:before {
  content: "\e622";
}

/* Thick tick */
/* line 200, ../sass/partials/modules/_icon.scss */
.icon-tick-block:before {
  content: "\e625";
}

/* Border tick */
/* line 203, ../sass/partials/modules/_icon.scss */
.icon-tick-block-border:before {
  content: "\e626";
}

/* PDF */
/* line 206, ../sass/partials/modules/_icon.scss */
.icon-pdf:before {
  content: "\e62b";
}

/* Word */
/* line 209, ../sass/partials/modules/_icon.scss */
.icon-word:before {
  content: "\e62c";
}

/* Excel */
/* line 212, ../sass/partials/modules/_icon.scss */
.icon-excel:before {
  content: "\e62d";
}

/* Download */
/* line 215, ../sass/partials/modules/_icon.scss */
.icon-download:before {
  content: "\e631";
}

/* Attach */
/* line 218, ../sass/partials/modules/_icon.scss */
.icon-attach:before {
  content: "\e6db";
}

/*Fwd Email*/
/* line 221, ../sass/partials/modules/_icon.scss */
.icon-fwd-mail:before {
  content: "\e900";
}

/*New Email*/
/* line 224, ../sass/partials/modules/_icon.scss */
.icon-new-mail:before {
  content: "\e901";
}

/*Flag*/
/* line 227, ../sass/partials/modules/_icon.scss */
.icon-flag:before {
  content: "\e902";
}

/*Preview*/
/* line 230, ../sass/partials/modules/_icon.scss */
.icon-preview:before {
  content: "\e903";
}

/*Time*/
/* line 233, ../sass/partials/modules/_icon.scss */
.icon-clock:before {
  content: "\e904";
}

/*Reply All Email*/
/* line 236, ../sass/partials/modules/_icon.scss */
.icon-reply-all-mail:before {
  content: "\e905";
}

/*Reply Email*/
/* line 239, ../sass/partials/modules/_icon.scss */
.icon-reply-mail:before {
  content: "\e906";
}

/*Key*/
/* line 242, ../sass/partials/modules/_icon.scss */
.icon-key:before {
  content: "\e907";
}

/*List*/
/* line 245, ../sass/partials/modules/_icon.scss */
.icon-list:before {
  content: "\e908";
}

/*Tree*/
/* line 248, ../sass/partials/modules/_icon.scss */
.icon-tree:before {
  content: "\e909";
}

/*Notification*/
/* line 251, ../sass/partials/modules/_icon.scss */
.icon-notification:before {
  content: "\e90a";
}

/*Health Facility*/
/* line 254, ../sass/partials/modules/_icon.scss */
.icon-facility:before {
  content: "\e90b";
}

/*Pen*/
/* line 257, ../sass/partials/modules/_icon.scss */
.icon-pen:before {
  content: "\e90c";
}

/*Sign in door*/
/* line 260, ../sass/partials/modules/_icon.scss */
.icon-sign-in:before {
  content: "\e90d";
}

/*Book*/
/* line 263, ../sass/partials/modules/_icon.scss */
.icon-book:before {
  content: "\e90e";
}

/*Profile*/
/* line 266, ../sass/partials/modules/_icon.scss */
.icon-profile:before {
  content: "\e90f";
}

/*Display*/
/* line 269, ../sass/partials/modules/_icon.scss */
.icon-display:before {
  content: "\e910";
}

/*Users*/
/* line 272, ../sass/partials/modules/_icon.scss */
.icon-group:before {
  content: "\e911";
}

/*Referral*/
/* line 275, ../sass/partials/modules/_icon.scss */
.icon-referral:before {
  content: "\e912";
}

/*File Text*/
/* line 278, ../sass/partials/modules/_icon.scss */
.icon-text:before {
  content: "\e913";
}

/*Drawer*/
/* line 281, ../sass/partials/modules/_icon.scss */
.icon-drawer:before {
  content: "\e914";
}

/*Lifebuoy*/
/* line 284, ../sass/partials/modules/_icon.scss */
.icon-support:before {
  content: "\e915";
}

/*Rounded box*/
/* line 287, ../sass/partials/modules/_icon.scss */
.icon-rounded-box:before {
  content: "\e916";
}

/*White Plus*/
/* line 290, ../sass/partials/modules/_icon.scss */
.icon-white-plus:before {
  content: "\e917";
}

/*User Plus*/
/* line 293, ../sass/partials/modules/_icon.scss */
.icon-user-plus:before {
  content: "\e918";
}

/*Archive*/
/* line 296, ../sass/partials/modules/_icon.scss */
.icon-archive:before {
  content: "\e919";
}

/*Activate*/
/* line 299, ../sass/partials/modules/_icon.scss */
.icon-activate:before {
  content: "\e91a";
}

/*Outcome*/
/* line 302, ../sass/partials/modules/_icon.scss */
.icon-outcome:before {
  content: "\e921";
}

/*Tick Curly Circle*/
/* line 305, ../sass/partials/modules/_icon.scss */
.icon-tick-circle:before {
  content: "\e91b";
}

/*Tick Curly*/
/* line 308, ../sass/partials/modules/_icon.scss */
.icon-tick:before {
  content: "\e91c";
}

/* Question mark not in a circle */
/* line 311, ../sass/partials/modules/_icon.scss */
.icon-question-mark:before {
  content: "\e91d";
}

/* play - round button */
/* line 314, ../sass/partials/modules/_icon.scss */
.icon-play:before {
  content: "\e91e";
}

/* solid block plus */
/* line 317, ../sass/partials/modules/_icon.scss */
.icon-block-plus:before {
  content: "\e91f";
}

/*Network - health facility management*/
/* line 320, ../sass/partials/modules/_icon.scss */
.icon-network:before {
  content: "\e920";
}

/*Compass*/
/* line 323, ../sass/partials/modules/_icon.scss */
.icon-compass:before {
  content: "\e94a";
}

/*Mobile*/
/* line 326, ../sass/partials/modules/_icon.scss */
.icon-mobile:before {
  content: "\e958";
}

/*Left*/
/* line 329, ../sass/partials/modules/_icon.scss */
.icon-left:before {
  content: "\f044";
}

/*Right*/
/* line 332, ../sass/partials/modules/_icon.scss */
.icon-right:before {
  content: "\f05a";
}

/*Cogs*/
/* line 335, ../sass/partials/modules/_icon.scss */
.icon-cogs:before {
  content: "\f085";
}

/*Jump Left*/
/* line 338, ../sass/partials/modules/_icon.scss */
.icon-jumpleft:before {
  content: "\f0a5";
}

/*Jump Right*/
/* line 341, ../sass/partials/modules/_icon.scss */
.icon-jumpright:before {
  content: "\f0a6";
}

/*Replied Email*/
/* line 344, ../sass/partials/modules/_icon.scss */
.icon-replied-mail:before {
  content: "\f112";
}

/*Replied Email*/
/* line 347, ../sass/partials/modules/_icon.scss */
.icon-sort:before {
  content: "\f142";
}

/* --Extenders-- */
/* Apply some spacing between the icon element and adjacent text */
/* line 352, ../sass/partials/modules/_icon.scss */
.icon-spacing:before {
  margin-right: 0.25em;
}

/* Remove the negative 1px top positiong */
/* line 355, ../sass/partials/modules/_icon.scss */
.icon-flush-top:before {
  position: static;
}

/* Fixed width */
/* line 358, ../sass/partials/modules/_icon.scss */
.icon-fixed-width:before {
  width: 1em;
  text-align: center;
}

/* - Misc -*/
/* line 364, ../sass/partials/modules/_icon.scss */
.notification {
  background-color: #b31200;
  padding: 0.4em 0.85em;
  border: 1px solid #fff;
  border-radius: 50%;
  float: right;
  position: absolute;
  top: 1em;
  right: 1em;
}
@media all and (min-width: 40.0625em) {
  /* line 364, ../sass/partials/modules/_icon.scss */
  .notification {
    top: -1em;
  }
}

/* line 377, ../sass/partials/modules/_icon.scss */
.red_flag {
  color: #b31200;
}

/* -Alternate sizes- */
/* Small */
/* line 382, ../sass/partials/modules/_icon.scss */
.icon-sml:before {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1;
}

/* Medium */
/* line 385, ../sass/partials/modules/_icon.scss */
.icon-med:before {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1;
}

/* Big */
/* line 389, ../sass/partials/modules/_icon.scss */
.icon-big:before {
  font-size: 32px;
  font-size: 2.28571rem;
  line-height: 1;
}

/* Large */
/* line 392, ../sass/partials/modules/_icon.scss */
.icon-lrg:before {
  font-size: 45px;
  font-size: 3.21429rem;
  line-height: 1;
}

/* Huge */
/* line 395, ../sass/partials/modules/_icon.scss */
.icon-huge:before {
  font-size: 64px;
  font-size: 4.57143rem;
  line-height: 1;
}

/* Default */
/* line 398, ../sass/partials/modules/_icon.scss */
.icon-default:before {
  font-size: inherit;
}

/* ======================================================================================
   @MODULES -> ICON
   ====================================================================================== */
/*
	Usage: 
		Applies an icon font and nothing else (similar to the sprite module).
	
	Demo:
		Style Guide -> Modules -> Icon
*/
@font-face {
  font-family: 'emoticons';
  src: url("fonts/emoticons/emoticons.eot?-erybr4");
  src: url("fonts/emoticons/emoticons.eot?#iefix-erybr4") format("embedded-opentype"), url("fonts/emoticons/emoticons.ttf?-erybr4") format("truetype"), url("fonts/emoticons/emoticons.woff?-erybr4") format("woff"), url("fonts/emoticons/emoticons.svg?-erybr4#emoticons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 24, ../sass/partials/modules/_emoticons.scss */
.emoticon:before {
  /*@extend %sprite-icon;*/
  speak: none;
  font-family: 'emoticons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 2.5em;
}

/* --Set icons-- */
/*Calm*/
/* line 38, ../sass/partials/modules/_emoticons.scss */
.emoticon-calm:before {
  content: "\62";
}

/*Grateful*/
/* line 41, ../sass/partials/modules/_emoticons.scss */
.emoticon-grateful:before {
  content: "\6a";
}

/*Excited*/
/* line 44, ../sass/partials/modules/_emoticons.scss */
.emoticon-excited:before {
  content: "\44";
}

/*Happy*/
/* line 47, ../sass/partials/modules/_emoticons.scss */
.emoticon-happy:before {
  content: "\29";
}

/*Determined*/
/* line 50, ../sass/partials/modules/_emoticons.scss */
.emoticon-determined:before {
  content: "\58";
}

/*Inspired*/
/* line 53, ../sass/partials/modules/_emoticons.scss */
.emoticon-inspired:before {
  content: "\67";
}

/*Lovestruck*/
/* line 56, ../sass/partials/modules/_emoticons.scss */
.emoticon-lovestruck:before {
  content: "\69";
}

/*Strong*/
/* line 59, ../sass/partials/modules/_emoticons.scss */
.emoticon-strong:before {
  content: "\34";
}

/*Hopeful*/
/* line 62, ../sass/partials/modules/_emoticons.scss */
.emoticon-hopeful:before {
  content: "\48";
}

/*Tired*/
/* line 65, ../sass/partials/modules/_emoticons.scss */
.emoticon-tired:before {
  content: "\5a";
}

/*Bored*/
/* line 68, ../sass/partials/modules/_emoticons.scss */
.emoticon-bored:before {
  content: "\47";
}

/*Lonely*/
/* line 71, ../sass/partials/modules/_emoticons.scss */
.emoticon-lonely:before {
  content: "\43";
}

/*Guilty*/
/* line 74, ../sass/partials/modules/_emoticons.scss */
.emoticon-guilty:before {
  content: "\28";
}

/*Irritable*/
/* line 77, ../sass/partials/modules/_emoticons.scss */
.emoticon-irritable:before {
  content: "\73";
}

/*Restless*/
/* line 80, ../sass/partials/modules/_emoticons.scss */
.emoticon-restless:before {
  content: "\4a";
}

/*Afraid*/
/* line 83, ../sass/partials/modules/_emoticons.scss */
.emoticon-afraid:before {
  content: "\76";
}

/*Distressed*/
/* line 86, ../sass/partials/modules/_emoticons.scss */
.emoticon-distressed:before {
  content: "\64";
}

/*Misunderstood*/
/* line 89, ../sass/partials/modules/_emoticons.scss */
.emoticon-misunderstood:before {
  content: "\49";
}

/*Needy*/
/* line 92, ../sass/partials/modules/_emoticons.scss */
.emoticon-needy:before {
  content: "\68";
}

/*Sad*/
/* line 95, ../sass/partials/modules/_emoticons.scss */
.emoticon-sad:before {
  content: "\6b";
}

/*Anxious*/
/* line 98, ../sass/partials/modules/_emoticons.scss */
.emoticon-anxious:before {
  content: "\75";
}

/*Ashamed*/
/* line 101, ../sass/partials/modules/_emoticons.scss */
.emoticon-ashamed:before {
  content: "\65";
}

/*Obsessed*/
/* line 104, ../sass/partials/modules/_emoticons.scss */
.emoticon-obsessed:before {
  content: "\55";
}

/*Angry*/
/* line 107, ../sass/partials/modules/_emoticons.scss */
.emoticon-angry:before {
  content: "\33";
}

/*Depressed*/
/* line 110, ../sass/partials/modules/_emoticons.scss */
.emoticon-depressed:before {
  content: "\6e";
}

/*Craving*/
/* line 113, ../sass/partials/modules/_emoticons.scss */
.emoticon-craving:before {
  content: "\61";
}

/*Pain*/
/* line 116, ../sass/partials/modules/_emoticons.scss */
.emoticon-pain:before {
  content: "\53";
}

/*Resentful*/
/* line 119, ../sass/partials/modules/_emoticons.scss */
.emoticon-resentful:before {
  content: "\36";
}

/* ======================================================================================
   @MODULES -> PRELOADER
   ====================================================================================== */
/*
	Usage: 
		Provides feedback to the user letting them know that their action is being processed e.g. a form submission. It renders an animating spinner (light) but can also include a message with the spinner e.g. "Loading, please wait..." (full).
	
	Demo:
		Style Guide -> Modules -> Preloader
*/
/* line 15, ../sass/partials/modules/_preloader.scss */
.preloader, .preloader * {
  display: inline-block;
}
/* line 18, ../sass/partials/modules/_preloader.scss */
.preloader * {
  vertical-align: middle;
}
/* line 20, ../sass/partials/modules/_preloader.scss */
.preloader em {
  font-style: italic;
}

/* Spinner animation */
/* line 24, ../sass/partials/modules/_preloader.scss */
.preloader--light,
.preloader--spinner {
  width: 33px;
  height: 33px;
  overflow: hidden;
  background: url("img/preloader.gif") no-repeat 0 0;
}

/* Create some space between the spinner and the message */
/* line 33, ../sass/partials/modules/_preloader.scss */
.preloader--spinner {
  margin-right: 0.375em;
}

/* Remove the spinner as it's parent has hijacked it's styles */
/* line 36, ../sass/partials/modules/_preloader.scss */
.preloader--light .preloader--spinner {
  display: none;
}

/* ======================================================================================
   @MODULES -> PAGINATION
   ====================================================================================== */
/*
	Usage: 
		For paginating between many sets of pages e.g. search results. There's a lighter version (pager) which just renders the 'Prev' and 'Next' links.
	
	Demo:
		-	Style Guide -> Modules -> Pagination
		-	Style Guide -> Modules -> Pager
*/
/* line 14, ../sass/partials/modules/_pagination.scss */
.pagination {
  border-radius: 4px;
  text-align: center;
  /* Shared */
  /* Pagination items */
  /* Links & Buttons */
  /* Pseudo elements - 'Previous' and 'Next' links */
  /* Previous - single left-pointing angle quotation mark */
  /* Next - single right-pointing angle quotation mark */
}
/* line 18, ../sass/partials/modules/_pagination.scss */
.pagination li,
.pagination a,
.pagination .pagination--skip:before {
  display: inline-block;
}
/* line 24, ../sass/partials/modules/_pagination.scss */
.pagination li {
  margin: 0.25em 0em 0.25em 0.14286em;
  /* Adjust margin at this breakpoint */
  /* Turn off margin for first child */
}
@media all and (min-width: 48em) {
  /* line 24, ../sass/partials/modules/_pagination.scss */
  .pagination li {
    margin: 0em 0em 0em 0.14286em;
  }
}
/* line 31, ../sass/partials/modules/_pagination.scss */
.pagination li:first-child {
  margin-left: 0;
}
/* line 36, ../sass/partials/modules/_pagination.scss */
.pagination a, .pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  /*@include to-em(padding, $spacing-micro $spacing-third);*/
  padding: 0 0.5em;
  background-color: #e3e3e3;
  text-decoration: none;
  /* Note: this may be redundant? */
  border: 1px solid #d4d4d4;
  border-radius: 15px;
  /* Pseudo classes + active state */
  /*&:hover,
  &:focus,
  &.is-active {
  	background-color: $color-grey-dark;
  	border-color: $color-grey-darker;
  	color: #fff;
  }*/
}
/* line 57, ../sass/partials/modules/_pagination.scss */
.pagination a {
  		/*padding-top: 0.35em;
          font-size: 1.2em;
          height: 2.35em;
  
          @include respond-max($palm){padding-top:0.4em;}*/
  padding-top: 0.4em;
}
/* line 66, ../sass/partials/modules/_pagination.scss */
.pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 1rem 1.5rem;
  color: #002B49;
}
/* line 74, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before,
.pagination a[rel="next"]:after {
  speak: none;
  vertical-align: top;
}
/* line 80, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before {
  content: "\2039";
  margin-right: 0.375em;
}
/* line 85, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="next"]:after {
  content: "\203a";
  margin-left: 0.375em;
}

/* Page count */
/* line 92, ../sass/partials/modules/_pagination.scss */
.pagination--count {
  padding-right: 0.25em;
  /* Change the display at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 97, ../sass/partials/modules/_pagination.scss */
  .pagination .pagination--count {
    display: block;
  }
}

/* Page jump - pseudo element - horizontal ellipsis glyph */
/* line 102, ../sass/partials/modules/_pagination.scss */
.pagination--skip:before {
  content: "\2026";
  speak: none;
  margin-right: 0.375em;
  color: gray;
  vertical-align: bottom;
}

/* line 112, ../sass/partials/modules/_pagination.scss */
.progress-line {
  border-radius: 40px;
  height: 30px;
  background: #fff;
  box-shadow: none;
  overflow: visible;
  position: relative;
}
/* line 120, ../sass/partials/modules/_pagination.scss */
.progress-line .progress-bar {
  border-radius: 40px;
  position: absolute;
  top: 0;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
  background: #7AC143;
  height: 100%;
}

/* ======================================================================================
   @MODULES -> THUMBNAIL GRID
   ====================================================================================== */
/* 
	Usage: 
		Renders thumbnail images in a grid, typically used for photo galleries.
	
	Note: 
		This module uses the grid, adjust the `li` grid width classes accordingly.
		
	Demo:
		Style Guide -> Modules -> Thumbnail Grid
*/
/* line 16, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid {
  margin-bottom: -21px;
  margin-bottom: -1.5rem;
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Items */
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Images */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid li {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}
/* line 23, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid img {
  /* Transition */
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
/* line 26, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid a:hover img,
.thumbnail-grid a:focus img {
  opacity: 0.7;
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.6);
  /* Note: consider using the `%box-shadow-btm` placeholder */
}

/* Modules -> Widgets */
/* ======================================================================================
   @MODULES -> WIDGETS -> ACCORDION
   ====================================================================================== */
/*
	Usage: 
		Typically for preserving screen real estate e.g. a complex menu as each item can be 'expanded' to reveal the content associated with that item and it can also be 'collapsed' to hide its associated content. There can be zero or more items expanded at a time, depending on the jQuery plugin configuration.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Accordion
*/
/* line 13, ../sass/partials/modules/widgets/_accordion.scss */
.accordion {
  margin-left: 0;
  /* Accordion items */
}
/* line 17, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li {
  border-top: 1px solid #e3e3e3;
  /* Turn off border for first child */
}
/* line 21, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li:first-child {
  border-top: 0;
}

/* Shared */
/* line 26, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-header,
.accordion-content {
  width: 100%;
}

/* Note: have to set a width otherwise animation jumps. */
/* Heading */
/* line 30, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-header {
  padding: 0.375em 0.75em;
  background-color: #f2f2f2;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  /* JS on */
  /* Pseudo element - plus glyph */
  /* Expanded state */
  /* Print */
}
/* line 39, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header {
  cursor: pointer;
  /* Pseudo classes */
}
/* line 43, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header:hover, .js .accordion-header:focus {
  background: #4d4d4d;
  color: #fff;
}
/* line 51, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header:before {
  content: "\002B";
  display: inline-block;
  speak: none;
  margin-right: 0.375em;
  vertical-align: top;
  /* Print */
}
@media print {
  /* line 51, ../sass/partials/modules/widgets/_accordion.scss */
  .js .accordion-header:before {
    display: none;
  }
}
/* line 65, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion-header {
  background: #002B49;
  color: #fff;
  /* Pseudo element - minus glyph */
}
/* line 70, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion-header:before {
  content: "\2212";
}
@media print {
  /* line 30, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-header {
    border-bottom: 1px solid;
  }
}

/* Content */
/* line 80, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-content {
  padding: 0.75em;
  display: none;
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
@media all and (min-width: 40.0625em) {
  /* line 80, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-content {
    padding: 1.5em;
  }
}
/* line 90, ../sass/partials/modules/widgets/_accordion.scss */
.no-js .accordion-content {
  display: block;
}
@media print {
  /* line 80, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-content {
    display: block !important;
    /* Note: need to use `!important` in order to override the inline display rule applied by the jQuery plugin. */
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> FLEXSLIDER
   ====================================================================================== */
/*
	Usage: 
		A fully responsive jQuery slider, typically for photo galleries.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Flexslider
	
	Credit: 
		http://www.woothemes.com/flexslider/
*/
/* line 16, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  position: relative;
  background-color: #bfbfbf;
  /* Print */
  /* Slides container */
  /* Slides - hide the slides before JS is loaded to avoid images jumping */
  /* Images */
}
@media print {
  /* line 16, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider {
    display: none;
  }
}
/* line 29, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  /* First child should always be visible */
  /* Print */
}
/* line 34, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}
@media print {
  /* line 29, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .slides > li {
    float: none !important;
  }
}
/* line 46, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides img {
  display: block;
  margin: 0 auto;
}

/* Pager nav */
/* line 53, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging {
  position: absolute;
  bottom: 0.5em;
  left: 50%;
  margin-left: -38px;
  /* Note: this equals half of what the width is */
  /* Print */
  /* Pager nav items */
  /* Links */
}
@media print {
  /* line 53, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-control-paging {
    display: none;
  }
}
/* line 65, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li {
  display: inline-block;
}
/* line 68, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a {
  width: 2.28571em;
  height: 2.28571em;
  overflow: hidden;
  display: block;
  cursor: pointer;
  margin-right: 0.375em;
  /* Note: demo styles, please remove. */
  text-decoration: none;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  text-indent: 0;
  font: bold 13px/26px Consolas, "Courier New", Courier, monospace;
  /* Pseudo classes + active state */
}
/* line 85, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a:hover, .flex-control-paging a:focus, .flex-control-paging a.flex-active {
  /* Note: demo styles, please remove. */
  background-color: #002B49;
  color: #fff;
}

/* Prev/next nav */
/* line 96, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a {
  text-decoration: none;
  /* Note: this may be redundant? */
  display: block;
  /* Note: demo styles, please remove. */
  width: 27px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  /* Note: this equals half of what the height is */
  background-color: #fff;
}

/* Print */
@media print {
  /* line 112, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav {
    display: none;
  }
}
/* Prev */
/* line 116, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-prev {
  left: 0;
  /* Pseudo classes */
  /* Note: demo styles, please remove. */
}
/* line 120, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-prev:hover, .flex-prev:focus {
  background-color: #002B49;
}

/* Next */
/* line 125, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-next {
  right: 0;
  /* Pseudo classes */
  /* Note: demo styles, please remove. */
}
/* line 129, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-next:hover, .flex-next:focus {
  background-color: #002B49;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> ADAPTIVE GOOGLE MAP
   ====================================================================================== */
/*
	Usage: 
		Adaptive Google map.
	
	Note: 
		Loads in a static Google map image for palm sized viewports and a dynamic Google map (full API) for non-palm sized viewports.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Adaptive Google Map
	
	Credit:
		http://codepen.io/bradfrost/full/tLxAs
*/
/* line 19, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map {
  position: relative;
  /* Have this so the preloader is contained within it's parent */
  min-height: 50px;
  /* Preloader */
}
/* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map .preloader {
  display: none;
  /* Show at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map .preloader {
    /* JS on */
  }
  /* line 31, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map .preloader {
    display: block;
    position: absolute;
    top: 1.5em;
    left: 1.5em;
  }
}

/* Static */
/* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--static {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  background: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false") no-repeat 50% 50%;
  /* Retina */
  /* Hide at this breakpoint */
  /* Print */
  /* Hide image so we can use a bg img instead to maintain scale, see: http://webdesigntutsplus.s3.amazonaws.com/tuts/365_google_maps/demo/index.html */
}
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static {
    background-image: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false&scale=2");
    background-size: 640px 400px;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static {
    display: none;
  }
}
@media print {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static {
    display: block !important;
  }
}
/* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--static img {
  opacity: 0;
  /* Print */
}
@media print {
  /* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static img {
    opacity: 1;
  }
}

/* Dynamic */
/* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic {
  /* Preserve aspect ratio: 16:9 */
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  /* Print */
  /* Turn off responsive images */
  /* Preloader */
  /* Map canvas */
}
@media print {
  /* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--dynamic {
    display: none;
  }
}
/* line 83, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic img {
  max-width: none;
}
/* line 86, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic .preloader {
  margin-left: 1.5em;
}
/* line 89, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic > div {
  /* Preserve aspect ratio: 16:9 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Map link - hide at this breakpoint only when JS is on */
@media all and (min-width: 40.0625em) {
  /* line 101, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map--link {
    display: none;
  }
}
/* Print */
@media print {
  /* line 106, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--link {
    display: none;
  }
}
/* ======================================================================================
   @MODULES -> WIDGETS -> MODAL
   ====================================================================================== */
/*
	Usage: 
		Typically for dialog prompts e.g. warning/error messages in the form of an overlay (child window). Depending on the jQuery plugin configuration the parent window (page the dialog is overlaying) can either be interacted with again i.e. closing the dialog by clicking anywhere outside the dialog or by only clicking the 'Close' button within the dialog (the latter is true modal behaviour).
	
	Note: 
		`.is-modal-active` class gets appended to the `body` element when the modal is open.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Modal
		
	Credit: 
		http://twitter.github.com/bootstrap/javascript.html#modals
*/
/* Shared fade state */
/* line 20, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade,
.modal-backdrop.is-fade {
  opacity: 0;
  /* Transition */
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

/* Modal backdrop */
/* line 27, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483646;
  background-color: #000;
}
/* line 36, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop, .modal-backdrop.is-fade.is-active {
  opacity: 0.8;
}

/* Modal */
/* line 41, ../sass/partials/modules/widgets/_modal.scss */
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2147483647;
  width: 90%;
  margin: -60px 0 0 -45%;
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /* Fix the width and adjust offsets at this breakpoint */
  /* Fade state */
}
@media all and (min-width: 48em) {
  /* line 41, ../sass/partials/modules/widgets/_modal.scss */
  .modal {
    width: 40em;
    margin-top: -250px;
    margin-left: -280px;
  }
}
/* line 62, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade {
  top: -25%;
  /* Transition */
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  /* Active state */
}
/* line 67, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade.is-active {
  top: 15%;
  opacity: 1;
}
@media all and (min-width: 40.0625em) {
  /* line 67, ../sass/partials/modules/widgets/_modal.scss */
  .modal.is-fade.is-active {
    top: 40%;
  }
}

/* Modal header */
/* line 77, ../sass/partials/modules/widgets/_modal.scss */
.modal-header {
  border-bottom: 1px solid #d4d4d4;
  padding: 1rem;
  position: relative;
  /* Modal title */
  /* Close button */
}
/* line 83, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .hn {
  margin: 0;
}
/* line 86, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .btn-close {
  position: absolute;
  right: 0.71429em;
  top: 50%;
  margin-top: -0.78571em;
}

/* Modal body */
/* line 95, ../sass/partials/modules/widgets/_modal.scss */
.modal-body {
  max-height: 32.85714em;
  padding: 1em;
  overflow-y: auto;
  /* Increase the max height at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 95, ../sass/partials/modules/widgets/_modal.scss */
  .modal-body {
    max-height: 28.57143em;
  }
}

/* Modal footer */
/* line 107, ../sass/partials/modules/widgets/_modal.scss */
.modal-footer {
  padding: 1em;
  text-align: right;
  background-color: #f2f2f2;
  border-top: 1px solid #d4d4d4;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

/* Special Modal Emoticons*/
/* line 118, ../sass/partials/modules/widgets/_modal.scss */
.modal-emoticons {
  font-size: 0.9em;
}
/* line 119, ../sass/partials/modules/widgets/_modal.scss */
.modal-emoticons .non-palm-one-quarter {
  width: 25%;
  text-align: center;
}
@media all and (max-width: 24.9375em) {
  /* line 123, ../sass/partials/modules/widgets/_modal.scss */
  .modal-emoticons .non-palm-one-quarter {
    width: 33%;
  }
}

/* line 127, ../sass/partials/modules/widgets/_modal.scss */
.good, .fair, .bad {
  text-decoration: none;
}

/* line 128, ../sass/partials/modules/widgets/_modal.scss */
.good, .good:visited {
  color: #1ac62a;
}

/* line 129, ../sass/partials/modules/widgets/_modal.scss */
.fair, .fair:visited {
  color: #ff8a00;
}

/* line 130, ../sass/partials/modules/widgets/_modal.scss */
.bad, .bad:visited {
  color: #ff0000;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> SOCIAL MEDIA SHARE
   ====================================================================================== */
/*
	Usage: 
		Embedding all or whatever is required of the Social Media share buttons.
	
	Note: 
		Eventually they'll be 3 versions of this widget: 
		-	'Full API' (done).
		-	'Medium' (http://filamentgroup.com/lab/socialcount/).
		-	'Light'.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Social Media Share
*/
/* Print */
@media print {
  /* line 21, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full {
    display: none;
  }
}
/* Used to create a space between each button */
/* line 25, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full-spacer {
  display: inline-block;
  width: 0.42857em;
  height: 4px;
}

/* Break the buttons onto 2 lines */
/* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full-spacer-middle {
  display: block;
  /* Bring buttons back onto 1 line at this breakpoint */
}
@media all and (min-width: 26.25em) {
  /* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full-spacer-middle {
    display: inline-block;
  }
}

/* Facebook */
/* line 42, ../sass/partials/modules/widgets/_social-media-share.scss */
.fb-like {
  vertical-align: top;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TABS
   ====================================================================================== */
/*
	Usage: 
		Similar to the accordion in terms of preserving screen real estate but a tabbed interface is typically rendered horizontally not vertically and rather than 'expanding' and 'collapsing' each item the item simply appears and you can only ever see one item at a time.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tabs
*/
/* Tab */
/* line 14, ../sass/partials/modules/widgets/_tabs.scss */
.tabs {
  text-align: left;
}

/* line 18, ../sass/partials/modules/widgets/_tabs.scss */
.tabs-heading {
  font-size: 1.2rem;
}

/* Tab nav */
/* line 24, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav {
  text-align: left;
  /* Items */
  /* Links */
  /* Pseudo classes + active state */
  /* JS off */
  /* Print */
}
/* line 27, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li {
  background-color: #002B49;
  border-radius: 10px 10px 0 0;
  border: 1px solid #fff;
  position: relative;
  margin-right: -0.175em;
  /*Notification number*/
  /* Items go into horizontal mode therefore require some spacing between them at this breakpoint */
}
/* line 34, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li .user-notifications-count {
  background-color: #FFF;
  color: #b31200;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #b31200;
  position: absolute;
  top: -1.7em;
  right: 0.4em;
  width: 2.5em;
  height: 2.5em;
  padding-top: 0.5em;
}
@media all and (min-width: 40.0625em) {
  /* line 27, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li {
    border-bottom: 0;
  }
}
/* line 53, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a {
  font-size: 1.2rem;
  text-decoration: none;
  /* Note: this may be redundant? */
  color: #fff;
  display: block;
  margin-bottom: 0;
  padding: 1.5rem 2rem;
  /* Change the border color at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 53, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a {
    border-color: transparent;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 52.75em) {
  /* line 53, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a {
    padding-left: 0.6em;
    padding-right: 0.6em;
  }
}
/* line 72, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav h2 {
  color: #fff;
}
/* line 76, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a:hover,
.tab-nav a:focus,
.tab-nav .is-active a {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  color: #002B49;
  /* Change the border color at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 76, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a:hover,
  .tab-nav a:focus,
  .tab-nav .is-active a {
    text-transform: uppercase;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 76, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a:hover,
  .tab-nav a:focus,
  .tab-nav .is-active a {
    border-bottom-color: #fff;
  }
}
/* line 92, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a:hover h2, .tab-nav .is-active a h2 {
  color: #002B49;
}
/* line 96, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab-nav {
  display: none;
}
@media all and (max-width: 40em) {
  /* line 102, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li {
    margin-right: 0;
  }
  /* line 105, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li .user-notifications-count {
    top: 0.5em;
  }
}
@media print {
  /* line 24, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav {
    display: none;
  }
}

/* line 116, ../sass/partials/modules/widgets/_tabs.scss */
.table-report p,
.table-admin a {
  color: #002B49;
}

/* Tab Content */
/* line 122, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content {
  border-radius: 0 10px 10px 10px;
  display: none;
  padding: 1.5rem;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-align: left;
  /* Active tab */
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
/* line 131, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content *:not(input) {
  color: #fff;
}
/* line 135, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content textarea {
  color: #002B49;
}
/* line 140, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content a:hover {
  color: #fff;
}
/* line 145, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content p, .tab-content li {
  font-size: 1.25rem;
  margin-bottom: .5rem;
}
/* line 150, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content select {
  color: #002B49;
}
/* line 155, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content .table-admin * {
  color: #002B49;
}
/* line 160, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content.is-active {
  display: block;
}
@media all and (max-width: 40em) {
  /* line 165, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .complete .form-main-label {
    padding-left: 0 !important;
    margin-top: 1em !important;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 122, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content {
    padding: 1.5rem;
  }
  /* line 174, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .complete {
    position: absolute;
    right: 0;
    top: 0.3em;
    width: auto;
    margin-left: 0;
  }
  /* line 181, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .complete .form-main-label {
    width: auto;
  }
}
@media all and (min-width: 33.75em) {
  /* line 188, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .update-sort {
    float: left;
    margin-left: 0.2em;
  }
}
/* line 194, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab-content {
  display: block;
  margin-bottom: 1.5rem;
}
@media print {
  /* line 122, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content {
    display: block;
    margin-bottom: 1.5rem;
  }
}
/* line 204, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 40.0625em) {
  /* line 213, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading-simple h2 {
    float: left;
  }
  /* line 217, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading-simple div {
    float: right;
  }
}

/* line 225, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .filter div {
  position: relative;
  margin-bottom: 1em;
}
/* line 229, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .filter div a {
  width: 100%;
  text-align: center;
}
/* line 235, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .disc {
  padding: 0.3em 0 0 0;
  width: 2em;
  height: 2em;
  text-align: center;
}
@media all and (max-width: 40em) {
  /* line 242, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:last-child select {
    width: 100%;
  }
  /* line 247, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .notification-key {
    display: block;
    text-align: center;
    padding-top: 0.5em;
  }
  /* line 252, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .notification-key span:first-child {
    margin-left: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 258, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter + div {
    clear: both;
  }
  /* line 259, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter {
    float: left;
  }
  /* line 262, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:first-child {
    float: right;
  }
  /* line 267, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:last-child {
    float: left;
    margin-right: 0.71429em;
  }
}
@media all and (min-width: 64em) {
  /* line 223, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading {
        /*.filter {
            div {
                &:first-child {
                    margin-left: to-em(10);
                }

                &:last-child {
                    margin-bottom: 0;

                    .onoffswitch {
                        left: 1em;
                        margin-right: 2em;
                    }
                }
            }
        }*/
  }
  /* line 276, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:last-child, .tab-heading .h1 {
    float: left;
  }
  /* line 280, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:first-child {
    float: right;
  }
  /* line 284, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading:after {
    clear: both;
  }
  /* line 289, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:first-child {
    float: right;
  }
  /* line 294, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:last-child {
    float: left;
    margin-bottom: 0;
    margin-right: 0.71429em;
  }
  /* line 299, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:last-child .onoffswitch {
    left: 1em;
    margin-right: 2em;
  }
}

@media all and (max-width: 63.9375em) {
  /* line 326, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading + .table-admin {
    margin-top: 1em;
  }
}

/* line 332, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading {
  padding-bottom: 1em;
}
/* line 337, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading div:first-child .onoffswitch {
  left: 0;
  float: left;
  margin-right: 0.3em;
  margin-bottom: 1em;
}
/* line 345, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading div:last-child {
  float: none;
}
@media all and (min-width: 40.0625em) {
  /* line 332, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading {
    padding-bottom: 0;
  }
  /* line 353, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading h2 {
    float: left;
  }
  /* line 357, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading .onoffswitch {
    top: 0.5em;
  }
  /* line 363, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading div:first-child .onoffswitch {
    left: 1em;
  }
  /* line 368, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading div:last-child {
    float: right;
  }
  /* line 370, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading div:last-child input {
    margin-top: 0.35em;
  }
}

/*Help section*/
/* line 378, ../sass/partials/modules/widgets/_tabs.scss */
.help-tiles .island {
  background-color: transparent;
  border-radius: 10px 10px 0 0;
  text-align: center;
  padding: 2em 1em;
}
/* line 384, ../sass/partials/modules/widgets/_tabs.scss */
.help-tiles .island .icon:before {
  margin-right: 0;
}
/* line 389, ../sass/partials/modules/widgets/_tabs.scss */
.help-tiles .btn {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
}
/* line 393, ../sass/partials/modules/widgets/_tabs.scss */
.help-tiles .btn div {
  text-transform: none;
  margin-top: 0.5em;
}

/* line 404, ../sass/partials/modules/widgets/_tabs.scss */
.c-resource-tab.active .island-button {
  background-color: #fff !important;
  border-color: #002B49 !important;
}
/* line 408, ../sass/partials/modules/widgets/_tabs.scss */
.c-resource-tab.active .island-button .icon {
  background-color: #002B49 !important;
  color: #fff !important;
}
/* line 413, ../sass/partials/modules/widgets/_tabs.scss */
.c-resource-tab.active .island-button * {
  color: #002B49 !important;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TOOLTIP
   ====================================================================================== */
/*
	Usage: 
		A small overlay that is displayed when the mouse hovers over an element that requires it. Typically the tooltip's job is to describe the element it's being used on e.g. a menu only uses icons, when a mouse hovers over an icon the overlay will appear describing what the icon is.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tooltip
	
	Credit:
		http://stevenbenner.github.com/jquery-powertip/
*/
/* Set variables */
/* Start module */
/* line 32, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip {
  cursor: default;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  padding: 0.5em;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
  /* Pseudo element - arrows */
  /* --Positioning-- */
  /* North / South */
  /* East / West */
  /* North / North East / North West */
  /* East */
  /* South / South East / South West */
  /* West */
  /* North East / South East */
  /* North West / South West */
}
/* line 44, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip:before {
  content: "";
  position: absolute;
}
/* line 52, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: -5px;
  left: 50%;
}
/* line 61, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before, #tooltip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}
/* line 70, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.ne:before, #tooltip.nw:before {
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
/* line 78, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before {
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}
/* line 84, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.s:before, #tooltip.se:before, #tooltip.sw:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}
/* line 92, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.w:before {
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}
/* line 98, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.ne:before, #tooltip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}
/* line 106, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.nw:before, #tooltip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}

/* line 1, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box {
  font-size: 1.25rem;
  /* 20 */
  text-align: center;
  background-color: #c8dadf;
  position: relative;
  padding: 20px 20px;
}

/* line 9, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.has-advanced-upload {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

/* line 16, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.is-dragover {
  outline-offset: -20px;
  outline-color: #c8dadf;
  background-color: #fff;
}

/* line 22, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__dragndrop,
.box__icon {
  display: none;
}

/* line 27, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.has-advanced-upload .box__dragndrop {
  display: inline;
}

/* line 31, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.has-advanced-upload .box__icon {
  width: 100%;
  height: 80px;
  fill: #92b0b3;
  display: block;
  margin-bottom: 40px;
}

/* line 39, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
  visibility: hidden;
}

/* line 45, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__uploading,
.box__success,
.box__error {
  display: none;
}

/* line 51, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 63, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__uploading {
  font-style: italic;
}

/* line 67, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__success {
  -webkit-animation: appear-from-inside .25s ease-in-out;
  animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
  from {
    -webkit-transform: translateY(-50%) scale(0);
  }
  75% {
    -webkit-transform: translateY(-50%) scale(1.1);
  }
  to {
    -webkit-transform: translateY(-50%) scale(1);
  }
}
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0);
  }
  75% {
    transform: translateY(-50%) scale(1.1);
  }
  to {
    transform: translateY(-50%) scale(1);
  }
}
/* line 100, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__restart {
  font-weight: 700;
}

/* line 104, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__restart:focus,
.box__restart:hover {
  color: #39bfd3;
}

/* line 109, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* line 118, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file + label {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

/* line 127, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #39bfd3;
}

/* line 133, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* line 139, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

/* line 143, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.no-js .box__file + label {
  display: none;
}

/* line 147, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.no-js .box__button {
  display: block;
}

/* line 151, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: block;
  padding: 8px 16px;
  margin: 40px auto 0;
}

/* line 160, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__button:hover,
.box__button:focus {
  background-color: #0f3c4b;
}

/* line 1, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker {
  background-color: #f2f2f2;
  border: 1px solid #d4d4d4;
  padding: 0.5em;
  width: 15.71429em;
}
/* line 7, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker td, .ui-datepicker th {
  text-align: center;
}
/* line 11, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-calendar thead th {
  padding-right: 0.3em;
}
/* line 13, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-calendar thead th:last-child {
  padding-right: 0;
}
/* line 18, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-title {
  text-align: center;
}
/* line 22, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-header {
  background-color: #fff;
}
/* line 26, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}
/* line 37, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-prev {
  float: left;
  background: url("img/icons/icon-left.png") center -35px;
}
/* line 41, ../sass/partials/modules/widgets/_jquery-datepicker.scss */
.ui-datepicker .ui-datepicker-next {
  float: right;
  background: url("img/icons/icon-right.png") center -5px;
}

/* Forms */
/* ======================================================================================
   @FORMS -> BASE
   ====================================================================================== */
/* Indicate that `label` will shift focus to the associated `input` element */
/* line 6, ../sass/partials/forms/_base.scss */
label {
  cursor: pointer;
}

/* Text inputs via the `.txt-input` class, `textarea` and `select` */
/* line 9, ../sass/partials/forms/_base.scss */
.txt-input,
textarea,
select {
  width: 100%;
  padding: .85rem 1rem;
  /*box-shadow: inset -1px 1px 1px 0 rgba(#000, 0.1);*/
  border: 2px solid #E2F0F6;
  border-radius: 30px;
  padding: 0.85rem 1rem;
  /* Transition */
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  /* Focus pseudo class */
}
/* line 21, ../sass/partials/forms/_base.scss */
.txt-input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.35);
  /* Old IE */
}

/* line 32, ../sass/partials/forms/_base.scss */
.txt-input {
  border-radius: 40px;
}

/* line 36, ../sass/partials/forms/_base.scss */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("img/dd-arrow.png") no-repeat right;
  color: #002B49 !important;
  /*padding: 0.4em 2em 0.5em 0.5em;*/
  min-width: 7rem;
}

/* line 45, ../sass/partials/forms/_base.scss */
option {
  color: #002B49 !important;
}

/* Legend - for legends that are visible and to fix up some browsers not supporting bottom margin */
/* line 50, ../sass/partials/forms/_base.scss */
legend.hn {
  padding-bottom: 21px;
  padding-bottom: 1.5rem;
  margin-bottom: 0;
}

/* Textarea */
/* line 56, ../sass/partials/forms/_base.scss */
textarea {
  height: 13em;
  resize: vertical;
}

/* Listbox */
/* line 62, ../sass/partials/forms/_base.scss */
.listbox {
  height: 15em;
  width: 80%;
  resize: vertical;
}

/* Select list */
/* line 69, ../sass/partials/forms/_base.scss */
select {
  width: auto;
}
@media all and (max-width: 40em) {
  /* line 69, ../sass/partials/forms/_base.scss */
  select {
    width: 100%;
  }
}

/* Alternate sizes */
/* line 76, ../sass/partials/forms/_base.scss */
.txt-input-sml {
  width: 16.666%;
}

/* line 77, ../sass/partials/forms/_base.scss */
.txt-input-sml-med {
  width: 33.333%;
}

/* line 78, ../sass/partials/forms/_base.scss */
.txt-input-med {
  width: 50%;
}

/* line 79, ../sass/partials/forms/_base.scss */
.txt-input-90 {
  width: 90%;
}

/* Placeholder */
/* Webkit */
/* line 475, ../sass/partials/utils/_mixins.scss */
::-webkit-input-placeholder {
  color: #aaa;
}

/* Firefox 18- */
/* line 480, ../sass/partials/utils/_mixins.scss */
:-moz-placeholder {
  color: #aaa;
}

/* Firefox 19+ */
/* line 485, ../sass/partials/utils/_mixins.scss */
::-moz-placeholder {
  color: #aaa;
}

/* MS */
/* line 490, ../sass/partials/utils/_mixins.scss */
:-ms-input-placeholder {
  color: #aaa;
}

/* jQuery plugin (old IE) */
/* line 495, ../sass/partials/utils/_mixins.scss */
.lte9 .placeholder {
  color: #aaa;
}

/* Disabled and Read-only */
/* 
	Note: it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
*/
/* line 90, ../sass/partials/forms/_base.scss */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
.is-disabled {
  cursor: default !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.7!important;
}

/* 'Required field' indicator (asterisk) */
/* line 102, ../sass/partials/forms/_base.scss */
.req-field {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1;
  color: #e80000;
  cursor: help;
}

/* Reset some defaults */
/* line 110, ../sass/partials/forms/_base.scss */
form p {
  margin: 0;
}

/* line 112, ../sass/partials/forms/_base.scss */
.clear-bg {
  background-image: none;
}

@media all and (max-width: 40em) {
  /* line 114, ../sass/partials/forms/_base.scss */
  input[type="text"], textarea, select {
    font-size: initial;
  }
}

/* line 120, ../sass/partials/forms/_base.scss */
.auto-complete-list {
  margin: 0;
  background: white;
  border: 1px solid #c1c1c1;
}

/* line 126, ../sass/partials/forms/_base.scss */
.auto-complete-highlighted {
  background: #c1c1c1;
  padding: .2em .2em;
}

/* line 131, ../sass/partials/forms/_base.scss */
.auto-complete-list-item {
  padding: .2em .2em;
}

/*.table-admin {
	background-color: transparent;
}

.table-admin tr:nth-of-type(odd),
.survey-list li:nth-of-type(odd),
.survey tr:nth-of-type(odd) {
	background-color: transparent;
}

.table-admin tr:nth-of-type(even),
.tab-content-profile .form-main-field:nth-child(odd),
.survey tr:nth-of-type(even) {
	background-color: #001C30;
	padding: 1rem .75rem;
}

.tab-content .table-admin * {
	color: #fff;
}

.tab-content .table-admin a:hover {
	color: #fff !important;
}

.tab-content .table-admin .toolbar .icon {
	color: #002B49;
}*/
/* ======================================================================================
   @FORMS -> LAYOUT
   ====================================================================================== */
/*
	Usage: 
		These styles handle a typical form layout which is linear (label above input(s) i.e. stacked) for small viewports and side by side (label and input(s) aligned horizontally) for larger viewports.
	
	Basic HTML anatomy:
		<form class="form-main">
		
			<div class="form-main-field">
			
				<label class="form-main-label">Label</label>
				<p class="form-main-label">Label</p>
				
				<div class="form-main-inputs">
					[input(s)]
					<small class="form-main-notes">Helper notes...</small>
					<p class="feedback feedback-success">Feedback - success</p>
					<p class="feedback feedback-error">Feedback - error</p>
					<span class="preloader"><span class="preloader--spinner"></span> <em aria-live="polite" aria-controls="input-id-here">Preloader</em></span>
				</div>
				
			</div>
			
		</form>
				
	Demo:
		Style Guide -> Form Patterns
*/
/* Field */
/* Label */
/* line 40, ../sass/partials/forms/_layout.scss */
.form-main-label {
  display: block;
  margin-bottom: 0.21429em;
  font-weight: 500;
  /* Sits to the left of it's input(s) at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 40, ../sass/partials/forms/_layout.scss */
  .form-main-label {
    margin: 0.14286em 0;
    padding-right: 1em;
    position: relative;
    /* 'Required field' indicator (asterisk) 
    .req-field {
        position: absolute;
        right: 0;
        top: to-em(3);
    }*/
  }
}

/* Input(s) - sits to the right of it's label at this breakpoint */
/* --Extenders-- */
/* The 'Actions' and 'Solo checkbox' extenders need this to position their 'Preloader' and 'Checkbox' */
/* line 68, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox,
.form-main-inputs-actions {
  position: relative;
}

/* Apply a top margin to 'Actions' extender due to the `:last-child` rule in `@extend %mrg-base;` for 'Field' */
/* line 74, ../sass/partials/forms/_layout.scss */
.form-main-inputs-actions {
  margin-top: 21px;
  margin-top: 1.5rem;
  /* Print */
}
@media print {
  /* line 74, ../sass/partials/forms/_layout.scss */
  .form-main-inputs-actions {
    display: none;
  }
}

/* Input(s) nested elements */
/* line 83, ../sass/partials/forms/_layout.scss */
.form-main-inputs {
  /* Vertical alignment for all `input`'s and `label`'s */
  /* Adjustments at this breakpoint */
}
/* line 85, ../sass/partials/forms/_layout.scss */
.form-main-inputs label,
.form-main-inputs input {
  vertical-align: middle;
}
/* line 90, ../sass/partials/forms/_layout.scss */
.form-main-inputs .btn-main {
  color: #fff !important;
}
@media all and (min-width: 48em) {
  /* line 83, ../sass/partials/forms/_layout.scss */
  .form-main-inputs {
    /* Nudge `type="file"` `input` down */
    /* Horizontal list */
  }
  /* line 96, ../sass/partials/forms/_layout.scss */
  .form-main-inputs input[type="file"] {
    margin-top: 0.28571em;
  }
  /* line 100, ../sass/partials/forms/_layout.scss */
  .form-main-inputs .horiz-list li {
    margin-left: 0.75em;
    /* Turn off margin for first item */
  }
  /* line 103, ../sass/partials/forms/_layout.scss */
  .form-main-inputs .horiz-list li:first-child {
    margin-left: 0;
  }
}

/* Solo checkbox */
/* line 111, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox {
  /* Checkbox */
  /* Label */
}
/* line 113, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox input {
  position: absolute;
  top: 0.39286em;
  left: 0;
}
/* line 119, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox label {
  padding-left: 1.28571em;
  display: block;
}

/* Feedback, Notes and Preloader */
/* line 126, ../sass/partials/forms/_layout.scss */
.form-main-inputs .form-main-notes,
.form-main-field .feedback,
.form-main-field .preloader {
  margin-top: 0.375em;
}

/* Notes */
/* line 133, ../sass/partials/forms/_layout.scss */
.form-main-notes {
  display: block;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.35;
  color: gray;
}

/* Preloader within 'Actions' */
/* line 140, ../sass/partials/forms/_layout.scss */
.form-main-inputs-actions .preloader {
  vertical-align: middle;
  margin-top: 0;
}

/* Clear for aside */
/* line 147, ../sass/partials/forms/_layout.scss */
.form-main-block > div {
  width: 100%;
  float: none;
  margin-left: 0;
}
/* line 153, ../sass/partials/forms/_layout.scss */
.form-main-block > label {
  text-align: left;
  display: block;
}

/* line 159, ../sass/partials/forms/_layout.scss */
.form-main-block > div,
.form-main-block > label {
  float: none;
  margin-left: 0;
  width: 100%;
}

/*Custom styling of inputs - radiobuttons and checkboxes*/
/* line 169, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"], .form-main-field input[type="radio"], .form-main-inputs input[type="checkbox"], .form-main-inputs input[type="radio"], .survey-answers input[type="checkbox"], .survey-answers input[type="radio"], .survey-tbl input[type="checkbox"], .survey-tbl input[type="radio"], .list-colour-alt input[type="checkbox"], .list-colour-alt input[type="radio"], .def-list input[type="checkbox"], .def-list input[type="radio"] {
  opacity: 0;
  position: absolute;
}
/* line 174, ../sass/partials/forms/_layout.scss */
.form-main-field label, .form-main-inputs label, .survey-answers label, .survey-tbl label, .list-colour-alt label, .def-list label {
  position: relative;
}
/* line 178, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"], .form-main-field input[type="radio"], .form-main-field label, .form-main-inputs input[type="checkbox"], .form-main-inputs input[type="radio"], .form-main-inputs label, .survey-answers input[type="checkbox"], .survey-answers input[type="radio"], .survey-answers label, .survey-tbl input[type="checkbox"], .survey-tbl input[type="radio"], .survey-tbl label, .list-colour-alt input[type="checkbox"], .list-colour-alt input[type="radio"], .list-colour-alt label, .def-list input[type="checkbox"], .def-list input[type="radio"], .def-list label {
  display: inline-block;
  vertical-align: middle;
  /*margin: 5px;*/
  cursor: pointer;
}
/* line 185, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"] + label:before, .form-main-field input[type="radio"] + label:before, .form-main-inputs input[type="checkbox"] + label:before, .form-main-inputs input[type="radio"] + label:before, .survey-answers input[type="checkbox"] + label:before, .survey-answers input[type="radio"] + label:before, .survey-tbl input[type="checkbox"] + label:before, .survey-tbl input[type="radio"] + label:before, .list-colour-alt input[type="checkbox"] + label:before, .list-colour-alt input[type="radio"] + label:before, .def-list input[type="checkbox"] + label:before, .def-list input[type="radio"] + label:before {
  content: '';
  background: transparent;
  border: 2px solid #fff;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}
/* line 198, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="radio"] + label:before, .form-main-inputs input[type="radio"] + label:before, .survey-answers input[type="radio"] + label:before, .survey-tbl input[type="radio"] + label:before, .list-colour-alt input[type="radio"] + label:before, .def-list input[type="radio"] + label:before {
  border-radius: 50%;
}
/* line 202, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="radio"]:checked + label:before, .form-main-inputs input[type="radio"]:checked + label:before, .survey-answers input[type="radio"]:checked + label:before, .survey-tbl input[type="radio"]:checked + label:before, .list-colour-alt input[type="radio"]:checked + label:before, .def-list input[type="radio"]:checked + label:before {
  background: #7AC143;
  border-color: #7AC143;
}
/* line 207, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"]:checked + label:before, .form-main-inputs input[type="checkbox"]:checked + label:before, .survey-answers input[type="checkbox"]:checked + label:before, .survey-tbl input[type="checkbox"]:checked + label:before, .list-colour-alt input[type="checkbox"]:checked + label:before, .def-list input[type="checkbox"]:checked + label:before {
  font-family: 'icons';
  content: "\e625";
  color: #FFFFFF;
}

/* line 214, ../sass/partials/forms/_layout.scss */
.form-main-label label {
  margin: 0 5px;
}

/* line 219, ../sass/partials/forms/_layout.scss */
.survey-answers input[type="checkbox"] + label:before, .survey-answers input[type="radio"] + label:before {
  margin: 0 10px 5px 0px;
}

/* Admin */
@media all and (max-width: 40em) {
  /* line 226, ../sass/partials/forms/_layout.scss */
  .dashboard select {
    width: 100%;
  }
}
/* line 233, ../sass/partials/forms/_layout.scss */
.dashboard .gridview select {
  position: relative;
  top: -0.2em;
}
/* line 239, ../sass/partials/forms/_layout.scss */
.dashboard .gridview .toolbar a {
  margin-top: 0.2em;
}
/* line 243, ../sass/partials/forms/_layout.scss */
.dashboard .gridview .toolbar .btn-delete {
  top: -1px;
  width: 25px;
}

/* Tab content in Profile */
/* line 253, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field {
  margin-bottom: 0;
  padding: 1rem 0;
}
/* line 255, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field:nth-child(even) {
  background-color: #033252;
}
/* line 262, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field .form-main-label {
  text-align: left;
  padding-left: 0.5em;
}
/* line 267, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field .form-main-inputs ul {
  margin-left: 0;
}
/* line 271, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field .form-main-label, .tab-content-profile .form-main-field .form-main-inputs {
  margin-top: 0.2em;
  padding-left: 0.5em;
}
@media all and (max-width: 47.9375em) {
  /* line 278, ../sass/partials/forms/_layout.scss */
  .tab-content-profile .form-main-inputs {
    padding-left: 0.5em;
  }
}

/* line 284, ../sass/partials/forms/_layout.scss */
.form-main-inputs.full {
  width: 100%;
}
/* line 287, ../sass/partials/forms/_layout.scss */
.form-main-inputs.full .form-main-label {
  width: auto;
  padding-right: 0;
}

/* line 293, ../sass/partials/forms/_layout.scss */
.dark-background {
  background-color: #002B49 !important;
  color: #fff;
}

/* [SURVEY]
-------------------------------------------------------*/
/* Shared - tabular and list */
/* line 302, ../sass/partials/forms/_layout.scss */
.survey {
  display: block;
  margin: 15px 0;
  overflow-x: auto;
  /*Hide for now*/
}
/* line 307, ../sass/partials/forms/_layout.scss */
.survey .form-main-field {
  padding: 0.5em;
  margin-bottom: 0.3em;
}
/* line 311, ../sass/partials/forms/_layout.scss */
.survey .form-main-field .form-main-label {
  text-align: left;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
@media all and (min-width: 56.25em) {
  /* line 318, ../sass/partials/forms/_layout.scss */
  .survey .form-main-field .form-main-label {
    width: 30em;
  }
}
/* line 324, ../sass/partials/forms/_layout.scss */
.survey .form-main-notes {
  display: none;
}

/* coloured rows */
/*.survey li:nth-of-type(odd),
.survey .form-main-field:nth-of-type(odd),
.survey tbody tr:nth-of-type(odd) {
    background-color: $color-off-white;
}*/
/* HTML tags */
/* line 337, ../sass/partials/forms/_layout.scss */
em {
  font-style: italic;
}

/*strong{font-weight: bold;}*/
/* Heading */
/* line 343, ../sass/partials/forms/_layout.scss */
.survey-hdr {
  padding-bottom: 1.42857em;
}

/* Formatting for titles or content seperations between quesitons */
/* line 348, ../sass/partials/forms/_layout.scss */
.title-content {
  font-size: 1.1em;
  padding-left: 0.3em;
}

/* line 353, ../sass/partials/forms/_layout.scss */
.title-content p {
  margin: 5px;
  padding-left: 5px;
  font-size: .9em;
}

/* Items */
/* line 360, ../sass/partials/forms/_layout.scss */
.survey-list li,
.survey-tbl td,
.survey-tbl th {
  padding: 0.5em 0.333em;
  text-align: center;
  /*div>label{font-size: .9em;}*/
}

/* line 368, ../sass/partials/forms/_layout.scss */
.survey-list li,
.survey-tbl tbody td,
.survey-tbl tbody th {
  border-bottom: 1px dotted #e3e3e3;
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 375, ../sass/partials/forms/_layout.scss */
.survey-list li:hover,
.survey-tbl tbody tr:hover td,
.survey-tbl tbody tr:hover th {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Questions */
/* line 382, ../sass/partials/forms/_layout.scss */
.survey-tbl th:first-child,
.survey-list legend {
  text-align: left;
}

/* line 387, ../sass/partials/forms/_layout.scss */
.survey-tbl thead th:first-child,
.survey-list legend {
  width: 52%;
}

/* Answers */
/* line 393, ../sass/partials/forms/_layout.scss */
.survey-answers,
.survey-tbl thead th,
.form-field {
  line-height: 1.4em;
}

/* line 399, ../sass/partials/forms/_layout.scss */
.form-field div {
  line-height: 2em;
}

/* Submit */
/* line 404, ../sass/partials/forms/_layout.scss */
.survey .survey-submit {
  text-align: right;
  padding: .8em;
  /* 12px */
}

/* Tabular */
/* base rules */
/* line 412, ../sass/partials/forms/_layout.scss */
.survey-tbl th {
  font-weight: normal;
}

/* head */
/* line 417, ../sass/partials/forms/_layout.scss */
.survey-tbl thead th {
  color: #fff;
  width: 10%;
  background-color: #333;
}

/* List */
/* line 424, ../sass/partials/forms/_layout.scss */
.survey-list {
  border-top: 1px dotted #e3e3e3;
  border-bottom: 1px dotted #bfbfbf;
}

/* Shared */
/* line 430, ../sass/partials/forms/_layout.scss */
.survey-list legend,
.survey-answers > div {
  float: left;
}

/* Answers */
/* line 436, ../sass/partials/forms/_layout.scss */
.survey-answers {
  float: right;
  width: 46%;
}

/* Answer columns */
/* line 442, ../sass/partials/forms/_layout.scss */
.survey-answers > div {
  width: 20%;
  text-align: left;
}

/* Answer labels */
/* line 448, ../sass/partials/forms/_layout.scss */
.survey-answers label {
  display: block;
  font-size: 9;
}

/* textbox & checkbox */
/* line 454, ../sass/partials/forms/_layout.scss */
.survey-answers > div.txt {
  width: 60%;
  text-align: left;
}

/* Submit */
/* line 461, ../sass/partials/forms/_layout.scss */
ol.survey-list li.survey-submit {
  background: none;
  border: 0;
}

/* Checkboxes */
/* line 469, ../sass/partials/forms/_layout.scss */
.survey-checkboxes {
  font-size: 13px;
  font-size: 1.3rem;
  /* Columns */
}
/* line 473, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li {
  float: left;
  width: 100%;
  margin-top: 0.2em;
  position: relative;
  /* Checkboxes */
  /* Label for text box */
  /* Firefox */
  /* Labels */
  /* 'Other' label */
}
/* line 479, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li .survey-col-2 {
  width: 50%;
}
/* line 483, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li .survey-col-2 {
  width: 33.33333333333333%;
}
/* line 487, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li input[type="text"] {
  display: inline;
  width: 3.57143em;
}
/* line 492, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li .txt-label {
  margin-left: 1.21429em;
}
@-moz-document url-prefix() {
  /* line 497, ../sass/partials/forms/_layout.scss */
  .survey-checkboxes li .survey-checkboxes input[type="checkbox"] {
    top: 2px;
  }
}
/* line 502, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li label {
  display: inline-block;
  margin: 0 .5em;
  /* 18px */
}
/* line 507, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li .other-label label {
  display: block;
  margin: 0 0 0.1538em 0;
}

/* Responsive layout.*/
@media all and (max-width: 63.9375em) {
  /* line 517, ../sass/partials/forms/_layout.scss */
  .survey-list legend {
    width: 100%;
  }
  /* line 521, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers {
    width: 100%;
    margin-top: 1em;
  }
  /* line 525, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers > div {
    text-align: left;
  }
  /* line 530, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers input[type="checkbox"] + label:before, .survey-list .survey-answers input[type="radio"] + label:before {
    margin: 0 5px 5px 0px;
  }
}
@media all and (max-width: 40em) {
  /* line 536, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers > div {
    width: 100%;
  }
}

/* Progress bar */
/* line 543, ../sass/partials/forms/_layout.scss */
.progress {
  position: relative;
  width: 100%;
  color: black;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2em;
  padding: 0.3em;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}
/* line 554, ../sass/partials/forms/_layout.scss */
.progress span {
  display: block;
  border-radius: 4px;
}
/* line 558, ../sass/partials/forms/_layout.scss */
.progress span.start {
  position: absolute;
  top: 15%;
  left: 8px;
}
/* line 564, ../sass/partials/forms/_layout.scss */
.progress span.complete {
  position: absolute;
  top: 15%;
  right: 8px;
}
/* line 571, ../sass/partials/forms/_layout.scss */
.progress .bar {
  background-color: #002B49;
}

/* Results */
/* line 577, ../sass/partials/forms/_layout.scss */
.survey-results {
  background: url("img/bg-survey-results.png") no-repeat 0 0;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  text-transform: lowercase;
  color: #fff;
  height: 285px;
}

/* Rating scale items */
/* line 589, ../sass/partials/forms/_layout.scss */
.survey-results li {
  text-align: center;
  position: relative;
  padding-top: 16px;
  height: 33px;
}

/* scale 5 */
/* line 597, ../sass/partials/forms/_layout.scss */
.survey-results .survey-result-5 {
  height: 45px;
  padding-top: 44px;
}

/* active states */
/* line 603, ../sass/partials/forms/_layout.scss */
.survey-results .is-active {
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* scale 5 */
/* line 609, ../sass/partials/forms/_layout.scss */
.survey-result-5.is-active {
  background-image: url("img/bg-survey-results-active5.png");
}

/* scale 4 */
/* line 614, ../sass/partials/forms/_layout.scss */
.survey-result-4.is-active {
  background-image: url("img/bg-survey-results-active4.png");
}

/* scale 3 */
/* line 619, ../sass/partials/forms/_layout.scss */
.survey-result-3.is-active {
  background-image: url("img/bg-survey-results-active3.png");
}

/* scale 2 */
/* line 624, ../sass/partials/forms/_layout.scss */
.survey-result-2.is-active {
  background-image: url("img/bg-survey-results-active2.png");
}

/* scale 1 */
/* line 629, ../sass/partials/forms/_layout.scss */
.survey-result-1.is-active {
  background-image: url("img/bg-survey-results-active1.png");
}

/* Your score indicator */
/* line 634, ../sass/partials/forms/_layout.scss */
.survey-results .s-arrow-r {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
}

/* scale 5 */
/* line 642, ../sass/partials/forms/_layout.scss */
.survey-result-5 .s-arrow-r {
  margin-left: -145px;
}

/* scale 4 */
/* line 647, ../sass/partials/forms/_layout.scss */
.survey-result-4 .s-arrow-r {
  margin-left: -199px;
}

/* scale 3 */
/* line 652, ../sass/partials/forms/_layout.scss */
.survey-result-3 .s-arrow-r {
  margin-left: -241px;
}

/* scale 2 */
/* line 657, ../sass/partials/forms/_layout.scss */
.survey-result-2 .s-arrow-r {
  margin-left: -278px;
}

/* scale 1 */
/* line 662, ../sass/partials/forms/_layout.scss */
.survey-result-1 .s-arrow-r {
  margin-left: -321px;
}

/*Scale layout survey*/
/* line 667, ../sass/partials/forms/_layout.scss */
.survey-scale {
  /*@include respond-range($non-palm,1023) {*/
  /*The last two questions are special*/
}
/* line 668, ../sass/partials/forms/_layout.scss */
.survey-scale li {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 673, ../sass/partials/forms/_layout.scss */
.survey-scale strong {
  font-weight: 700;
}
/* line 677, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: table;
}
/* line 682, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-response, .survey-scale .survey-answers .scale-end {
  display: table-cell;
}
/* line 686, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-end {
  width: 24.5%;
  text-align: left;
  padding-top: 0.5em;
}
/* line 692, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-response {
  width: 50%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
/* line 697, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-response div {
  float: left;
  text-align: center;
  width: 9%;
}
/* line 702, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-response div input {
  margin: 0.5em;
}
/* line 708, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-end {
  padding-left: 0.5em;
}
@media all and (max-width: 63.9375em) {
  /* line 714, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers {
    margin-top: 0;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 720, ../sass/partials/forms/_layout.scss */
  .survey-scale input[type="checkbox"] + label:before, .survey-scale input[type="radio"] + label:before {
    margin: 0.5em auto;
    display: block;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 55.5625em) {
  /* line 728, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-end {
    font-size: 0.8em;
    width: 20%;
  }
  /* line 733, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response {
    width: 60%;
    font-size: 0.8em;
  }
  /* line 737, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response .txt-input {
    width: 24.28571em;
  }
}
@media all and (min-width: 55.625em) {
  /* line 746, ../sass/partials/forms/_layout.scss */
  .survey-scale .scale-response .txt-input {
    width: 23.21429em;
  }
}
@media all and (max-width: 40em) {
  /* line 754, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers div {
    width: 100%;
  }
  /* line 758, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers input[type="checkbox"] + label:before, .survey-scale .survey-answers input[type="radio"] + label:before {
    display: inline-block;
  }
  /* line 762, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-end {
    width: 100%;
    text-align: center;
    border: 0;
  }
  /* line 768, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-end {
    height: 3.21429em;
  }
  /* line 772, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response {
    margin-top: 0.5em;
    border: 0;
    width: 100%;
  }
  /* line 777, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response div {
    width: 100%;
  }
  /* line 780, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response div .txt-input {
    width: 95%;
  }
}
/* line 790, ../sass/partials/forms/_layout.scss */
.survey-scale li:nth-child(10) {
  border-bottom: 0;
}
/* line 793, ../sass/partials/forms/_layout.scss */
.survey-scale li:nth-child(10) .survey-answers {
  border-bottom: 0;
}
/* line 798, ../sass/partials/forms/_layout.scss */
.survey-scale li:last-child {
  background-color: #fff;
}
/* line 801, ../sass/partials/forms/_layout.scss */
.survey-scale li:last-child .survey-answers {
  border-top: 0;
}

/*Thermometer layout*/
/* line 809, ../sass/partials/forms/_layout.scss */
.slider-bg {
  padding: 6rem 1rem 1rem 1rem;
  border-radius: 2em;
  position: relative;
  /*Number output*/
}
/* line 814, ../sass/partials/forms/_layout.scss */
.slider-bg .scale-start, .slider-bg .scale-end {
  /*position: absolute;*/
  left: -9.2em;
}
/* line 818, ../sass/partials/forms/_layout.scss */
.slider-bg .scale-start a, .slider-bg .scale-end a {
  color: #fff;
}
/* line 823, ../sass/partials/forms/_layout.scss */
.slider-bg .scale-end {
  bottom: 1em;
}
/* line 829, ../sass/partials/forms/_layout.scss */
.slider-bg .slider {
  background: #fff;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  -moz-box-shadow: inset 0 0 8px #000;
  height: 2rem;
  width: 100%;
  z-index: 22;
  /* drag handle */
}
/* line 839, ../sass/partials/forms/_layout.scss */
.slider-bg .slider .progress {
  display: none;
  opacity: 0.6;
  width: 9px;
  position: absolute;
  bottom: 0;
}
/* line 847, ../sass/partials/forms/_layout.scss */
.slider-bg .slider .handle {
  background-color: #7AC143;
  height: 3rem;
  width: 3rem;
  position: absolute;
  display: block;
  border: 4px solid #fff;
  border-radius: 50%;
  cursor: move;
  top: 50% !important;
  transform: translateY(-50%);
  left: -0.85em;
}
/* line 862, ../sass/partials/forms/_layout.scss */
.slider-bg .slider-handle-value {
  background-color: #fff;
  position: absolute;
  height: 1rem;
  width: 1rem;
}
/* line 871, ../sass/partials/forms/_layout.scss */
.slider-bg .top-bulb, .slider-bg .bot-bulb {
  position: absolute;
}
/* line 875, ../sass/partials/forms/_layout.scss */
.slider-bg .top-bulb {
  background: transparent url(/css/img/top-bulb.png) no-repeat 0 0;
  width: 4.9em;
  height: 2.2em;
  top: 0.5em;
  left: 1.85em;
}
/* line 883, ../sass/partials/forms/_layout.scss */
.slider-bg .bot-bulb {
  background: transparent url(/css/img/bot-bulb.png) no-repeat 0 0;
  width: 4.9em;
  height: 2.2em;
  bottom: 0.5em;
  left: 2.55em;
  z-index: 1;
}
/* line 892, ../sass/partials/forms/_layout.scss */
.slider-bg .slider-nos {
  height: 2rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 1rem 1rem 0 1rem;
  /*.slider-no {
      height:35px;
  }*/
}
/* line 903, ../sass/partials/forms/_layout.scss */
.slider-bg .slider-no {
  font-size: 1.2rem;
  font-weight: 700;
}
/* line 908, ../sass/partials/forms/_layout.scss */
.slider-bg .range {
  left: 10em;
  top: 2em;
  /*range*/
}

/* line 921, ../sass/partials/forms/_layout.scss */
.slider-likert > .question {
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 1.5em;
}

/* line 928, ../sass/partials/forms/_layout.scss */
.slider-likert > .keys {
  display: flex;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: 1em;
  width: 90%;
  max-width: 730px;
}

/* line 937, ../sass/partials/forms/_layout.scss */
.slider-likert > .keys p {
  margin: 0;
}

/* line 941, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale {
  display: flex;
  position: relative;
  width: 100%;
  height: 1.85rem;
  border-radius: 50px;
  background: #fff;
}

/* line 951, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale > ul {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin: 0;
  padding: 0 .5em;
}

/* line 959, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale > ul > li {
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: relative;
}

/* line 966, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale > ul > li:first-child, .slider-likert > .likert-scale > ul > li:last-child {
  background-color: transparent;
}

/* line 970, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale > input[type=range] {
  -webkit-appearance: none;
  box-shadow: none !important;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1.85rem;
  margin: 0;
  border-radius: 50px;
  background: transparent;
  outline: none;
  padding: 0;
  z-index: 1;
  position: relative;
  border: none;
  cursor: pointer;
  top: 0;
}

/* line 990, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale input[type=range]::-moz-range-track {
  background: transparent;
  border: none;
}

/* line 995, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #7AC143 !important;
  box-shadow: 0 0px 0 3px white;
  border: 1px solid #D9DDFD;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  z-index: 9;
  /*transform: translateY(5px)*/
}

/* line 1007, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

/* line 1012, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale input[type=range]::-moz-range-thumb {
  background-color: #7AC143 !important;
  box-shadow: 0 0px 0 3px white;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  cursor: pointer;
}

/* line 1021, ../sass/partials/forms/_layout.scss */
.slider-likert > .likert-scale input[type="range"]::-ms-thumb {
  /*background-color: $color-brand;*/
  background-color: #7AC143 !important;
  box-shadow: 0 0px 0 3px white;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  cursor: pointer;
}

/* line 1031, ../sass/partials/forms/_layout.scss */
.slider-likert__results {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #F6F8FA;
  margin: 3em 0;
}

/* line 1040, ../sass/partials/forms/_layout.scss */
.slider-likert__pill, .slider-likert__button {
  position: relative;
  top: -1em;
  background-color: #B7CB34;
  outline: none;
  border: none;
  border-radius: 4em;
  padding: .4em 1.4em;
  font-weight: bold;
  font-size: 1.4em;
}

/* line 1052, ../sass/partials/forms/_layout.scss */
.slider-likert-response {
  position: relative;
  background-color: #DCE0E4;
  padding: 2em 0 1em 0;
  display: none;
}

/* line 1059, ../sass/partials/forms/_layout.scss */
.slider-likert-response .title {
  background-color: #B7CB34;
  font-family: Calibri, Roboto, sans-serif;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  padding: .3em .7em;
  margin-left: 2vw;
  color: #000;
  font-weight: 700;
  font-size: 1.6em;
  border-radius: 40px;
  text-transform: none;
}

/* line 1077, ../sass/partials/forms/_layout.scss */
.slider-likert__value {
  background-color: #fff;
  border-radius: 10px;
  color: #002B49;
  position: absolute;
  top: -4.5rem;
  left: 0;
  text-align: center;
  padding: 0.5rem;
  font-weight: 900;
  transform: translateX(-50%);
  min-width: 4rem;
  font-size: 1.5rem;
}

/* line 1092, ../sass/partials/forms/_layout.scss */
.slider-likert__ticks {
  display: flex;
  justify-content: space-between;
  margin: 0 1rem;
  width: 100%;
}

/* line 1099, ../sass/partials/forms/_layout.scss */
.slider-likert__progress {
  background-color: #7ac144;
  border-radius: 40px 0 0 40px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

/* line 1108, ../sass/partials/forms/_layout.scss */
.slider-likert__tick {
  background-color: #002B49;
  height: 100%;
  width: 2px;
}

/*.slider-likert__value:after {
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    background-color: #fff;
    bottom: 0;
    transform: rotate(45deg);
}*/
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 1135, ../sass/partials/forms/_layout.scss */
.c-fadeup {
  animation: fadeUp 500ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* line 1139, ../sass/partials/forms/_layout.scss */
.likert-scale-label {
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 41px;
  width: 170px;
}

@media (max-width: 568px) {
  /* line 1151, ../sass/partials/forms/_layout.scss */
  .slider-likert > .likert-scale {
    height: 14px;
  }

  /* line 1155, ../sass/partials/forms/_layout.scss */
  .slider-likert > .likert-scale > input[type=range] {
    height: 14px;
  }

  /* line 1159, ../sass/partials/forms/_layout.scss */
  .likert-scale-label {
    font-size: 10px;
    left: 50%;
    line-height: 1.3;
    position: absolute;
    text-align: center;
    top: 22px;
    transform: translateX(-46%);
    width: 55px;
  }

  /* line 1170, ../sass/partials/forms/_layout.scss */
  .slider-likert > .likert-scale input[type=range]::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
  }

  /* line 1175, ../sass/partials/forms/_layout.scss */
  .slider-likert > .likert-scale input[type=range]::-moz-range-thumb {
    height: 24px;
    width: 24px;
  }

  /* line 1180, ../sass/partials/forms/_layout.scss */
  .slider-likert > .likert-scale input[type="range"]::-ms-thumb {
    height: 24px;
    width: 24px;
  }
}
/* ======================================================================================
   @FORMS -> VALIDATION
   ====================================================================================== */
/* 
	Usage:
		For highlighting text inputs for validation.
	
	Note: 
		It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
	
	Demo:
		Style Guide -> Form Patterns
*/
/* Error */
/* line 17, ../sass/partials/forms/_validation.scss */
.input-error {
  border-color: #c43c35 !important;
  /* Focus pseudo class */
  /*background-color: $color-feedback-error-light !important;*/
}
/* line 21, ../sass/partials/forms/_validation.scss */
.input-error:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(196, 60, 53, 0.75) !important;
}

/* Success */
/* line 30, ../sass/partials/forms/_validation.scss */
.input-success {
  border-color: #57a957 !important;
  background-color: #7ac144 !important;
  /* Focus pseudo class */
}
/* line 35, ../sass/partials/forms/_validation.scss */
.input-success:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(87, 169, 87, 0.75) !important;
}

/*Select all with attribute aria-required=true */
/* line 43, ../sass/partials/forms/_validation.scss */
.show-validate input[aria-required="true"], .show-validate input[type="text"][required] {
  background-image: radial-gradient(#7ac144 15%, rgba(0, 0, 0, 0) 16%), radial-gradient(#7ac144 15%, rgba(0, 0, 0, 0) 16%);
  background-size: 2em 2em;
  background-position: top right;
  background-repeat: no-repeat;
  border-color: #7ac144;
}

/* Buttons */
/* ======================================================================================
   @BUTTONS -> BASE
   ====================================================================================== */
/* 
	Usage: 
		Basic button structural/reset styling that all buttons need, can only be extended from not used by itself.
	
	Demo:
		Style Guide -> Buttons -> Base
*/
/* Reset all the browser default styles */
/* line 14, ../sass/partials/buttons/_base.scss */
.btn {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: 0;
  padding: 0;
  /* Parent + pseudo elements */
  /* Parent + pseudo classes */
  /* Note: this may be redundant? */
  /* --Extenders-- */
  /* 
  	Note: have to increase the specificity by chaining the base `.btn` class to make it easy to override non-simple extenders. 
  */
  /* Make span full width of parent */
  /* Small and large sizes */
  /* Apply right spacing for adjacent buttons */
  /* Print */
  /* 
  	Note: It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
}
/* line 28, ../sass/partials/buttons/_base.scss */
.btn, .btn:hover, .btn:focus {
  text-decoration: none;
}
/* line 39, ../sass/partials/buttons/_base.scss */
.btn.btn-full {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 48, ../sass/partials/buttons/_base.scss */
.btn.btn-milli {
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: normal;
}
/* line 50, ../sass/partials/buttons/_base.scss */
.btn.btn-sml {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: normal;
}
/* line 52, ../sass/partials/buttons/_base.scss */
.btn.btn-lrg {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: normal;
}
/* line 55, ../sass/partials/buttons/_base.scss */
.btn.btn-spacing {
  margin-right: 0.375em;
}
@media print {
  /* line 14, ../sass/partials/buttons/_base.scss */
  .btn {
    display: none !important;
  }
}

/* ======================================================================================
   @BUTTONS -> MAIN
   ====================================================================================== */
/* 
	Usage: 
		The main button for the site.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Main
*/
/* line 16, ../sass/partials/buttons/_main.scss */
.btn-main {
  /*@include linear-gradient($color-brand, darken($color-brand, 10%), $override-bg-color: true, $bg-color-override: $color-brand);*/
  background-color: #002B49;
  border-radius: 40px;
  font-weight: 600;
  padding: .85rem 2rem;
  /* Parent + pseudo classes */
  /* Pseudo classes */
  /* --Extenders-- */
  /* Disabled (has to match the bg for the default state) */
}
/* line 23, ../sass/partials/buttons/_main.scss */
.btn-main, .btn-main:visited {
  border: 1px solid #fff;
}
/* line 27, ../sass/partials/buttons/_main.scss */
.btn-main, .btn-main:visited, .btn-main:hover, .btn-main:focus {
  color: #fff;
}
/* line 34, ../sass/partials/buttons/_main.scss */
.btn-main:hover, .btn-main:focus, .btn-main.btn-menu-toggle.is-expanded {
  background-color: #004162;
  /*@include linear-gradient(lighten($color-brand, 5%), darken($color-brand, 8%));*/
  /*border-color: $color-brand;*/
}
/* line 43, ../sass/partials/buttons/_main.scss */
.btn-main:active, .btn-main.btn-menu-toggle.is-expanded {
  box-shadow: inset 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.2), inset 0 0 0.2em rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* line 50, ../sass/partials/buttons/_main.scss */
.btn-main[disabled], .btn-main.is-disabled {
  background-color: #002B49;
  background-image: -webkit-linear-gradient(top, #002B49, #000d16);
  background-image: linear-gradient(to bottom, #002B49, #000d16);
}
/* line 55, ../sass/partials/buttons/_main.scss */
.btn-main .icon {
  color: #fff;
}

/* --Extenders-- */
/* Compact - reduce padding by 50% */
/* line 63, ../sass/partials/buttons/_main.scss */
.btn-main-compact {
  padding: 0.5em 0.75em;
}

/* line 67, ../sass/partials/buttons/_main.scss */
.btn-dark {
  background-color: #002B49;
}

/* line 71, ../sass/partials/buttons/_main.scss */
.btn-ghost {
  background-color: transparent;
  text-transform: uppercase;
  color: #002B49;
  border: 1px solid #d4d4d4;
}
/* line 77, ../sass/partials/buttons/_main.scss */
.btn-ghost .icon:before {
  margin: 0.3em;
}
/* line 81, ../sass/partials/buttons/_main.scss */
.btn-ghost:hover {
  background-color: transparent;
  border-color: #002B49;
}

/* line 87, ../sass/partials/buttons/_main.scss */
.btn-cta {
  background-color: #7ac144;
  border-radius: 40px;
}

/*Custom*/
/* line 93, ../sass/partials/buttons/_main.scss */
div.toolbar {
  /* For the toolbar of icons in each section */
  float: left;
  text-align: left;
  padding: 0;
  background-color: transparent !important;
}
/* line 99, ../sass/partials/buttons/_main.scss */
div.toolbar a {
  /*display:inline !important;margin-right:0.2em;*/
  /*&:last-child {margin-right:0;}*/
}
/* line 101, ../sass/partials/buttons/_main.scss */
div.toolbar a:hover {
  color: #fff;
}
/* line 104, ../sass/partials/buttons/_main.scss */
div.toolbar a:hover .icon {
  background-color: #002B49;
}
/* line 111, ../sass/partials/buttons/_main.scss */
div.toolbar input + input {
  margin-left: 0.2em;
}
/* line 115, ../sass/partials/buttons/_main.scss */
div.toolbar a + input {
  margin-left: -0.2em;
}
/* line 119, ../sass/partials/buttons/_main.scss */
div.toolbar .icon {
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  display: inline-block;
  height: 1.85rem;
  width: 1.85rem;
  position: relative;
  margin-right: 0.2em;
  text-align: center;
}
/* line 129, ../sass/partials/buttons/_main.scss */
div.toolbar .icon:hover {
  color: #fff;
}
/* line 133, ../sass/partials/buttons/_main.scss */
div.toolbar .icon:before {
  margin-right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
}
/* line 141, ../sass/partials/buttons/_main.scss */
div.toolbar .icon.icon-edit {
  margin-left: -0.2em;
}
/* line 146, ../sass/partials/buttons/_main.scss */
div.toolbar .btn {
  height: 26px;
  width: 26px;
  display: inline-block;
  float: none;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  position: relative;
  padding: 0;
  /*reset padding*/
  position: relative;
  top: -0.1em;
  /*margin-right:0.25em;
  &:last-child{margin-right:0;}
  &.btn-delete {margin-left:0.25em;}*/
}
/* line 160, ../sass/partials/buttons/_main.scss */
div.toolbar .btn:hover {
  background-color: #002B49;
}
/* line 165, ../sass/partials/buttons/_main.scss */
div.toolbar .txt-green:hover {
  color: #fff;
  background-color: green;
}

/* line 171, ../sass/partials/buttons/_main.scss */
.btn-edit {
  background: #002B49 url(img/icons/icon-edit.png) no-repeat -1px 0;
}
/* line 174, ../sass/partials/buttons/_main.scss */
.btn-edit:hover {
  background: #002B49 url(img/icons/icon-edit.png) no-repeat -1px 0;
}

/* line 179, ../sass/partials/buttons/_main.scss */
input.btn-edit {
  padding-left: 2em;
  background: #fff url(img/icons/icon-edit.png) no-repeat 0 0;
}
/* line 183, ../sass/partials/buttons/_main.scss */
input.btn-edit:hover {
  background: #002B49 url(img/icons/icon-edit-hover.png) no-repeat 0 0;
}

/* line 188, ../sass/partials/buttons/_main.scss */
.profile-heading {
    /*.btn-edit {
        padding-left: 2em;
        background-position-x: 2px;
        background-position-y: 3px;

        &:hover {
            @include linear-gradient(lighten($color-brand, 5%), darken($color-brand, 8%));
            background: darken($color-brand, 8%) url(img/icons/icon-edit-hover.png) no-repeat 2px 3px;
        }
    }*/
}
/* line 199, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-edit {
  background: #002B49 url(img/icons/icon-edit-hover.png) no-repeat 2px 5px;
  /*&:hover {
      background-position:0 5px;
  }*/
}
/* line 204, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-edit:hover {
  background-color: #001320;
  background-image: -webkit-linear-gradient(top, #003a63, #001320);
  background-image: linear-gradient(to bottom, #003a63, #001320);
  background: #001320 url(img/icons/icon-edit-hover.png) no-repeat 2px 5px;
}
/* line 210, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-email {
  padding-left: 2.3em;
  background-position-x: 5px;
  background-position-y: 5px;
}
/* line 215, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-email:hover, .profile-heading .btn-email:focus {
  background-color: #001320;
  background-image: -webkit-linear-gradient(top, #003a63, #001320);
  background-image: linear-gradient(to bottom, #003a63, #001320);
  background: #001320 url(img/icons/icon-email.png) no-repeat 5px 5px;
}
/* line 221, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-cta.btn-icon, .profile-heading .btn-referral {
  background-repeat: no-repeat;
  background-position: 7px 8px;
  padding-left: 2em;
}
/* line 227, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-cta.btn-icon {
  background-image: url(img/icons/triage.png);
}
/* line 231, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-referral {
  background-image: url(img/icons/referral.png);
}
@media all and (min-width: 40.0625em) and (max-width: 42.4375em) {
  /* line 237, ../sass/partials/buttons/_main.scss */
  .profile-heading .btn-main {
    font-size: 0.85em;
    margin-top: 0.3em;
  }
}

/* line 244, ../sass/partials/buttons/_main.scss */
.btn-delete {
  background: #fff url(img/icons/icon-delete.png) no-repeat -1px 0;
}
/* line 247, ../sass/partials/buttons/_main.scss */
.btn-delete:hover {
  background: url(img/icons/icon-delete-hover.png) no-repeat -1px 0;
  background-color: #e02222 !important;
  color: #fff;
}

/* line 254, ../sass/partials/buttons/_main.scss */
.btn-copy {
  background: #fff url(img/icons/icon-copy.png) no-repeat -1px 0;
}
/* line 257, ../sass/partials/buttons/_main.scss */
.btn-copy:hover {
  background: url(img/icons/icon-copy-hover.png) no-repeat -1px 0;
}

/* line 262, ../sass/partials/buttons/_main.scss */
.btn-active {
  background: #fff url(img/icons/icon-active.png) no-repeat -1px 0;
}
/* line 265, ../sass/partials/buttons/_main.scss */
.btn-active:hover {
  background: #fff url(img/icons/icon-active-hover.png) no-repeat -1px 0;
}

/* line 270, ../sass/partials/buttons/_main.scss */
.btn-inactive {
  background: #fff url(img/icons/icon-inactive.png) no-repeat -1px 0;
}
/* line 273, ../sass/partials/buttons/_main.scss */
.btn-inactive:hover {
  background: #fff url(img/icons/icon-inactive-hover.png) no-repeat -1px 0;
}

/* line 278, ../sass/partials/buttons/_main.scss */
.btn-pdf {
  padding-left: 2.14286em;
  background: #002B49 url(img/icons/icon-pdf-white.png) no-repeat 5px 6px;
}
/* line 282, ../sass/partials/buttons/_main.scss */
.btn-pdf, .btn-pdf:visited, .btn-pdf:hover, .btn-pdf:focus {
  background: url(img/icons/icon-pdf-white.png) no-repeat 5px 6px;
  background-color: #001625;
}

/* line 291, ../sass/partials/buttons/_main.scss */
.btn-excel {
  padding-left: 2.14286em;
  background: #002B49 url(img/icons/icon-excel-white.png) no-repeat 5px 6px;
}
/* line 295, ../sass/partials/buttons/_main.scss */
.btn-excel:hover {
  background: url(img/icons/icon-excel-white.png) no-repeat 5px 6px;
  background-color: #001625;
}

/* line 301, ../sass/partials/buttons/_main.scss */
.btn-archive {
  background: #fff url(img/icons/icon-archive.png) no-repeat -1px 0;
}
/* line 304, ../sass/partials/buttons/_main.scss */
.btn-archive:hover {
  background: #002B49 url(img/icons/icon-archive-hover.png) no-repeat -1px 0;
  color: #fff;
}

/* line 310, ../sass/partials/buttons/_main.scss */
.btn-lock {
  background: #fff url(img/icons/icon-lock.png) no-repeat -1px 0;
}
/* line 313, ../sass/partials/buttons/_main.scss */
.btn-lock:hover {
  background: #002B49 url(img/icons/icon-lock-hover.png) no-repeat -1px 0;
  color: #fff;
}

/* line 319, ../sass/partials/buttons/_main.scss */
.btn-activate {
  background: #fff url(img/icons/icon-activate.png) no-repeat 5px 5px;
}
/* line 322, ../sass/partials/buttons/_main.scss */
.btn-activate:hover {
  background: #fff url(img/icons/icon-tick.png) no-repeat 5px 5px;
}

/* line 327, ../sass/partials/buttons/_main.scss */
.btn-green-tick {
  background: #fff url(img/icons/icon-green-tick.png) no-repeat 0 0;
}
/* line 330, ../sass/partials/buttons/_main.scss */
.btn-green-tick:hover {
  background: #002B49 url(img/icons/icon-green-tick-hover.png) no-repeat 0 0;
}

/* line 335, ../sass/partials/buttons/_main.scss */
.btn-red-cross {
  background: #fff url(img/icons/icon-red-cross.png) no-repeat 0 0;
}
/* line 338, ../sass/partials/buttons/_main.scss */
.btn-red-cross:hover {
  background: #002B49 url(img/icons/icon-red-cross-hover.png) no-repeat 0 0;
}

/* line 343, ../sass/partials/buttons/_main.scss */
.btn-arrow, .btn-arrow:hover {
  background-image: url(img/icons/icon-right-white.png);
  background-repeat: no-repeat;
  background-position: 100% -2px;
  padding-right: 2em;
}

/* line 350, ../sass/partials/buttons/_main.scss */
.btn-email {
  background-image: url(img/icons/icon-email.png);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  padding-left: 2.5em;
}

/* line 357, ../sass/partials/buttons/_main.scss */
.btn.green {
  border: 1px solid #7ac144;
  padding: 0.2em 0.3em;
  display: inline-block;
  width: auto;
}
/* line 363, ../sass/partials/buttons/_main.scss */
.btn.green .icon {
  color: #7ac144;
}
/* line 366, ../sass/partials/buttons/_main.scss */
.btn.green .icon:before {
  margin-right: 0;
}

/* Message button bar */
/* line 374, ../sass/partials/buttons/_main.scss */
.message-div input {
  padding-left: 1.8em;
  background-position-x: 2px;
  background-position-y: 6px;
}
/* line 380, ../sass/partials/buttons/_main.scss */
.message-div .btn-delete {
  background: #002B49 url(img/icons/icon-delete-hover.png) no-repeat 2px 6px !important;
  color: #fff;
}
/* line 384, ../sass/partials/buttons/_main.scss */
.message-div .btn-delete:hover {
  background: url(img/icons/icon-delete-dark.png) no-repeat 2px 6px !important;
  background-color: #fff !important;
  color: #002B49;
}
/* line 391, ../sass/partials/buttons/_main.scss */
.message-div .btn-archive {
  background-image: url(img/icons/icon-archive-hover.png);
  background-position: 2px 5px;
  background-color: #002B49;
  color: #fff;
}
/* line 397, ../sass/partials/buttons/_main.scss */
.message-div .btn-archive:hover {
  background: url(img/icons/icon-archive.png) no-repeat 2px 5px;
  background-color: #fff;
  color: #002B49;
}

/*Hide misc buttons*/
@media all and (max-width: 40em) {
  /* line 408, ../sass/partials/buttons/_main.scss */
  .assessment .print {
    display: none;
  }
}

/*On Off Button*/
/* line 415, ../sass/partials/buttons/_main.scss */
.onoffswitch {
  position: relative;
  left: 1em;
  width: 6.42857em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 424, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox {
  display: none;
}

/* line 428, ../sass/partials/buttons/_main.scss */
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 40px;
}

/* line 435, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
/* line 441, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  color: white;
  box-sizing: border-box;
}
/* line 452, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:before {
  content: "Active";
  padding-left: 10px;
  background-color: #7ac144;
  color: #fff;
}
/* line 459, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:after {
  content: "Inactive";
  padding-right: 10px;
  background-color: #f2f2f2;
  color: #4d4d4d;
  text-align: right;
}

/* line 468, ../sass/partials/buttons/_main.scss */
.onoffswitch-switch {
  display: block;
  width: 15px;
  margin: 8px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 66px;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

/* line 481, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

/* line 485, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/*Buttons*/
/* line 490, ../sass/partials/buttons/_main.scss */
.filter {
  position: relative;
}
/* line 493, ../sass/partials/buttons/_main.scss */
.filter button.btn, .filter input.btn {
  background-color: #fff;
  padding: 0.41em 0.65em;
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (max-width: 40em) {
  /* line 493, ../sass/partials/buttons/_main.scss */
  .filter button.btn, .filter input.btn {
    top: 0.2em;
  }
}
/* line 506, ../sass/partials/buttons/_main.scss */
.filter .icon-search {
  color: #002B49;
}
/* line 510, ../sass/partials/buttons/_main.scss */
.filter .icon {
  /*color: $color-brand;*/
}
/* line 513, ../sass/partials/buttons/_main.scss */
.filter .icon.icon-search:before {
  margin-right: 0;
}
/* line 518, ../sass/partials/buttons/_main.scss */
.filter input.btn-search {
  background: url(/img/search-icon.svg) no-repeat;
  padding: 0.2em 1.13em;
}

/* ======================================================================================
   @BUTTONS -> MENU TOGGLE
   ====================================================================================== */
/*
	Usage: 
		Toggles the main menu (site navigation) at small screen sizes.
	
	Note: 
		-	If an icon font is being used then make use of a 'menu' icon, nice design here: http://codepen.io/ekidd/pen/CJdov. 
		-	Extends from `.btn` and `.btn-main`, see: 'buttons/base' and 'buttons/main'.
	
	Demo:
		Style Guide -> Buttons -> Menu Toggle
*/
/* line 17, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle {
  position: relative;
  width: 3.57143rem;
  height: 2.42857rem;
  /* Hide at this breakpoint */
  /* JS off */
}
@media all and (min-width: 40.0625em) {
  /* line 17, ../sass/partials/buttons/_menu-toggle.scss */
  .btn-menu-toggle {
    display: none;
  }
}
/* line 28, ../sass/partials/buttons/_menu-toggle.scss */
.no-js .btn-menu-toggle {
  display: none;
}

/* Create the icon (three lines) */
/* line 32, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon {
  left: 50%;
  top: 50%;
  margin: -1px 0px 0px -14px;
  margin: -0.07143rem 0rem 0rem -1rem;
  pointer-events: none;
  /* Shared */
  /* Pseudo elements - top/bottom lines */
}
/* line 39, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon, .btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  position: absolute;
  width: 2rem;
  height: 0.21429rem;
  border-radius: 1.42857rem;
  background: #fff;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}
/* line 51, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  content: "";
  left: 0;
}
/* line 57, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before {
  top: -0.42857rem;
}
/* line 59, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:after {
  top: 0.42857rem;
}

/* ======================================================================================
   @BUTTONS -> CLOSE
   ====================================================================================== */
/* 
	Usage: 
		For closing/removing UI components e.g. a dialog/modal.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Close
*/
/* line 17, ../sass/partials/buttons/_close.scss */
.btn-close {
  /* Pseudo element - 'x' */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/buttons/_close.scss */
.btn-close:before {
  content: "x";
  display: block;
  speak: none;
  font: bold 1.28571em/1.28571em Verdana, Geneva, Tahoma, sans-serif;
  padding: 0em 0.5em 0.35714em;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
/* line 32, ../sass/partials/buttons/_close.scss */
.btn-close:hover:before, .btn-close:focus:before {
  opacity: 0.9;
}

/* ======================================================================================
   @BUTTONS -> FAUX LINK
   ====================================================================================== */
/*
	Usage: 
		Make a button look like a link.
	
	Note: 
		-	The base link styles are repeated here so not very DRY (need to look into this). 
		-	Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Faux Link
*/
/* line 17, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link {
  color: #002B49;
  border: 1px solid #bfbfbf;
  padding: 0.2em 0.5em;
  margin-top: 0.5em;
  /*text-decoration: underline;  Note: this may be redundant? */
  /* Pseudo classes */
}
/* line 23, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link:hover, .btn-faux-link:focus {
  color: #491e00;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Helpers */
/* ======================================================================================
   @HELPERS -> HIDE
   ====================================================================================== */
/*
	Usage: 
		Hides elements in various ways, see inline comments.
*/
/* Hide from both screen readers and browsers */
/* line 16, ../sass/partials/helpers/_hide.scss */
.hide-fully {
  display: none;
  visibility: hidden;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 22, ../sass/partials/helpers/_hide.scss */
  .hide-fully--palm {
    display: none;
    visibility: hidden;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 27, ../sass/partials/helpers/_hide.scss */
  .hide-fully--non-palm {
    display: none;
    visibility: hidden;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 32, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap {
    display: none;
    visibility: hidden;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 37, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-sml {
    display: none;
    visibility: hidden;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 42, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 47, ../sass/partials/helpers/_hide.scss */
  .hide-fully--portable {
    display: none;
    visibility: hidden;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 52, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 57, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-sml {
    display: none;
    visibility: hidden;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 62, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Hide only visually but have it available for screen readers */
/* line 66, ../sass/partials/helpers/_hide.scss */
.hide-visually {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Form `legend` requires this */
/* line 78, ../sass/partials/helpers/_hide.scss */
legend.hide-visually {
  left: -9999px;
}

/* Hide stuff relating to JS */
/* line 81, ../sass/partials/helpers/_hide.scss */
.js .js-off,
.js .js-hide-show {
  display: none;
}

/* Print */
@media print {
  /* line 86, ../sass/partials/helpers/_hide.scss */
  .hide-print {
    display: none;
  }

  /* line 88, ../sass/partials/helpers/_hide.scss */
  .js-hide-show {
    display: block !important;
  }
}
/* ======================================================================================
   @HELPERS -> SPACING
   ====================================================================================== */
/*
	Usage: 
		Apply spacing via the base bottom margin or variants of it e.g. half / double, can also apply 'top' margins, or to remove spacing applied via margins use any of the `.flush` classes.
	
	Demo:
		Style Guide -> Helpers -> Spacing
*/
/* Base */
/* line 14, ../sass/partials/helpers/_spacing.scss */
.mrg-base {
  margin-bottom: 21px!important;
  margin-bottom: 1.5rem!important;
}

/* line 15, ../sass/partials/helpers/_spacing.scss */
.mrg-base-top {
  margin-top: 21px!important;
  margin-top: 1.5rem!important;
}

/* Mini */
/* line 18, ../sass/partials/helpers/_spacing.scss */
.mrg-mini {
  margin-bottom: 5.25px!important;
  margin-bottom: 0.375rem!important;
}

/* line 19, ../sass/partials/helpers/_spacing.scss */
.mrg-mini-top {
  margin-top: 5.25px!important;
  margin-top: 0.375rem!important;
}

/* Half */
/* line 22, ../sass/partials/helpers/_spacing.scss */
.mrg-half {
  margin-bottom: 10.5px!important;
  margin-bottom: 0.75rem!important;
}

/* line 23, ../sass/partials/helpers/_spacing.scss */
.mrg-half-top {
  margin-top: 10.5px!important;
  margin-top: 0.75rem!important;
}

/* Double */
/* line 26, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl {
  margin-bottom: 42px!important;
  margin-bottom: 3rem!important;
}

/* line 27, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl-top {
  margin-top: 42px!important;
  margin-top: 3rem!important;
}

/* Double */
/* line 30, ../sass/partials/helpers/_spacing.scss */
.mrg-triple {
  margin-bottom: 63px!important;
  margin-bottom: 4.5rem!important;
}

/* line 31, ../sass/partials/helpers/_spacing.scss */
.mrg-triple-top {
  margin-top: 63px!important;
  margin-top: 4.5rem!important;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 37, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-palm {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 42, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-non-palm {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 47, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 52, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-sml {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 57, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-lrg {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 62, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-portable {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 67, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 72, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-sml {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 77, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-lrg {
    margin-bottom: 21px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Flush */
/* line 81, ../sass/partials/helpers/_spacing.scss */
.flush {
  margin: 0 !important;
}

/* line 83, ../sass/partials/helpers/_spacing.scss */
.flush-top {
  margin-top: 0 !important;
}

/* line 85, ../sass/partials/helpers/_spacing.scss */
.flush-right {
  margin-right: 0 !important;
}

/* line 87, ../sass/partials/helpers/_spacing.scss */
.flush-btm {
  margin-bottom: 0 !important;
}

/* line 89, ../sass/partials/helpers/_spacing.scss */
.flush-left {
  margin-left: 0 !important;
}

/* line 91, ../sass/partials/helpers/_spacing.scss */
.flush-ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 96, ../sass/partials/helpers/_spacing.scss */
.flush-sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* ======================================================================================
   @HELPERS -> DISPLAY
   ====================================================================================== */
/*
	Usage: 
		Changes the `display` property of an element.
	
	Demo:
		Style Guide -> Helpers -> Display
*/
/* line 13, ../sass/partials/helpers/_display.scss */
.block {
  display: block !important;
}

/* line 15, ../sass/partials/helpers/_display.scss */
.inline {
  display: inline !important;
}

/* line 17, ../sass/partials/helpers/_display.scss */
.inline-block {
  display: inline-block !important;
}

/* line 19, ../sass/partials/helpers/_display.scss */
.index-top {
  z-index: 160;
}

/* line 21, ../sass/partials/helpers/_display.scss */
.index-bottom {
  z-index: 1;
}

/* ======================================================================================
   @HELPERS -> TEXT
   ====================================================================================== */
/*
	Usage: 
		Various helpers specifically for text.
	
	Demo:
		Style Guide -> Helpers -> Text
*/
/* Sizes */
/* line 14, ../sass/partials/helpers/_text.scss */
.txt-sml {
  font-size: 12px!important;
  font-size: 0.85714rem!important;
  line-height: 1.75;
}

/* line 16, ../sass/partials/helpers/_text.scss */
.txt-lrg {
  font-size: 16px!important;
  font-size: 1.14286rem!important;
  line-height: 1.3125;
}

/* line 18, ../sass/partials/helpers/_text.scss */
.txt-reset {
  font-size: 100% !important;
}

/* Alignments */
/* line 21, ../sass/partials/helpers/_text.scss */
.txt-center {
  text-align: center !important;
}

/* line 23, ../sass/partials/helpers/_text.scss */
.txt-left {
  text-align: left !important;
}

/* line 25, ../sass/partials/helpers/_text.scss */
.txt-right {
  text-align: right !important;
}

/* Styles */
/* line 28, ../sass/partials/helpers/_text.scss */
.txt-italic {
  font-style: italic !important;
}

/* line 30, ../sass/partials/helpers/_text.scss */
.txt-bold {
  font-weight: 700 !important;
}

/* line 32, ../sass/partials/helpers/_text.scss */
.txt-caps {
  text-transform: uppercase !important;
}

/* Colours */
/* line 35, ../sass/partials/helpers/_text.scss */
.txt-success {
  color: var(--color-green) !important;
}

/* line 38, ../sass/partials/helpers/_text.scss */
.txt-warning {
  color: coral;
}

/* line 39, ../sass/partials/helpers/_text.scss */
.txt-error {
  color: crimson;
}

/* Truncate */
/* line 42, ../sass/partials/helpers/_text.scss */
.txt-truncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Break word */
/* line 50, ../sass/partials/helpers/_text.scss */
.txt-break-word {
  word-wrap: break-word !important;
  -ms-word-break: break-all !important;
  word-break: break-all !important;
  /* Non standard for webkit */
  word-break: break-word !important;
  /* Hyphens */
  /* Transition */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  /* Note: 'layout' is needed for IE. */
  /* Note: `table-layout: fixed;` is needen when this is used within tables, the rule needs to go on the `table` element. */
}

/* ======================================================================================
   @HELPERS -> FLOAT
   ====================================================================================== */
/*
	Usage: 
		Float an element to either the right or left or remove float altogether.
	
	Demo:
		Style Guide -> Helpers -> Float
*/
/* line 13, ../sass/partials/helpers/_float.scss */
.float-left {
  float: left !important;
}

/* line 15, ../sass/partials/helpers/_float.scss */
.float-right {
  float: right !important;
}

/* line 17, ../sass/partials/helpers/_float.scss */
.float-none {
  float: none !important;
}

/* line 19, ../sass/partials/helpers/_float.scss */
.clear {
  clear: both;
}

/* ======================================================================================
   @HELPERS -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull elements to the left, right or center of their parent container. Elements pulled to the left or right are floated with any surrounding element(s) flowing around it. Typical usage is for aligning images to either the left or right of it's accompanying content.
	
	Demo:
		Style Guide -> Helpers -> Pull
*/
/* line 18, ../sass/partials/helpers/_pull.scss */
.pull-left img,
.pull-right img,
.pull-center img {
  display: block;
}

/* line 21, ../sass/partials/helpers/_pull.scss */
.pull-left {
  float: left;
  margin-right: 21px;
  margin-right: 1.5rem;
}

/* line 26, ../sass/partials/helpers/_pull.scss */
.pull-right {
  float: right;
  margin-left: 21px;
  margin-left: 1.5rem;
}

/* line 31, ../sass/partials/helpers/_pull.scss */
.pull-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* ======================================================================================
   @HELPERS - VERTICAL ALIGNMENTS
   ====================================================================================== */
/*
	Usage: 
		Changes the vertical alignment of an element.
	
	Demo:
		Style Guide -> Helpers -> Vertical Alignments
*/
/* line 13, ../sass/partials/helpers/_vertical-alignments.scss */
.align-top {
  vertical-align: top !important;
}

/* line 15, ../sass/partials/helpers/_vertical-alignments.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 17, ../sass/partials/helpers/_vertical-alignments.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 19, ../sass/partials/helpers/_vertical-alignments.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/*Priority  utils */
/* line 1, ../sass/partials/utils/_utils.scss */
:root {
  --blue-200: #F0F7FA;
  --blue-300: #E1EFF5;
  --blue-400: #005C8B;
  --blue-800: #022036;
  --color-dark-blue: #002B49;
  --color-green: #7AC143;
  /* SPACING */
  --spacing-base: 0.25rem;
  --spacing-0-5: calc(var(--spacing-base) / 2);
  --spacing-1: calc(var(--spacing-base) * 1);
  --spacing-1-5: calc(var(--spacing-base) * 1.5);
  --spacing-2: calc(var(--spacing-base) * 2);
  --spacing-3: calc(var(--spacing-base) * 3);
  --spacing-4: calc(var(--spacing-base) * 4);
  /* 1rem */
  --spacing-5: calc(var(--spacing-base) * 5);
  --spacing-6: calc(var(--spacing-base) * 6);
  --spacing-7: calc(var(--spacing-base) * 7);
  --spacing-8: calc(var(--spacing-base) * 8);
  /* 2rem */
  --spacing-9: calc(var(--spacing-base) * 9);
  --spacing-10: calc(var(--spacing-base) * 10);
  --spacing-11: calc(var(--spacing-base) * 11);
  --spacing-12: calc(var(--spacing-base) * 12);
  /* 3rem */
  --spacing-13: calc(var(--spacing-base) * 13);
  --spacing-14: calc(var(--spacing-base) * 14);
  --spacing-15: calc(var(--spacing-base) * 15);
  --spacing-16: calc(var(--spacing-base) * 16);
  /* 4rem */
  --spacing-17: calc(var(--spacing-base) * 17);
  --spacing-18: calc(var(--spacing-base) * 18);
  --spacing-19: calc(var(--spacing-base) * 19);
  --spacing-20: calc(var(--spacing-base) * 20);
  /* 5rem */
  --spacing-22: calc(var(--spacing-base) * 22);
  --spacing-23: calc(var(--spacing-base) * 23);
  --spacing-24: calc(var(--spacing-base) * 24);
  /* 6rem */
  --spacing-26: calc(var(--spacing-base) * 26);
  --spacing-28: calc(var(--spacing-base) * 28);
  --spacing-32: calc(var(--spacing-base) * 32);
  /* 8rem */
  --spacing-34: calc(var(--spacing-base) * 34);
  --spacing-38: calc(var(--spacing-base) * 38);
  --spacing-40: calc(var(--spacing-base) * 40);
  /* 10rem */
  --spacing-48: calc(var(--spacing-base) * 48);
  /* 11rem */
  --spacing-50: calc(var(--spacing-base) * 50);
  --spacing-52: calc(var(--spacing-base) * 52);
  /* 13rem */
  --spacing-60: calc(var(--spacing-base) * 60);
  /* 15rem */
  --spacing-64: calc(var(--spacing-base) * 64);
  /* 16rem */
  --spacing-72: calc(var(--spacing-base) * 72);
  /* 18rem */
  --spacing-80: calc(var(--spacing-base) * 80);
  /* 20rem */
  --spacing-88: calc(var(--spacing-base) * 88);
  /* 22rem */
  --spacing-96: calc(var(--spacing-base) * 96);
  /* 24rem */
  --spacing-104: calc(var(--spacing-base) * 104);
  /* 25rem */
  --spacing-112: calc(var(--spacing-base) * 112);
  /* 26rem */
}

/* line 55, ../sass/partials/utils/_utils.scss */
.bg-white {
  background-color: #fff;
}

/* line 59, ../sass/partials/utils/_utils.scss */
.bg-blue-200 {
  background-color: var(--blue-200);
}

/* line 63, ../sass/partials/utils/_utils.scss */
.bg-blue-300 {
  background-color: var(--blue-300);
}

/* line 67, ../sass/partials/utils/_utils.scss */
.bg-blue-800 {
  background-color: var(--blue-800);
}

/* line 71, ../sass/partials/utils/_utils.scss */
.bg-dark-blue {
  background-color: var(--color-dark-blue);
}

/* line 75, ../sass/partials/utils/_utils.scss */
.bg-transparent {
  background-color: transparent;
}

/* line 79, ../sass/partials/utils/_utils.scss */
.bg-wave-grey {
  background-image: url("/img/home-background-wave-grey.svg");
}

/* line 83, ../sass/partials/utils/_utils.scss */
.bg-wave-blue {
  background-image: url("/img/home-background-wave-blue.svg");
}

/* line 87, ../sass/partials/utils/_utils.scss */
.bg-wave-full {
  background-image: url("/img/background-full-halfed.svg");
  background-position-x: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 94, ../sass/partials/utils/_utils.scss */
.bg-cover {
  background-size: cover;
}

/* line 98, ../sass/partials/utils/_utils.scss */
.bg-no-repeat {
  background-repeat: no-repeat;
}

/* line 105, ../sass/partials/utils/_utils.scss */
.color-blue-400 {
  color: var(--blue-400);
}

/* line 109, ../sass/partials/utils/_utils.scss */
.color-dark-blue {
  color: var(--color-dark-blue);
}

/* line 113, ../sass/partials/utils/_utils.scss */
.color-green {
  color: var(--color-green);
}

/* line 117, ../sass/partials/utils/_utils.scss */
.color-white {
  color: #fff;
}

/* line 121, ../sass/partials/utils/_utils.scss */
.block {
  display: block;
}

/* line 125, ../sass/partials/utils/_utils.scss */
.inline-block {
  display: inline-block;
}

/* line 129, ../sass/partials/utils/_utils.scss */
.fixed {
  position: fixed;
}

/* line 133, ../sass/partials/utils/_utils.scss */
.none {
  display: none;
}

/* line 137, ../sass/partials/utils/_utils.scss */
.flex {
  display: flex;
}

/* line 141, ../sass/partials/utils/_utils.scss */
.inline-flex {
  display: inline-flex;
}

/* line 145, ../sass/partials/utils/_utils.scss */
.flex-1 {
  flex: 1;
}

/* line 149, ../sass/partials/utils/_utils.scss */
.flex-row {
  flex-direction: row;
}

/* line 153, ../sass/partials/utils/_utils.scss */
.flex-col {
  flex-direction: column;
}

/* line 157, ../sass/partials/utils/_utils.scss */
.flex-reverse {
  flex-direction: row-reverse;
}

/* line 161, ../sass/partials/utils/_utils.scss */
.flex-col-reverse {
  flex-direction: column-reverse;
}

/* line 165, ../sass/partials/utils/_utils.scss */
.flex-wrap {
  flex-wrap: wrap;
}

/* line 169, ../sass/partials/utils/_utils.scss */
.items-center {
  align-items: center;
}

/* line 173, ../sass/partials/utils/_utils.scss */
.items-end {
  align-items: flex-end;
}

/* line 177, ../sass/partials/utils/_utils.scss */
.align-end {
  align-items: flex-end;
}

/* line 181, ../sass/partials/utils/_utils.scss */
.items-start {
  align-items: flex-start;
}

/* line 185, ../sass/partials/utils/_utils.scss */
.important\:items-start {
  align-items: flex-start !important;
}

/* line 189, ../sass/partials/utils/_utils.scss */
.item-start {
  align-self: flex-start;
}

/* line 195, ../sass/partials/utils/_utils.scss */
.justify-between {
  justify-content: space-between;
}

/* line 199, ../sass/partials/utils/_utils.scss */
.justify-center {
  justify-content: center;
}

/* line 203, ../sass/partials/utils/_utils.scss */
.justify-end {
  justify-content: flex-end;
}

/* line 207, ../sass/partials/utils/_utils.scss */
.mb-2 {
  margin-bottom: var(--spacing-2);
}

/* line 211, ../sass/partials/utils/_utils.scss */
.mb-4 {
  margin-bottom: var(--spacing-4);
}

/* line 215, ../sass/partials/utils/_utils.scss */
.mb-6 {
  margin-bottom: var(--spacing-6);
}

/* line 219, ../sass/partials/utils/_utils.scss */
.mb-8 {
  margin-bottom: var(--spacing-8);
}

/* line 223, ../sass/partials/utils/_utils.scss */
.mt-8 {
  margin-top: var(--spacing-8);
}

/* line 227, ../sass/partials/utils/_utils.scss */
.ml-auto {
  margin-left: auto;
}

/* line 231, ../sass/partials/utils/_utils.scss */
.mr-2 {
  margin-right: var(--spacing-2);
}

/* line 235, ../sass/partials/utils/_utils.scss */
.mr-4 {
  margin-right: var(--spacing-4);
}

/* line 239, ../sass/partials/utils/_utils.scss */
.mx-2 {
  margin-left: var(--spacing-2);
  margin-right: var(--spacing-2);
}

/* line 244, ../sass/partials/utils/_utils.scss */
.mx-4 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

/* line 249, ../sass/partials/utils/_utils.scss */
.mx-8 {
  margin-left: var(--spacing-8);
  margin-right: var(--spacing-8);
}

/* line 254, ../sass/partials/utils/_utils.scss */
.mx-auto {
  margin: 0 auto;
}

/* line 258, ../sass/partials/utils/_utils.scss */
.-mx-2 {
  margin-left: calc(-1 * var(--spacing-2));
  margin-right: calc(-1 * var(--spacing-2));
}

/* line 263, ../sass/partials/utils/_utils.scss */
.-mx-4 {
  margin-left: calc(-1 * var(--spacing-4));
  margin-right: calc(-1 * var(--spacing-4));
}

/* line 268, ../sass/partials/utils/_utils.scss */
.-mx-8 {
  margin-left: calc(-1 * var(--spacing-8));
  margin-right: calc(-1 * var(--spacing-8));
}

/* line 273, ../sass/partials/utils/_utils.scss */
.-mx-12 {
  margin-left: calc(-1 * var(--spacing-12));
  margin-right: calc(-1 * var(--spacing-12));
}

/* line 278, ../sass/partials/utils/_utils.scss */
.gap-4 {
  gap: 1rem;
}

/* line 283, ../sass/partials/utils/_utils.scss */
.p-0 {
  padding: 0;
}

/* line 287, ../sass/partials/utils/_utils.scss */
.p-1 {
  padding: var(--spacing-1);
}

/* line 291, ../sass/partials/utils/_utils.scss */
.p-2 {
  padding: var(--spacing-2);
}

/* line 295, ../sass/partials/utils/_utils.scss */
.p-3 {
  padding: var(--spacing-3);
}

/* line 299, ../sass/partials/utils/_utils.scss */
.p-4 {
  padding: var(--spacing-4);
}

/* line 303, ../sass/partials/utils/_utils.scss */
.p-6 {
  padding: var(--spacing-6);
}

/* line 307, ../sass/partials/utils/_utils.scss */
.p-8 {
  padding: var(--spacing-8);
}

/* line 311, ../sass/partials/utils/_utils.scss */
.p-10 {
  padding: var(--spacing-10);
}

/* line 315, ../sass/partials/utils/_utils.scss */
.p-12 {
  padding: var(--spacing-12);
}

/* line 319, ../sass/partials/utils/_utils.scss */
.p-16 {
  padding: var(--spacing-16);
}

/* line 323, ../sass/partials/utils/_utils.scss */
.p-24 {
  padding: var(--spacing-24);
}

/* line 327, ../sass/partials/utils/_utils.scss */
.px-2 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

/* line 332, ../sass/partials/utils/_utils.scss */
.px-4 {
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}

/* line 337, ../sass/partials/utils/_utils.scss */
.py-2 {
  padding-bottom: var(--spacing-2);
  padding-top: var(--spacing-2);
}

/* line 342, ../sass/partials/utils/_utils.scss */
.py-4 {
  padding-bottom: var(--spacing-4);
  padding-top: var(--spacing-4);
}

/* line 347, ../sass/partials/utils/_utils.scss */
.py-8 {
  padding-bottom: var(--spacing-8);
  padding-top: var(--spacing-8);
}

/* line 352, ../sass/partials/utils/_utils.scss */
.py-12 {
  padding-bottom: var(--spacing-12);
  padding-top: var(--spacing-12);
}

/* line 357, ../sass/partials/utils/_utils.scss */
.pb-4 {
  padding-bottom: var(--spacing-4);
}

/* line 361, ../sass/partials/utils/_utils.scss */
.pb-8 {
  padding-bottom: var(--spacing-8);
}

/* line 365, ../sass/partials/utils/_utils.scss */
.pt-2 {
  padding-top: var(--spacing-2);
}

/* line 369, ../sass/partials/utils/_utils.scss */
.pt-16 {
  padding-top: var(--spacing-16);
}

/* line 373, ../sass/partials/utils/_utils.scss */
.pt-0 {
  padding-top: 0;
}

/* line 377, ../sass/partials/utils/_utils.scss */
.w-quarter {
  width: 25%;
}

/* line 381, ../sass/partials/utils/_utils.scss */
.w-1\/3 {
  width: 33.333%;
}

/* line 385, ../sass/partials/utils/_utils.scss */
.w-1\/2 {
  width: 50%;
}

/* line 389, ../sass/partials/utils/_utils.scss */
.w-3\/5 {
  width: 60%;
}

/* line 393, ../sass/partials/utils/_utils.scss */
.w-3\/4 {
  width: 75%;
}

/* line 397, ../sass/partials/utils/_utils.scss */
.w-4\/5 {
  width: 80%;
}

/* line 401, ../sass/partials/utils/_utils.scss */
.w-11\/12 {
  width: 91.666667%;
}

/* line 405, ../sass/partials/utils/_utils.scss */
.w-full {
  width: 100%;
}

/* line 409, ../sass/partials/utils/_utils.scss */
.h-full-vh {
  height: 100vh;
}

/* line 414, ../sass/partials/utils/_utils.scss */
.max-w-50 {
  max-width: var(--spacing-50);
}

/* line 419, ../sass/partials/utils/_utils.scss */
.border {
  border: 1px solid;
}

/* line 423, ../sass/partials/utils/_utils.scss */
.border-b {
  border-bottom: 1px solid;
}

/* line 427, ../sass/partials/utils/_utils.scss */
.border-r {
  border-right: 1px solid;
}

/* line 431, ../sass/partials/utils/_utils.scss */
.border-white {
  border-color: #fff;
}

/* line 435, ../sass/partials/utils/_utils.scss */
.border-none {
  border: none;
}

/* line 440, ../sass/partials/utils/_utils.scss */
.top-4 {
  top: 1rem;
}

/* line 444, ../sass/partials/utils/_utils.scss */
.top-8 {
  top: 2rem;
}

/* line 448, ../sass/partials/utils/_utils.scss */
.top-0 {
  top: 0;
}

/* line 452, ../sass/partials/utils/_utils.scss */
.rounded {
  border-radius: 10px;
}

/* line 455, ../sass/partials/utils/_utils.scss */
.rounded-lg {
  border-radius: 20px;
}

/* line 459, ../sass/partials/utils/_utils.scss */
.rounded-b {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 464, ../sass/partials/utils/_utils.scss */
.rounded-t {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 469, ../sass/partials/utils/_utils.scss */
.text-sm {
  font-size: .875rem;
}

/* line 473, ../sass/partials/utils/_utils.scss */
weight-400 {
  font-weight: 400;
}

/* line 477, ../sass/partials/utils/_utils.scss */
.index-9999 {
  z-index: 9999;
}

/* line 481, ../sass/partials/utils/_utils.scss */
.pointer {
  cursor: pointer;
}

/* line 485, ../sass/partials/utils/_utils.scss */
.text-underline {
  text-decoration: underline;
}

/* line 489, ../sass/partials/utils/_utils.scss */
.hover\:color-white:hover {
  color: #fff;
}

@media (min-width: 768px) {
  /* line 495, ../sass/partials/utils/_utils.scss */
  .md\:relative {
    position: relative;
  }

  /* line 499, ../sass/partials/utils/_utils.scss */
  .md\:none {
    display: none;
  }

  /* line 503, ../sass/partials/utils/_utils.scss */
  .md\:block {
    display: block;
  }

  /* line 507, ../sass/partials/utils/_utils.scss */
  .md\:flex {
    display: flex;
  }

  /* line 511, ../sass/partials/utils/_utils.scss */
  .md\:inline-flex {
    display: inline-flex;
  }

  /* line 515, ../sass/partials/utils/_utils.scss */
  .md\:flex-row {
    flex-direction: row;
  }

  /* line 519, ../sass/partials/utils/_utils.scss */
  .md\:flex-col {
    flex-direction: column;
  }

  /* line 523, ../sass/partials/utils/_utils.scss */
  .md\:items-center {
    align-items: center;
  }

  /* line 527, ../sass/partials/utils/_utils.scss */
  .md\:items-start {
    align-items: flex-start;
  }

  /* line 531, ../sass/partials/utils/_utils.scss */
  .md\:items-end {
    align-items: flex-end;
  }

  /* line 535, ../sass/partials/utils/_utils.scss */
  .md\:justify-end {
    justify-content: flex-end;
  }

  /* line 539, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/5 {
    width: 20%;
  }

  /* line 543, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/4 {
    width: 25%;
  }

  /* line 547, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/3 {
    width: 33.333%;
  }

  /* line 551, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/2 {
    width: 50%;
  }

  /* line 555, ../sass/partials/utils/_utils.scss */
  .md\:w-3\/4 {
    width: 75%;
  }

  /* line 559, ../sass/partials/utils/_utils.scss */
  .md\:w-3\/5 {
    width: 60%;
  }

  /* line 563, ../sass/partials/utils/_utils.scss */
  .md\:w-4\/5 {
    width: 80%;
  }

  /* line 567, ../sass/partials/utils/_utils.scss */
  .md\:w-2\/5 {
    width: 40%;
  }

  /* line 571, ../sass/partials/utils/_utils.scss */
  .md\:w-full {
    width: 100%;
  }

  /* line 575, ../sass/partials/utils/_utils.scss */
  .md\:mb-0 {
    margin-bottom: 0;
  }

  /* line 579, ../sass/partials/utils/_utils.scss */
  .md\:max-w-full {
    max-width: 100%;
  }

  /* line 583, ../sass/partials/utils/_utils.scss */
  .md\:max-w-50 {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  /* line 590, ../sass/partials/utils/_utils.scss */
  .lg\:bg-transparent {
    background-color: transparent;
  }

  /* line 594, ../sass/partials/utils/_utils.scss */
  .lg\:bg-wave-full {
    background-image: url("/img/background-full-halfed.svg");
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* line 601, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/2 {
    width: 50%;
  }

  /* line 605, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/3 {
    width: 33.333%;
  }

  /* line 609, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/4 {
    width: 25%;
  }

  /* line 613, ../sass/partials/utils/_utils.scss */
  .lg\:w-2\/12 {
    width: 16.666667%;
  }

  /* line 617, ../sass/partials/utils/_utils.scss */
  .lg\:w-full {
    width: 100%;
  }

  /* line 621, ../sass/partials/utils/_utils.scss */
  .lg\:p-24 {
    padding: var(--spacing-24);
  }

  /* line 625, ../sass/partials/utils/_utils.scss */
  .lg\:py-12 {
    padding-bottom: var(--spacing-12);
    padding-top: var(--spacing-12);
  }

  /* line 630, ../sass/partials/utils/_utils.scss */
  .lg\:py-16 {
    padding-bottom: var(--spacing-16);
    padding-top: var(--spacing-16);
  }

  /* line 635, ../sass/partials/utils/_utils.scss */
  .lg\:py-18 {
    padding-bottom: var(--spacing-18);
    padding-top: var(--spacing-18);
  }

  /* line 640, ../sass/partials/utils/_utils.scss */
  .lg\:py-20 {
    padding-bottom: var(--spacing-20);
    padding-top: var(--spacing-20);
  }

  /* line 645, ../sass/partials/utils/_utils.scss */
  .lg\:pt-16 {
    padding-top: var(--spacing-16);
  }
}
/* Print */
@media print {
    /* ======================================================================================
	   @PRINT
	   ====================================================================================== */
    /* 
		Note: all print styles live in context with their corresponding rule sets except styles set here as they cannot be used in context i.e. they need to be set globally, it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
	*/
    /* =======================================================================
	   HIDE
	   ======================================================================= */
  /* line 16, ../sass/partials/print/_print.scss */
  nav,
  video,
  audio,
  .admin-menu,
  .admin-user-area,
  .nav-quick-links,
  .navigation,
  .dot {
    display: none !important;
  }

  /* line 27, ../sass/partials/print/_print.scss */
  a[href]:after {
    content: none !important;
  }

    /* =======================================================================
	   RESET
	   ======================================================================= */
  /* line 35, ../sass/partials/print/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #000 !important;
    -ms-filter: none !important;
    /* Old IE */
  }

  /* line 48, ../sass/partials/print/_print.scss */
  body {
    -webkit-print-color-adjust: exact;
  }

  /* line 52, ../sass/partials/print/_print.scss */
  .logo-hospital {
    max-width: 20em;
  }

  /* line 57, ../sass/partials/print/_print.scss */
  .notification-key .high {
    background: #b31200 !important;
    -webkit-print-color-adjust: exact;
    color: #fff !important;
  }
  /* line 63, ../sass/partials/print/_print.scss */
  .notification-key .medium {
    background: #e58007 !important;
    -webkit-print-color-adjust: exact;
    color: #fff !important;
  }
  /* line 69, ../sass/partials/print/_print.scss */
  .notification-key .low {
    background: #f4c500 !important;
    -webkit-print-color-adjust: exact;
    color: #fff !important;
  }

    /* =======================================================================
	   PAGE BREAKS / ORPHANS and WIDOWS
	   ======================================================================= */
    /* [PAGE BREAKS]
	-------------------------------------------------------*/
  /* After */
  /* line 81, ../sass/partials/print/_print.scss */
  h2, .h2,
  h3, .h3 {
    page-break-after: avoid;
  }

  /* Inside */
  /* line 87, ../sass/partials/print/_print.scss */
  tr,
  img,
  pre,
  blockquote {
    page-break-inside: avoid;
  }

    /* [ORPHANS and WIDOWS]
	-------------------------------------------------------*/
  /* line 96, ../sass/partials/print/_print.scss */
  p,
  h2, .h2,
  h3, .h3 {
    orphans: 3;
    widows: 3;
  }

  /*p {
      font-size: 0.8em; 
  }*/
    /* [GRID]
	-------------------------------------------------------*/
  /* line 108, ../sass/partials/print/_print.scss */
  .grid {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* line 113, ../sass/partials/print/_print.scss */
  .grid-item {
    margin-bottom: 0 !important;
    float: left !important;
  }
  /* line 117, ../sass/partials/print/_print.scss */
  .grid-item.non-palm-one-third {
    width: 33.33% !important;
  }
  /* line 121, ../sass/partials/print/_print.scss */
  .grid-item.non-palm-one-quarter {
    width: 25% !important;
  }
  /* line 125, ../sass/partials/print/_print.scss */
  .grid-item.non-palm-three-fifths {
    width: 60% !important;
  }
  /* line 129, ../sass/partials/print/_print.scss */
  .grid-item.non-palm-two-fifths {
    width: 40% !important;
  }
  /* line 133, ../sass/partials/print/_print.scss */
  .grid-item.non-palm-one-eighth {
    width: 12.5% !important;
  }

    /* [FIELDS]
	-------------------------------------------------------*/
  /* line 140, ../sass/partials/print/_print.scss */
  .form-main-field {
    display: flex;
  }
  /* line 143, ../sass/partials/print/_print.scss */
  .form-main-field .form-main-label {
    width: 20%;
  }
  /* line 147, ../sass/partials/print/_print.scss */
  .form-main-field .form-main-inputs {
    width: 80%;
    margin-left: 0 !important;
    padding-left: 1em !important;
  }

    /* [TABLE] 
	-------------------------------------------------------*/
  /* line 156, ../sass/partials/print/_print.scss */
  table {
    display: table !important;
    width: 100%;
    table-layout: fixed !important;
  }
  /* line 161, ../sass/partials/print/_print.scss */
  table thead {
    display: table-header-group !important;
    width: 100% !important;
    position: unset !important;
  }
  /* line 167, ../sass/partials/print/_print.scss */
  table tbody {
    width: 100% !important;
    display: table-row-group !important;
  }
  /* line 172, ../sass/partials/print/_print.scss */
  table tr {
    position: unset !important;
    display: table-row !important;
  }
  /* line 176, ../sass/partials/print/_print.scss */
  table tr:nth-child(odd) {
    background: #f2f2f2 !important;
    -webkit-print-color-adjust: exact;
  }
  /* line 182, ../sass/partials/print/_print.scss */
  table th, table td {
    display: table-cell !important;
  }
  /* line 186, ../sass/partials/print/_print.scss */
  table th {
    color: #fff !important;
    background: #005C8B !important;
    -webkit-print-color-adjust: exact;
  }
  /* line 193, ../sass/partials/print/_print.scss */
  table td:before {
    display: none !important;
  }

  /* line 200, ../sass/partials/print/_print.scss */
  .table-report label.disc.dot {
    display: inline-block !important;
    top: 1px;
    border: 1px solid #bfbfbf;
    width: 12px;
    height: 13px;
  }
  /* line 207, ../sass/partials/print/_print.scss */
  .table-report label.disc.dot.low {
    background-color: #f4c500 !important;
    -webkit-print-color-adjust: exact;
  }
  /* line 212, ../sass/partials/print/_print.scss */
  .table-report label.disc.dot.medium {
    background-color: #e58007 !important;
    -webkit-print-color-adjust: exact;
  }
  /* line 217, ../sass/partials/print/_print.scss */
  .table-report label.disc.dot.high {
    background-color: #b31200 !important;
    -webkit-print-color-adjust: exact;
  }
  /* line 223, ../sass/partials/print/_print.scss */
  .table-report .label {
    display: table-row-group;
  }
  /* line 226, ../sass/partials/print/_print.scss */
  .table-report .label td {
    background: #0092CC !important;
    -webkit-print-color-adjust: exact;
    color: #fff !important;
  }
  /* line 234, ../sass/partials/print/_print.scss */
  .table-report td[data-th="Number of patients referred"] {
    width: 20em !important;
  }

  /* line 240, ../sass/partials/print/_print.scss */
  .scroll-table {
    width: 100% !important;
  }

  /* [FOOTER]
  -------------------------------------------------------*/
  /* line 248, ../sass/partials/print/_print.scss */
  .footer-copy {
    font-size: 0.6em;
  }
  /* line 251, ../sass/partials/print/_print.scss */
  .footer-copy a {
    font-size: 0.6em;
  }

  /* [Clinic Setup - Time and date sections]
  -------------------------------------------------------*/
  /* line 259, ../sass/partials/print/_print.scss */
  .survey li:nth-of-type(odd) {
    background-color: #f2f2f2 !important;
  }

  /* line 263, ../sass/partials/print/_print.scss */
  .survey-list legend, .survey-answers > div {
    float: left !important;
  }

  /* line 267, ../sass/partials/print/_print.scss */
  .survey-list legend {
    width: 52% !important;
  }

  /* line 271, ../sass/partials/print/_print.scss */
  .survey-answers {
    float: right !important;
    width: 46% !important;
    margin-top: 0 !important;
  }

  /* line 280, ../sass/partials/print/_print.scss */
  .overview table thead th {
    color: #fff !important;
  }
}