@charset "UTF-8";
/* Pattern Library */
/*------------------------------------
	# FONT FACE

	Shorthand for including @font-face in your css.
	Remember also, Google fonts, Typekit have different approaches.

	Example:
		@include font-face(proxima-nova, /fonts/proxima-nova-bold-italic, bold, italic);

 	Order of the includes matters, and it is: normal, bold, italic, bold+italic.
*/
/* Fonts */
/*------------------------------------
	Website fonts
*/
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face {
  font-family: 'somerville-icons';
  src: url("../fonts/icons/somerville-icons.eot?93479532");
  src: url("../fonts/icons/somerville-icons.eot?93479532#iefix") format("embedded-opentype"), url("../fonts/icons/somerville-icons.woff?293479532") format("woff2"), url("../fonts/icons/somerville-icons.woff?93479532") format("woff"), url("../fonts/icons/somerville-icons.ttf?93479532") format("truetype"), url("../fonts/icons/somerville-icons.svg?93479532#somerville-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next W00_n4";
  src: url("../fonts/avenir-next/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Avenir Next W00";
  src: url("../fonts/avenir-next/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix");
  src: url("../fonts/avenir-next/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix") format("eot"), url("../fonts/avenir-next/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"), url("../fonts/avenir-next/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff"), url("../fonts/avenir-next/276b3566-1c3b-4bc1-8915-15314f091f29.ttf") format("truetype"), url("../fonts/avenir-next/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next W00_n7";
  src: url("../fonts/avenir-next/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Avenir Next W00";
  src: url("../fonts/avenir-next/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix");
  src: url("../fonts/avenir-next/fb4117a5-14ee-4035-8692-935bfff7fc2e.eot?#iefix") format("eot"), url("../fonts/avenir-next/4c04fb14-abdb-4f93-82bb-734d1b84307b.woff2") format("woff2"), url("../fonts/avenir-next/04d2f223-2786-40c9-8481-be9dd47d8e7f.woff") format("woff"), url("../fonts/avenir-next/bce3274e-f498-48ae-b269-a6930df496e7.ttf") format("truetype"), url("../fonts/avenir-next/68f0375d-f66f-4f88-822a-5a0b61d2efc0.svg#68f0375d-f66f-4f88-822a-5a0b61d2efc0") format("svg");
  font-weight: 700;
  font-style: normal; }

/* Site Configuration */
/*------------------------------------
	# SITE CONFIGURATION

	To get your site looking the way you want it, start here.
	Just change the values. Don't take anything out. Everything is here for a reason.

*/
/* Site direction */
/* Z-index */
/* Base typography */
/* Font Weight and Style */
/* Site Colours */
/* Headings */
/* Lists */
/* Quotes */
/* Graphical ornaments */
/* Buttons */
/* Progress Bar */
/* Forms */
/* Font Sizes */
/* Screen sizes */
/* Media ratios */
/* Template */
/* Modal Box */
/* Framework */
/* Grid */
/* Subject / Object */
/* 1/3 */
/* 2/3 */
/* Tables */
/* Prefixes */
/**
* Developer Mode allows a set of predetermined classes
* to be output by default in the CSS
*/
/* Old IE -- Don't touch */
/* Mixins */
/*------------------------------------
	GCD PATTERNS LIBRARY
*/
/*------------------------------------
	LEGACY

	Target old versions of IE.

	Examples

		@include is-old-ie {
			display:inline;
		}

		@include is-not-old-ie {
			display:inline-block;
		}
*/
/*------------------------------------
	OLD-IE
*/
/*------------------------------------
	SCREEN


	Examples:

		@include screen-size(sm-max);

*/
/*------------------------------------
	RESOLUTIONS
	@include screen-size();
*/
/*------------------------------------
	POSITIONING

	An array of positioning tools

	Examples:

		@include align(top, start)

		div.parent {
			@include display(flex);
			@include align-items(stretch);
			@include flex-direction(row);
			@include justify-content(flex-start);
		}

		div.parent > div.child {
			@include flex(1);
		}

		@include margin($base-space n)

		@include padding(n $base-space)

		@include position(fixed, 0 20px 20px 30%)

		@include rem(padding, 20px)

		@include screen-size(sm-max);

		@include size(20px, 30px)

		@include vertical-spacing(force)

*/
/*------------------------------------
	ALIGN

	Shorthand for aligning horizontally and vertically
*/
/* 	An alternative to the above which allows you to
 	vertically align any element in IE9+
	You may also need to add a transform-style: preserve-3d
	to the parent */
/*------------------------------------
	# FLEXBOX

	http://dev.w3.org/csswg/css3-flexbox/
	http://css-tricks.com/snippets/css/a-guide-to-flexbox/

*/
/*------------------------------------
	Position
*/
/*------------------------------------
	SUBJECT / OBJECT
*/
/*------------------------------------
	VERTICAL-SPACING (Consistent spacing)
*/
/*------------------------------------
	# ANIMATION

	Examples:

	## Animations don't need a starting point, such as a hover. They just begin as soon as the page is loaded.

		@include animation-name(scale, slide);
		@include animation-duration(2s);
		@include animation-timing-function(ease);
		@include animation-iteration-count(infinite);

		// Animation shorthand works the same as the CSS3 animation shorthand
		@include animation(scale 1.0s ease-in, slide 2.0s ease);

		@include keyframes(fadeIn) {
			from {
				@include transform(scale(0));
			}
			to {
				@include transform(scale(1));
			}
		}

		@include transform(translateY(50px));
		@include transform-origin(center top);
		@include transform-style(preserve-3d);

	## Transitions define the movement between one state and another.

		@include transition (all 2.0s ease-in-out);
		@include transition (opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);

		@include transition-property (transform);
		@include transition-duration(1.0s);
		@include transition-timing-function(ease-in);
		@include transition-delay(0.5s);
*/
/*------------------------------------
	# ANIMATION

	The animation mixins support comma separated lists of values, which allows different transitions for individual
	properties to be described in a single style rule. Each value in the list corresponds to the value at that same
	position in the other properties.

		box:hover {
		  @include animation-name(scale, slide);
		  @include animation-duration(2s);
		  @include animation-timing-function(ease);
		  @include animation-iteration-count(infinite);

		  // Animation shorthand works the same as the CSS3 animation shorthand
		  @include animation(scale 1.0s ease-in, slide 2.0s ease);
		}

	http://www.w3.org/TR/css3-animations/#the-animation-name-property-
	Each of these mixins support comma separated lists of values, which allows different transitions for individual
	properties to be described in a single style rule. Each value in the list corresponds to the value at that same
	position in the other properties.

	-- From bourbon.io/docs/#animations
*/
/*------------------------------------
	# KEYFRAMES

	Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content

	@include keyframes(fadeIn) {
	 	from {
			@include transform(scale(0));
	 	}
	 	to {
			@include transform(scale(1));
	 	}
	}
*/
/*------------------------------------
	# TRANSFORM

	The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set

	The transform-origin CSS property lets you modify the origin for transformations of an element.

	The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

		@include transform(translateY(50px));
		@include transform-origin(center top);
		@include transform-style(preserve-3d);
*/
/*------------------------------------
	# TRANSITION

	The shorthand mixin supports multiple transition.

		@include transition (all 2.0s ease-in-out);
		@include transition (opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);

	To transition specific vendor-prefixed properties (`-webkit-transform, -moz-transform, ...`), do not use the shorthand mixin. Use the individual transition mixins.

		@include transition-property (transform);
		@include transition-duration(1.0s);
		@include transition-timing-function(ease-in);
		@include transition-delay(0.5s);
*/
/*------------------------------------
	# BACKGROUND

	Examples:

		@include background-color(red);
		// Sets white text if it's darker than a certain amount

		@include background(linear-gradient(red, green) left repeat);
		@include background(linear-gradient(red, green) left repeat, radial-gradient(red, orange) left repeat);
		@include background(url("/images/a.png"), linear-gradient(red, green), center no-repeat orange scroll);

		@include background-image(url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%));
		// You can list up to ten background images.
*/
/*------------------------------------
	BACKGROUND
*/
/*------------------------------------
	# BACKGROUND-IMAGE

	The background-image mixin is helpful for chaining multiple comma delimited background images and/or
	linear/radial-gradients into one background-image property. The Background-image mixin supports up to 10
	background-images.

	Use in combination with the linear-gradient function and the radial-gradient function.

		// Image asset with a linear-gradient
		@include background-image(url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%));

		// Multiple linear-gradients - Demo
		@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%),
							   linear-gradient(#4e7ba3, darken(#4e7ba4, 10%)));

		// NOT SUPPORTED
		@include background-image(url("/images/a.png") center no-repeat, url("images/b.png") left repeat);

		// Background-image is not a shorthand property, therefore this doesn't make sense.

	## Note about shorthand notation

	All CSS background properties support comma delimited values. For multiple background images you can specify the
	background properties like position, repeat, etc. for each image. For example:

		@include background-image(url("/images/a.png"), url("images/b.png"));
		background-position: center top, center;
		background-repeat: no-repeat, repeat-x;

	-- From bourbon.io/docs/#background

*/
/*------------------------------------
	LINEAR-GRADIENT

	Gradient Position is optional. Position can be a degree (90deg). Mixin supports up to 10 color-stops.

	This mixin will output a fallback background-color: #first-color; declaration. A $fallback argument can be passed to change the fallback color.

		@include linear-gradient(#1e5799, #2989d8);
		@include linear-gradient(to top, #8fdce5, #3dc3d1);
		@include linear-gradient(to top, #8fdce5, #3dc3d1, $fallback: red);
		@include linear-gradient(50deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
*/
/*------------------------------------
	RADIAL-GRADIENT

	Takes up to 10 gradients. See also the background-image mixin.

	This mixin will output a fallback background-color: #first-color; declaration. A $fallback argument can be passed to change the fallback color.

		@include radial-gradient(#1e5799, #3dc3d1);
		@include radial-gradient(#1e5799, #3dc3d1, $fallback: red);
		@include radial-gradient(circle at 50% 50%, #eee 10%, #1e5799 30%, #efefef);
*/
/*------------------------------------
	# BORDER
	http://davidtheclark.github.io/scut/#border

	Examples:

		@include border(1px solid red, y n);  // Quickly add border styles to particular sides.

		@include border-image(url(/images/border.png) 27 repeat);

		@include border-top-radius(20px);
*/
/*------------------------------------
	# BORDER
	http://davidtheclark.github.io/scut/#border
*/
/*------------------------------------
	# BORDER IMAGE

	Border-image supports short-hand notation.

		@include border-image(url(/images/border.png) 27 repeat);
*/
/*------------------------------------
	# BORDER RADIUS

	Short hand for putting rounded corners on a side of an element

		@include border-top-radius(20px);
*/
/*------------------------------------
	# CONTAINERS

	Useful container properties

	Examples:
		@include border-box;
		@include clear;
		@include media-box(widescreen, iframe);
		@include media-item;
		@include triangle(up, 1em, red);

*/
/*------------------------------------
	BORDER BOX
*/
/*------------------------------------
	CLEARFIX
	From http://nicolasgallagher.com/micro-clearfix-hack/
*/
/*------------------------------------*
	MEDIA BOX

	Used to constrain the proportions of an element with a set width
	like an iframe.

	Should be applied to a parent container with the media element nested.

	e.g. <div class="video-wrapper">
			<iframe></iframe>
		</div>

	- landscape
	- square
	- portrait
	- widescreen

/*------------------------------------*/
/*------------------------------------
	MEDIA-ITEM

	Allows you to make a simole Media Object like the one here:
	http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

	Set to the $layout to stacked to make the image and body stack one above the other.
*/
/*------------------------------------
	TRIANGLE
	http://davidtheclark.github.io/scut/#triangle
*/
/*------------------------------------
	CSS3

	Useful CSS3 tools

	Examples:

		@include calc(width, 100% - 30px, 90%);

		@include prefixer(box-shadow,1px 1px 1px red,webkit moz spec);
*/
/*------------------------------------
	CALC

	Performs calculations with a fallback if necessary

		@include calc(width, 100% - 30px, 90%);
*/
/*------------------------------------
	PREFIXER
	From: Bourbon Mixin Library
	@include prefixer([property),[value],[webkit|+|moz|+|ms|+|o|+|spec]);
*/
/*------------------------------------
	DISPLAY

	Display tools

	Examples:

		@include display(inline-block)
			// In Old IE, this makes display:inline

		@include appearance(none)
			// Removes platform-native styling
*/
/*------------------------------------
	# APPEARANCE

	The appearance CSS property is used to display an element using a platform-native styling based on the operating system's theme.

		@include appearance(none);
*/
/*------------------------------------
	# DISPLAY

	Use new display types with more broadly supported equivalents as fallbacks

		@include display(flex)
*/
/*------------------------------------
	EFFECTS

	3D and special effects

	Examples:

		@include perspective(300px);
		@include perspective-origin(30% 30%);
*/
/*------------------------------------
	PERSPECTIVE

	The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective.

	The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.

		@include perspective(300px);
		@include perspective-origin(30% 30%);

*/
/*------------------------------------
	SHADOWS
*/
/*------------------------------------
	FORMS

	Consistent form inputs and buttons

	Examples:

		@include button(color(primary));

		@include field;

		@include placeholder {
			color: red;
		}
*/
/*------------------------------------*
   	BUTTON

	Button options and styles can be changed in _config.scss
	under the *Buttons*.

	Options include:

	$button-font-family
	$has-button-border
	$has-button-gradient
	$has-button-shadow
	$is-button-rounded

	/ref/patterns.php#buttons

/*------------------------------------*/
.c-button:hover, .c-button--primary:hover, .c-button--secondary:hover, .c-button--negative:hover, .c-button--priority:hover, .c-button:active, .c-button--primary:active, .c-button--secondary:active, .c-button--negative:active, .c-button--priority:active {
  text-decoration: none; }

.c-button, .c-button--primary, .c-button--secondary, .c-button--negative, .c-button--priority {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: baseline;
  padding-top: 0;
  padding-top: 0rem;
  padding-bottom: 0;
  padding-bottom: 0rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  cursor: pointer;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  line-height: 32px;
  min-height: 32px;
  white-space: nowrap;
  border: 1px solid;
  border-color: #DCDCDC;
  border-radius: 6px; }
  .c-button:hover, .c-button--primary:hover, .c-button--secondary:hover, .c-button--negative:hover, .c-button--priority:hover {
    border-color: #cfcfcf; }
  [disabled].c-button, [disabled].c-button--primary, [disabled].c-button--secondary, [disabled].c-button--negative, [disabled].c-button--priority {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    cursor: not-allowed;
    opacity: 0.5; }

/*------------------------------------
	PLACEHOLDER

	Outputs vendor-prefixed placeholders for styling. Must be nested in a rule-set.

		input {
			width: 300px;
				@include placeholder {
					color: red;
				}
		}

*/
/*------------------------------------
	IMAGES

	Consistent retina-display images

	Examples:

		@include hidpi {
			background-image:url(/imagepath_retina.jpg);
		}

		@include image-rendering (optimize-contrast) // Useful for sharper logos, but heavy on performance.

		@include retina-image(home-icon, 32px 20px)
*/
/*------------------------------------
	# HIDPI

	Create specific styles for HiDPI

	@include hidpi {
		background-image:url(/imagepath_retina.jpg);
	}
*/
/*------------------------------------
	# IMAGE-RENDERING
*/
/*------------------------------------
	RETINA IMAGE

	The mixin is a helper to generate a retina background-image and non-retina background-image. The retina background-image will output to a hidpi media-query.

	The mixin uses a _2x.png retina filename by default.
	$filename will resolve a path to the image e.g. '../../home-icon'.
	For rails, you can use the asset-pipeline by passing true to the argument.

	@ retina-image($filename, $background-size, $extension*, $retina-filename*, $retina-suffix*, $asset-pipeline*)
	* = optional

	Argument Defaults

	- $extension: png
	- $retina-filename: null
	- $retina-suffix: _2x
	- $asset-pipeline: false
*/
/*------------------------------------
	TYPOGRAPHY

	Control font settings and text layout with these tools

	Examples:

		@include columns(12 8em);
		@include column-rule(1px solid green);

		@include font-face(proxima-nova);

		@include font-features(liga kern frac);

		@include font-size(font-size(beta))
		@include hide-text;
		@include legibility;
		@include link;

		@include table-borders(grid, 1px, solid, red)
		@include table-layout(fixed)
		@include table-rounded($base-radius)
		@include table-pattern(stripes)

		@include text-truncate(90%);

*/
/*------------------------------------
	# COLUMNS

	Prefixed text column styles.
	Not supported in older browsers.
	Avoid shoehorning polyfills, instead content yourself with single-columns fallbacks
*/
/*------------------------------------
	# FONT FACE

	Shorthand for including @font-face in your css.
	Remember also, Google fonts, Typekit have different approaches.

	Example:
		@include font-face(proxima-nova, /fonts/proxima-nova-bold-italic, bold, italic);

 	Order of the includes matters, and it is: normal, bold, italic, bold+italic.
*/
/*------------------------------------
	# FONT FEATURES

	Make the most of Opentype features
	http://clagnut.com/sandbox/css3/
*/
/*------------------------------------
	FONT-SIZE
*/
/*------------------------------------
	# HIDE-TEXT

	Hide-text is an image replacement mixin. It is based off the HTML5-Boilerplate image-replacement.
*/
/*------------------------------------
	LEGIBILITY
*/
/*------------------------------------
	LINK
*/
a {
  color: #248EF4;
  cursor: pointer; }
  a:hover {
    color: #85c0f9; }
  a:visited {
    color: #308ee9; }
  a:active {
    color: #248EF4; }

/*------------------------------------
	TABLES
*/
/*------------------------------------
	LISTS

	Style lists of text or lists of items

	Examples:

		@include item-list(horizontal);

		@include list(clean);
*/
/*------------------------------------
	LIST

*/
/*------------------------------------
	LISTS
*/
/*------------------------------------*
   	GRID SYSTEM

	Provides various methods used to lay out a page.
	All are based on fractional widths

	@include grid-row();
		// Use on the parent of grid items
	@include grid-row-divs(n);
		// Creates a container for your grid items that ensures flush vertical edges to the outer container, or whatever container it's in.
		// Inserting a number (n) creates equal divisions of that amount
	@include grid-fraction(n, d)
		// A grid fraction. If you want to support old versions of IE, ensure you have an inner container with class .ie-inner

	/ref/patterns.php#grid

/*------------------------------------*/
/**
* See: http://css-tricks.com/make-sure-columns-dont-collapse-horizontally/
*/
/**
* Creates equal divisions of any given amount of items
* Should be applied to the parent, will affect the direct children
*
* NOTE: this isn't designed to be used on it's own, use @include grid_row_div(n) instead
*/
/**
* Used when content is not divided up into fractions
*/
.l-grid__item, .l-grid__item--primary, .l-grid__item--secondary {
  float: none;
  width: auto; }

/**
* For setting the width of an element to be a fraction of the page.
* e.g @include grid-fraction(2, 3) would use 2 thirds of the page.
*
* This also adds support for older versions of IE,
* (this requires you using an inner container with class .ie-inner)
*/
/**
* Used to contain a number of grid items, adds negative margins to the left and right
*/
/**
* Used when you want to create equal divisions of the children
* in your container.

* By adding a number ($n) when including this in your css you
* can split it's content into equal sections in the grid.
*/
/**
* Used as the main container when setting the fixed with of a page
* Generally good practice to have one of these per main section e.g. header, footer, main
*/
/* Elements */
/*

    ELEMENTS
    Combines the Normalize (git.io/normalize)
    and the reset at
    csswizardry.com/2011/10/reset-restarted
    with GCD's own preferences

*/
/*------------------------------------
	HTML5 BLOCK ELEMENTS
	Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/*------------------------------------
	HTML5 INLINE BLOCK ELEMENTS
	Correct `block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%; }

/*------------------------------------
	Address styling not present in IE 8/9.
*/
[hidden] {
  display: none; }

/*--------------------------------------
	BOX MODEL
	This works for IE8 and above.
	For IE7, there'll need to be tweaks
*/
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*------------------------------------
	Smooth transitions
*/
/*------------------------------------
	Remove margins and padding
*/
h1, h2, h3, h4, h5, h6,
dl, dd, ol, ul,
p, blockquote, pre,
table, th, td, caption,
form, fieldset, legend,
hr {
  margin: 0;
  padding: 0; }

/*------------------------------------
	Spacing Resets
*/
ul, ol, dl,
blockquote, p, address,
table,
form, fieldset, figure,
pre {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 60em) {
    ul, ol, dl,
    blockquote, p, address,
    table,
    form, fieldset, figure,
    pre {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    ul, ol, dl,
    blockquote, p, address,
    table,
    form, fieldset, figure,
    pre {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  ul:last-child, ol:last-child, dl:last-child,
  blockquote:last-child, p:last-child, address:last-child,
  table:last-child,
  form:last-child, fieldset:last-child, figure:last-child,
  pre:last-child {
    margin-bottom: 0; }

/*------------------------------------
	HTML & BODY
*/
html {
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 1em;
  font-size: 1rem;
  font-size-adjust: none;
  direction: ltr;
  line-height: 1.5;
  min-height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  @media only screen and (max-width: 60em) {
    html {
      font-size: 0.95em; } }
  @media only screen and (max-width: 30em) {
    html {
      font-size: 0.9em; } }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-feature-settings: "liga" 1, "kern" 1;
  -moz-font-feature-settings: "liga=1", "kern=1";
  -ms-font-feature-settings: "liga" 1, "kern" 1;
  -o-font-feature-settings: "liga" 1, "kern" 1;
  -webkit-font-feature-settings: "liga" 1, "kern" 1;
  font-feature-settings: "liga" 1, "kern" 1;
  background: #EDEDED;
  color: #333333;
  margin: 0;
  position: relative;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden; }

.site-content {
  background: white;
  min-height: 600px;
  padding-bottom: 8px; }

/*------------------------------------
	SITE DIRECTION
	This should very rarely be touched
*/
/*------------------------------------
	Links
*/
a {
  text-decoration: underline; }
  a:focus {
    outline: thin dotted; }
  a:active, a:hover {
    outline: 0; }
  a:hover, a:active, a:focus {
    text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: #85c0f9; }

/*------------------------------------
	Headings
*/
h1 {
  color: inherit;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 49px;
  font-size: 3.0625rem;
  font-weight: 700;
  line-height: 1.5; }
  @media only screen and (max-width: 60em) {
    h1 {
      font-size: 46.55px;
      font-size: 2.90937rem; } }
  @media only screen and (max-width: 30em) {
    h1 {
      font-size: 44.1px;
      font-size: 2.75625rem; } }

h2 {
  color: inherit;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5; }
  @media only screen and (max-width: 60em) {
    h2 {
      font-size: 38px;
      font-size: 2.375rem; } }
  @media only screen and (max-width: 30em) {
    h2 {
      font-size: 36px;
      font-size: 2.25rem; } }

h3 {
  color: inherit;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5; }
  @media only screen and (max-width: 60em) {
    h3 {
      font-size: 30.4px;
      font-size: 1.9rem; } }
  @media only screen and (max-width: 30em) {
    h3 {
      font-size: 28.8px;
      font-size: 1.8rem; } }

h4 {
  color: inherit;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.5; }
  @media only screen and (max-width: 60em) {
    h4 {
      font-size: 23.75px;
      font-size: 1.48438rem; } }
  @media only screen and (max-width: 30em) {
    h4 {
      font-size: 22.5px;
      font-size: 1.40625rem; } }

h5 {
  color: inherit;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5; }
  @media only screen and (max-width: 60em) {
    h5 {
      font-size: 19px;
      font-size: 1.1875rem; } }
  @media only screen and (max-width: 30em) {
    h5 {
      font-size: 18px;
      font-size: 1.125rem; } }

h6 {
  color: inherit;
  font-family: "Avenir Next W00", "Avenir Next", Avenir, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5; }
  @media only screen and (max-width: 60em) {
    h6 {
      font-size: 15.2px;
      font-size: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    h6 {
      font-size: 14.4px;
      font-size: 0.9rem; } }

/*------------------------------------
	Lists
*/
ul, ol, dd {
  margin-left: 32px;
  margin-left: 2rem; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

dt {
  font-weight: bold; }

/*------------------------------------
	Code
*/
code,
kbd,
pre,
samp {
  font-size: 16px;
  font-size: 1rem;
  font-family: Consolas, Monaco, "Andale Mono", monospace -family; }
  @media only screen and (max-width: 60em) {
    code,
    kbd,
    pre,
    samp {
      font-size: 15.2px;
      font-size: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    code,
    kbd,
    pre,
    samp {
      font-size: 14.4px;
      font-size: 0.9rem; } }

pre {
  white-space: pre-wrap; }

/*------------------------------------
	Form
*/
/* form */
/* fieldset */
fieldset {
  border: 0; }

/* label */
label {
  cursor: pointer;
  display: inline;
  margin-right: 12.8px; }
  label input {
    margin-right: 8px;
    margin-right: 0.5rem; }

/* input */
button,
input,
select,
textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: inherit;
  font-size: 100%;
  margin: 0; }
  button[disabled],
  input[disabled],
  select[disabled],
  textarea[disabled] {
    cursor: default; }
  button::-moz-focus-inner,
  input::-moz-focus-inner,
  select::-moz-focus-inner,
  textarea::-moz-focus-inner {
    border: 0;
    padding: 0; }

button,
select {
  text-transform: none; }

input[type="email"]:focus, input[type="email"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="text"]:focus, input[type="text"]:active, input[type="date"]:focus, input[type="date"]:active {
  cursor: text; }

input[type="color"] {
  line-height: 1;
  padding: 0;
  min-height: 32px;
  min-width: 32px; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="submit"], button {
  margin-right: 12.8px; }

/* textarea */
textarea {
  overflow: auto;
  vertical-align: top; }
  textarea:focus, textarea:active {
    cursor: text; }

/*------------------------------------
	Inline Elements
*/
b {
  font-weight: 700; }

strong {
  font-weight: 700; }
  strong strong {
    font-weight: bolder; }

i, em {
  font-style: italic; }
  i i, i em, em i, em em {
    font-style: normal; }

small {
  font-size: 13px;
  font-size: 0.8125rem; }
  @media only screen and (max-width: 60em) {
    small {
      font-size: 12.35px;
      font-size: 0.77187rem; } }
  @media only screen and (max-width: 30em) {
    small {
      font-size: 11.7px;
      font-size: 0.73125rem; } }

u, ins {
  text-decoration: underline; }

u.typo {
  text-decoration: none;
  border-bottom: 1px dashed #FFF3F2; }

dfn {
  font-style: italic; }

mark {
  color: #333333;
  background-color: #ffff00; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*------------------------------------
	Quotations
*/
q {
  quotes: "‘" "’" "\\201C " "\\201D "; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }
  q q:before {
    content: "\201C";
    content: open-quote; }
  q q:after {
    content: "\201D";
    content: close-quote; }

blockquote {
  quotes: "\\201C " "\\201D ";
  text-indent: -0.41em; }
  blockquote p {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
    @media only screen and (max-width: 60em) {
      blockquote p {
        margin-bottom: 7.6px;
        margin-bottom: 0.475rem; } }
    @media only screen and (max-width: 30em) {
      blockquote p {
        margin-bottom: 7.2px;
        margin-bottom: 0.45rem; } }
    blockquote p:last-child {
      margin-bottom: 0; }
    blockquote p:before {
      content: "\\201C ";
      content: open-quote; }
    blockquote p:after {
      content: "";
      content: no-close-quote; }
    blockquote p:last-of-type {
      margin-bottom: 0; }
      blockquote p:last-of-type:after {
        content: "\\201D ";
        content: close-quote; }
  blockquote q:before {
    content: "\2018";
    content: open-quote; }
  blockquote q:after {
    content: "\2019";
    content: close-quote; }
  blockquote footer {
    display: block;
    margin-top: 8px;
    text-indent: 0; }
    blockquote footer:before {
      content: "\2014"; }

/*------------------------------------
	Media
*/
img {
  border: 0;
  font-style: italic;
  max-width: 100%; }
  img[height], img[width] {
    max-width: none; }
  img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast; }

audio:not([controls]) {
  display: none;
  height: 0; }

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

figure {
  margin-top: 0;
  margin-top: 0rem;
  margin-right: 0;
  margin-right: 0rem;
  margin-left: 0;
  margin-left: 0rem; }
  figure > * {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
    @media only screen and (max-width: 60em) {
      figure > * {
        margin-bottom: 7.6px;
        margin-bottom: 0.475rem; } }
    @media only screen and (max-width: 30em) {
      figure > * {
        margin-bottom: 7.2px;
        margin-bottom: 0.45rem; } }
    figure > *:last-child {
      margin-bottom: 0; }

/*------------------------------------
	Rules
*/
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  height: 1px; }

/*------------------------------------
	Table
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

th:only-of-type {
  text-align: left;
  vertical-align: bottom; }

td {
  vertical-align: top; }

/* Cell alignments */
[colspan="1"] {
  text-align: left; }

[rowspan] {
  vertical-align: middle; }

[rowspan="1"] {
  vertical-align: top; }

.-disable-hover,
.-disable-hover * {
  pointer-events: none !important; }

iframe {
  border: 0; }

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

	Handles the main layout classes
	for the project

/*------------------------------------*/
.l-site-container {
  max-height: 100vh; }

/*
 * The main grid container
 * Controls the max-width of the site
 */
.l-grid {
  max-width: 1340px;
  max-width: 83.75rem;
  margin-left: auto;
  margin-right: auto; }

.l-grid--narrow {
  max-width: 893.33333px;
  max-width: 55.83333rem;
  margin-left: auto;
  margin-right: auto; }

/*
 * Grid rows
 */
@media only screen and (min-width: 60em) {
  .l-grid__row {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-grid__row:after {
      content: '';
      display: table;
      clear: both; } }

/*
 * Grid children classes
 */
.l-grid__item {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 60em) {
    .l-grid__item {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .l-grid__item {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .l-grid__item:last-child {
    margin-bottom: 0; }

@media only screen and (min-width: 60em) {
  .l-grid__item--primary {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 66.66667%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--secondary {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 33.33333%;
    margin-top: 0; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--half {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 50%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--half-tight {
    float: left;
    width: 50%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--third {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 33.33333%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--two-thirds {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 66.66667%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--quarter {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 25%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--three-quarters {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 75%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--fifth {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 20%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--two-fifths {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 40%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--three-fifths {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 60%; } }

@media only screen and (min-width: 60em) {
  .l-grid__item--four-fifths {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 80%; } }

/*
 * Apply this class to the parent container
 * to lay out the direct children in equal
 * columns
 */
.l-panels--tight {
  margin: -5.33333px !important; }

@media only screen and (max-width: 60em) {
  .l-panels--8 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--8:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--8 > * {
      width: 25%; }
      .l-panels--8 > *:nth-child(4n+1) {
        clear: both; }
    .l-panels--8 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 60em) {
  .l-panels--8 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--8:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--8 > * {
      width: 12.5%; }
      .l-panels--8 > *:nth-child(8n+1) {
        clear: both; }
    .l-panels--8 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (max-width: 60em) {
  .l-panels--6 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--6:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--6 > * {
      width: 33.33333%; }
      .l-panels--6 > *:nth-child(3n+1) {
        clear: both; }
    .l-panels--6 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 60em) {
  .l-panels--6 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--6:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--6 > * {
      width: 16.66667%; }
      .l-panels--6 > *:nth-child(6n+1) {
        clear: both; }
    .l-panels--6 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 30em) and (max-width: 60em) {
  .l-panels--5 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--5:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--5 > * {
      width: 50%; }
      .l-panels--5 > *:nth-child(2n+1) {
        clear: both; }
    .l-panels--5 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 60em) {
  .l-panels--5 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--5:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--5 > * {
      width: 20%; }
      .l-panels--5 > *:nth-child(5n+1) {
        clear: both; }
    .l-panels--5 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 30em) and (max-width: 60em) {
  .l-panels--4 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--4:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--4 > * {
      width: 50%; }
      .l-panels--4 > *:nth-child(2n+1) {
        clear: both; }
    .l-panels--4 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 60em) {
  .l-panels--4 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--4:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--4 > * {
      width: 25%; }
      .l-panels--4 > *:nth-child(4n+1) {
        clear: both; }
    .l-panels--4 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 30em) and (max-width: 60em) {
  .l-panels--3 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--3:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--3 > * {
      width: 50%; }
      .l-panels--3 > *:nth-child(2n+1) {
        clear: both; }
    .l-panels--3 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 60em) {
  .l-panels--3 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--3:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--3 > * {
      width: 33.33333%; }
      .l-panels--3 > *:nth-child(3n+1) {
        clear: both; }
    .l-panels--3 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

@media only screen and (min-width: 60em) {
  .l-panels--2 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem; }
    .l-panels--2:after {
      content: '';
      display: table;
      clear: both; }
    .l-panels--2 > * {
      width: 50%; }
      .l-panels--2 > *:nth-child(2n+1) {
        clear: both; }
    .l-panels--2 > * {
      padding-left: 12.8px;
      padding-left: 0.8rem;
      padding-right: 12.8px;
      padding-right: 0.8rem;
      min-height: 1px;
      float: left; } }

.l-panels--2 .l-panel {
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 60em) {
    .l-panels--2 .l-panel {
      margin-bottom: 30.4px;
      margin-bottom: 1.9rem; } }
  @media only screen and (max-width: 30em) {
    .l-panels--2 .l-panel {
      margin-bottom: 28.8px;
      margin-bottom: 1.8rem; } }
  .l-panels--2 .l-panel:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 60em) {
  .l-panel {
    margin-bottom: 32px;
    margin-bottom: 2rem; } }
  @media only screen and (max-width: 60em) and (max-width: 60em) {
    .l-panel {
      margin-bottom: 30.4px;
      margin-bottom: 1.9rem; } }
  @media only screen and (max-width: 60em) and (max-width: 30em) {
    .l-panel {
      margin-bottom: 28.8px;
      margin-bottom: 1.8rem; } }

@media only screen and (max-width: 60em) {
    .l-panel:last-child {
      margin-bottom: 0; } }

@media only screen and (max-width: 30em) {
  .l-panel {
    margin-bottom: 16px;
    margin-bottom: 1rem; } }
  @media only screen and (max-width: 30em) and (max-width: 60em) {
    .l-panel {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) and (max-width: 30em) {
    .l-panel {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }

@media only screen and (max-width: 30em) {
    .l-panel:last-child {
      margin-bottom: 0; } }

.l-panel--tight {
  padding: 5.33333px;
  margin: 0;
  margin-bottom: 0 !important; }

.l-layout-grid > * {
  width: 50%;
  margin: 0;
  padding: 2px;
  float: left; }
  @media only screen and (min-width: 60em) {
    .l-layout-grid > * {
      width: 50%; } }
  @media only screen and (min-width: 88em) {
    .l-layout-grid > * {
      width: 33.33333%; } }

@media only screen and (min-width: 88em) {
  .l-layout-grid--2 > * {
    width: 50%; } }

.l-grid__item--centered {
  margin: 0 auto;
  float: none; }

.l-flex {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .l-flex.has-rows {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
  .l-flex.has-columns {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .l-flex.align-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .l-flex.align-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .l-flex.wrap {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .l-flex.center-content {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }

.l-flex__item {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }
  .l-flex__item.primary-column {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
  .l-flex__item.secondary-column {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .l-flex__item.dont-grow {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .l-flex__item.dont-shrink {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0; }
  .l-flex__item.align-item-end {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end; }

/*
 * Full screen layouts
 */
.l-full-screen {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

/*
 * Island
 */
.l-island {
  margin-left: auto;
  margin-right: auto;
  width: 450px;
  max-width: 100%; }

.c-border {
  position: absolute;
  right: 0px;
  left: 0px;
  background: gainsboro;
  height: 1px;
  z-index: 2; }
  @media only screen and (min-width: 30em) and (max-width: 60em) {
    .c-border {
      display: none; } }

.for-1 {
  top: 185px; }

.for-2 {
  top: 370px; }

.for-3 {
  top: 555px; }

.for-4 {
  top: 740px; }

.for-5 {
  top: 925px; }

.for-6 {
  top: 1110px; }

.for-7 {
  top: 1295px; }

.for-8 {
  top: 1480px; }

.for-9 {
  top: 1665px; }

.for-10 {
  top: 1850px; }

.for-11 {
  top: 2035px; }

.for-12 {
  top: 2220px; }

.for-13 {
  top: 2405px; }

.for-14 {
  top: 2590px; }

.for-15 {
  top: 2775px; }

.for-16 {
  top: 2960px; }

.for-17 {
  top: 3145px; }

.for-18 {
  top: 3330px; }

.for-19 {
  top: 3515px; }

.for-20 {
  top: 3700px; }

/* Objects */
/*------------------------------------*
   	OBJECTS

	Objects are re-usable pieces of code
	which generally don't have aesthetic
	style applied to them

	@namespace o-

/*------------------------------------*/
/* PLACEHOLDERS */
.o-list--clean {
  list-style: none;
  margin-left: 0; }

.o-list--ib {
  list-style: none;
  margin: 0;
  padding: 0; }
  .o-list--ib > * {
    display: inline-block; }
  .o-list--ib.image-list {
    line-height: 0; }

.o-list--ib-padded {
  list-style: none;
  margin: 0;
  padding: 0; }
  .o-list--ib-padded > * {
    display: inline-block;
    padding-right: 8px; }

.o-list--2col {
  list-style: none;
  margin-left: 0;
  zoom: 1;
  margin-left: -12.8px;
  margin-left: -0.8rem;
  margin-right: -12.8px;
  margin-right: -0.8rem;
  /*@include screen-size( sm-max ) {
		@include items-fill-parent;
	}*/ }
  .o-list--2col dd, .o-list--2col li {
    margin-left: 0; }
  .o-list--2col * > a:only-child {
    display: block; }
  .o-list--2col:after {
    content: '';
    display: table;
    clear: both; }
  .o-list--2col > * {
    width: 50%; }
    .o-list--2col > *:nth-child(2n+1) {
      clear: both; }
  .o-list--2col > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left; }

.c-list-table {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .c-list-table > * {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 5.33333px;
    text-align: center; }

/*
 * Media Object
 *
 *	Image floats left, body has overflow of hidden.
 *	Based on the Media Object by Nicole Sullivan
 *
 *	http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/
.o-media {
  zoom: 1; }
  .o-media:after {
    content: '';
    display: table;
    clear: both; }

.o-media__image {
  float: left;
  margin-right: 16px; }
  .o-media--reverse .o-media__image {
    float: right;
    margin-right: 0;
    margin-left: 16px; }

.o-media__body {
  overflow: hidden; }

/*
 * The Flag Object
 */
.o-flag {
  display: table;
  width: 100%; }

.o-flag__image {
  display: table-cell;
  white-space: nowrap;
  width: 1px; }
  .o-flag__image img {
    max-width: none; }
  .o-flag--middle .o-flag__image {
    vertical-align: middle; }

.o-flag__body {
  display: table-cell; }
  .o-flag--middle .o-flag__body {
    vertical-align: middle; }

.o-box {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 60em) {
    .o-box {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .o-box {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .o-box:last-child {
    margin-bottom: 0; }

/*
 * Base footer class
 */
.o-band {
  zoom: 1;
  position: relative; }
  .o-band:after {
    content: '';
    display: table;
    clear: both; }

.o-band--padded {
  padding: 16px; }
  @media only screen and (min-width: 60em) {
    .o-band--padded {
      padding: 32px; } }

.o-band--padded-small-height {
  padding: 22px 32px; }

.o-band--padded-extra {
  padding: 48px; }

.o-band--shade {
  background: whitesmoke; }

/* Objects */
/*------------------------------------*
   	Alerts

/*------------------------------------*/
/*
 * Base alert class
 */
.c-alert {
  background: #DFEDF8;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 24px;
  border: 1px solid #b5d5ef;
  color: #333333;
  padding: 10.66667px 16px;
  border-radius: 6px;
  text-align: left; }
  @media only screen and (max-width: 60em) {
    .c-alert {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .c-alert {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .c-alert:last-child {
    margin-bottom: 0; }
  .c-alert > * {
    margin-bottom: 0; }
  .c-alert:before {
    content: "\e81a";
    font-family: "somerville-icons";
    font-weight: normal;
    color: #333333;
    float: left;
    margin: 0 8px 0 0; }

.c-alert--no-icon:before {
  display: none; }

.c-alert--error {
  background: #FFF3F2;
  border: 1px solid #ffc4bf; }
  .c-alert--error:before {
    content: "\e811"; }

.c-alert--info {
  background: #F8F4DF;
  border: 1px solid #f3edca; }
  .c-alert--info:before {
    content: "\e813"; }

.c-alert--warning {
  background: #F8F4DF;
  border: 1px solid #efe6b5; }
  .c-alert--warning:before {
    content: "\e811"; }

.c-alert--success {
  background: #E3F4E0;
  border: 1px solid #c1e7ba; }
  .c-alert--success:before {
    content: "\e814"; }

/*------------------------------------*
   	BLANK SLATE

/*------------------------------------*/
.c-blank-slate {
  border-radius: 6px;
  padding: 48px; }

.c-blank-slate__content {
  padding: 16px; }
  .c-blank-slate--narrow .c-blank-slate__content {
    width: 600px; }
  .c-blank-slate--centered .c-blank-slate__content {
    margin: 0 auto;
    text-align: center; }

.c-blank-slate__graphic {
  margin-bottom: 16px; }

.c-blank-slate__title {
  margin-bottom: 16px; }

.c-blank-slate__text {
  font-size: 20px; }

.c-stat-list {
  margin-bottom: 32px; }

/*------------------------------------*
   	BREADCRUMB

/*------------------------------------*/
/*
 * The base breadcrumb class
 */
.c-breadcrumb {
  list-style: none;
  font-size: 13px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 60em) {
    .c-breadcrumb {
      margin-bottom: 0; } }
  .c-breadcrumb a {
    display: inline;
    text-decoration: none; }
    .c-breadcrumb a:after {
      font-size: 13px;
      font-size: 0.8125rem;
      content: "\e807";
      font-family: "somerville-icons";
      font-weight: normal;
      line-height: inherit;
      margin: 0 5.33333px 0 8px;
      opacity: 0.3;
      color: #333333; }
      @media only screen and (max-width: 60em) {
        .c-breadcrumb a:after {
          font-size: 12.35px;
          font-size: 0.77187rem; } }
      @media only screen and (max-width: 30em) {
        .c-breadcrumb a:after {
          font-size: 11.7px;
          font-size: 0.73125rem; } }
    .c-breadcrumb a:last-child:after {
      content: ""; }

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

	The c-button class can be applied
	to any element

	Variation classes to provide other
	styles

	.c-button
	.c-button--primary
	.c-button--secondary

/*------------------------------------*/
/*
 * The base button class
 */
.c-button {
  background: #DCDCDC;
  border-color: #DCDCDC;
  color: #5d5d5d;
  font-weight: bold;
  border: 0;
  line-height: 42px;
  min-height: 42px;
  text-decoration: none;
  /*+ .c-button {
		margin-left: $padding/2;
	}*/ }
  .c-button:visited {
    color: #5d5d5d; }
  .c-button:hover {
    background: #cfcfcf;
    color: #434343; }
  .c-button:active {
    background: #c3c3c3;
    color: #2a2a2a; }
  .c-button[disabled] {
    background: #DCDCDC; }
    .c-button[disabled]:hover, .c-button[disabled]:active {
      background: #DCDCDC; }
  .c-button:hover {
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    border: 0;
    text-decoration: none; }
  .c-button:active {
    background: #9c9c9c; }
    .c-button:active .c-button__text {
      display: none; }
      .c-button:active .c-button__text + .c-button__text-alt {
        display: block; }
  .c-button:only-child {
    margin: 0; }
  .c-form--inline .c-button {
    line-height: 35px;
    min-height: 35px; }

.c-button--primary {
  background: #248ef4;
  border-color: #248ef4;
  color: white; }
  .c-button--primary:visited {
    color: white; }
  .c-button--primary:hover {
    background: #0c81f2;
    color: white; }
  .c-button--primary:active {
    background: #0b74da;
    color: white; }
  .c-button--primary[disabled] {
    background: #248ef4; }
    .c-button--primary[disabled]:hover, .c-button--primary[disabled]:active {
      background: #248ef4; }

.c-button--secondary {
  background: #e31344;
  border-color: #e31344;
  color: white; }
  .c-button--secondary:visited {
    color: white; }
  .c-button--secondary:hover {
    background: #cb113d;
    color: white; }
  .c-button--secondary:active {
    background: #b40f36;
    color: white; }
  .c-button--secondary[disabled] {
    background: #e31344; }
    .c-button--secondary[disabled]:hover, .c-button--secondary[disabled]:active {
      background: #e31344; }

.c-button--negative {
  background: #E31344;
  border-color: #E31344;
  color: white; }
  .c-button--negative:visited {
    color: white; }
  .c-button--negative:hover {
    background: #cb113d;
    color: white; }
  .c-button--negative:active {
    background: #b40f36;
    color: white; }
  .c-button--negative[disabled] {
    background: #E31344; }
    .c-button--negative[disabled]:hover, .c-button--negative[disabled]:active {
      background: #E31344; }

.c-button--disabled[disabled],
.c-button--disabled {
  background: transparent;
  border: 1px solid #DCDCDC;
  color: #b6b6b6;
  cursor: default; }
  .c-button--disabled[disabled]:active, .c-button--disabled[disabled]:hover,
  .c-button--disabled:active,
  .c-button--disabled:hover {
    background: transparent;
    border: 1px solid #DCDCDC;
    color: #b6b6b6; }

.c-button--small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 26.66667px;
  min-height: 26.66667px; }
  @media only screen and (max-width: 60em) {
    .c-button--small {
      font-size: 11.4px;
      font-size: 0.7125rem; } }
  @media only screen and (max-width: 30em) {
    .c-button--small {
      font-size: 10.8px;
      font-size: 0.675rem; } }

.c-button--large {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 57.6px;
  min-height: 57.6px;
  padding-right: 28.8px;
  padding-left: 28.8px; }
  @media only screen and (max-width: 60em) {
    .c-button--large {
      font-size: 23.75px;
      font-size: 1.48438rem; } }
  @media only screen and (max-width: 30em) {
    .c-button--large {
      font-size: 22.5px;
      font-size: 1.40625rem; } }

.c-button--full-width {
  width: 100%; }

.c-button-bar {
  padding: 16px 0 16px 0; }

/*
 * Minimal Button
 */
.c-button--text {
  background: transparent !important;
  padding: 0;
  border: none !important;
  color: #248ef4 !important; }
  .c-button--text:hover {
    color: #6db4f8 !important; }
  td .c-button--text {
    line-height: inherit;
    min-height: inherit; }

.c-button--text-success {
  color: #29B024 !important; }
  .c-button--text-success:hover {
    color: #4cd947 !important; }

.c-button--text-negative {
  color: #E31344 !important; }
  .c-button--text-negative:hover {
    color: #f15277 !important; }

.c-button--text-grey {
  color: rgba(51, 51, 51, 0.6) !important; }
  .c-button--text-grey:hover {
    color: rgba(89, 89, 89, 0.6) !important; }

.c-button__text-alt {
  display: none; }

.c-action-buttons {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  padding-top: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 16px;
  padding-left: 1rem; }
  .c-action-buttons .c-button {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0;
    margin-right: 0rem;
    margin-left: 8px;
    margin-left: 0.5rem;
    display: block; }
    .c-action-buttons .c-button:first-child {
      margin-left: 0; }

.c-button--priority {
  background: #DCDCDC;
  border-color: #DCDCDC;
  color: #5d5d5d;
  background: none;
  border: 1px solid gainsboro; }
  .c-button--priority:visited {
    color: #5d5d5d; }
  .c-button--priority:hover {
    background: #cfcfcf;
    color: #434343; }
  .c-button--priority:active {
    background: #c3c3c3;
    color: #2a2a2a; }
  .c-button--priority[disabled] {
    background: #DCDCDC; }
    .c-button--priority[disabled]:hover, .c-button--priority[disabled]:active {
      background: #DCDCDC; }
  .c-button--priority.high {
    color: #E31344 !important; }
    .c-button--priority.high:hover {
      background: rgba(227, 19, 68, 0.2);
      color: #E31344 !important;
      border: 1px solid #E31344; }
    .c-button--priority.high.is-active {
      background: #E31344;
      color: white !important;
      border: 1px solid #E31344; }
  .c-button--priority.medium {
    color: #DCBC11 !important; }
    .c-button--priority.medium:hover {
      background: rgba(220, 188, 17, 0.2);
      color: #DCBC11 !important;
      border: 1px solid #DCBC11; }
    .c-button--priority.medium.is-active {
      background: #DCBC11;
      color: white !important;
      border: 1px solid #DCBC11; }
  .c-button--priority.low {
    color: #66C11C !important; }
    .c-button--priority.low:hover {
      background: rgba(102, 193, 28, 0.2);
      color: #66C11C !important;
      border: 1px solid #66C11C; }
    .c-button--priority.low.is-active {
      background: #66C11C;
      color: white !important;
      border: 1px solid #66C11C; }

.c-sticky-button {
  border-radius: 0;
  text-align: center;
  min-height: 60px;
  line-height: 60px; }

.c-sticky-button-group {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.c-sticky-button-group__item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

/*===============================
=            Choices            =
===============================*/
.choices {
  position: relative;
  font-size: 16px; }

.choices:focus {
  outline: none; }

.choices:last-child {
  margin-bottom: 0; }

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #EAEAEA;
  cursor: not-allowed;
  user-select: none; }

.choices.is-disabled .choices__item {
  cursor: not-allowed; }

.choices[data-type*="select-one"] {
  cursor: pointer; }

.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 7.5px; }

.choices[data-type*="select-one"] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin: 0; }

.choices[data-type*="select-one"] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .5; }

.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1; }

.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0px 0px 0px 2px #00BCD4; }

.choices[data-type*="select-one"]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none; }

.choices[data-type*="select-one"].is-open:after {
  border-color: transparent transparent #333333 transparent;
  margin-top: -7.5px; }

.choices[data-type*="select-one"][dir="rtl"]:after {
  left: 11.5px;
  right: auto; }

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0; }

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
  cursor: text; }

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
  border-radius: 0; }

.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus {
  opacity: 1; }

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #DDDDDD;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden; }

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7; }

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0; }

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px; }

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none; }

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%; }

[dir="rtl"] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px; }

.choices__list--single .choices__item {
  width: 100%; }

.choices__list--multiple {
  display: inline; }

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00BCD4;
  border: 1px solid #00a5bb;
  color: #FFFFFF;
  word-break: break-all; }

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px; }

[dir="rtl"] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px; }

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1; }

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191; }

.choices__list--dropdown {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all; }

.choices__list--dropdown.is-active {
  display: block; }

.is-open .choices__list--dropdown {
  border-color: #b7b7b7; }

.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0; }

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position; }

.choices__list--dropdown .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px; }

[dir="rtl"] .choices__list--dropdown .choices__item {
  text-align: right; }

@media (min-width: 640px) {
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px; }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px; } }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2; }

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: .5; }

.choices__item {
  cursor: default; }

.choices__item--selectable {
  cursor: pointer; }

.choices__item--disabled {
  cursor: not-allowed;
  user-select: none;
  opacity: .5; }

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray; }

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.choices__button:focus {
  outline: none; }

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px; }

.choices__input:focus {
  outline: 0; }

[dir="rtl"] .choices__input {
  padding-right: 2px;
  padding-left: 0; }

.choices__placeholder {
  opacity: .5; }

.choices__input.is-hidden,
.choices[data-type*="select-one"] .choices__input.is-hidden,
.choices[data-type*="select-multiple"] .choices__input.is-hidden {
  display: none; }

/*=====  End of Choices  ======*/
/*------------------------------------*
   	COLOR

/*------------------------------------*/
.c-color--yellow, .c-color-code--yellow .c-schedule-work-date__color-indicator, .c-color-code--yellow .c-color-spot, .c-color-code--yellow-striped .c-schedule-work-date__color-indicator, .c-color-code--yellow-striped .c-color-spot {
  background: #FFDC4E;
  border: 2px solid #ffcd02; }

.c-color--yellow-striped, .c-color-code--yellow-striped .c-schedule-work-date__color-indicator, .c-color-code--yellow-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #FFDC4E, #FFDC4E 10px, #ffcd02 10px, #ffcd02 18px); }

.c-color--green, .c-color-code--green .c-schedule-work-date__color-indicator, .c-color-code--green .c-color-spot, .c-color-code--green-striped .c-schedule-work-date__color-indicator, .c-color-code--green-striped .c-color-spot {
  background: #4CD964;
  border: 2px solid #26b33e; }

.c-color--green-striped, .c-color-code--green-striped .c-schedule-work-date__color-indicator, .c-color-code--green-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #4CD964, #4CD964 10px, #26b33e 10px, #26b33e 18px); }

.c-color--light-blue, .c-color-code--light-blue .c-schedule-work-date__color-indicator, .c-color-code--light-blue .c-color-spot, .c-color-code--light-blue-striped .c-schedule-work-date__color-indicator, .c-color-code--light-blue-striped .c-color-spot {
  background: #34AADC;
  border: 2px solid #1d7ea7; }

.c-color--light-blue-striped, .c-color-code--light-blue-striped .c-schedule-work-date__color-indicator, .c-color-code--light-blue-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #34AADC, #34AADC 10px, #1d7ea7 10px, #1d7ea7 18px); }

.c-color--blue, .c-color-code--blue .c-schedule-work-date__color-indicator, .c-color-code--blue .c-color-spot, .c-color-code--blue-striped .c-schedule-work-date__color-indicator, .c-color-code--blue-striped .c-color-spot {
  background: #007AFF;
  border: 2px solid #0055b3; }

.c-color--blue-striped, .c-color-code--blue-striped .c-schedule-work-date__color-indicator, .c-color-code--blue-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #007AFF, #007AFF 10px, #0055b3 10px, #0055b3 18px); }

.c-color--purple, .c-color-code--purple .c-schedule-work-date__color-indicator, .c-color-code--purple .c-color-spot, .c-color-code--purple-striped .c-schedule-work-date__color-indicator, .c-color-code--purple-striped .c-color-spot {
  background: #5856D6;
  border: 2px solid #2e2cb4; }

.c-color--purple-striped, .c-color-code--purple-striped .c-schedule-work-date__color-indicator, .c-color-code--purple-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #5856D6, #5856D6 10px, #2e2cb4 10px, #2e2cb4 18px); }

.c-color--red, .c-color-code--red .c-schedule-work-date__color-indicator, .c-color-code--red .c-color-spot, .c-color-code--red-striped .c-schedule-work-date__color-indicator, .c-color-code--red-striped .c-color-spot {
  background: #E31344;
  border: 2px solid #9c0d2f; }

.c-color--red-striped, .c-color-code--red-striped .c-schedule-work-date__color-indicator, .c-color-code--red-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #E31344, #E31344 10px, #9c0d2f 10px, #9c0d2f 18px); }

.c-color--orange, .c-color-code--orange .c-schedule-work-date__color-indicator, .c-color-code--orange .c-color-spot, .c-color-code--orange-striped .c-schedule-work-date__color-indicator, .c-color-code--orange-striped .c-color-spot {
  background: #FF8331;
  border: 2px solid #e45b00; }

.c-color--orange-striped, .c-color-code--orange-striped .c-schedule-work-date__color-indicator, .c-color-code--orange-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #FF8331, #FF8331 10px, #e45b00 10px, #e45b00 18px); }

.c-color--pink, .c-color-code--pink .c-schedule-work-date__color-indicator, .c-color-code--pink .c-color-spot, .c-color-code--pink-striped .c-schedule-work-date__color-indicator, .c-color-code--pink-striped .c-color-spot {
  background: #FF19AF;
  border: 2px solid #cc0085; }

.c-color--pink-striped, .c-color-code--pink-striped .c-schedule-work-date__color-indicator, .c-color-code--pink-striped .c-color-spot {
  background: repeating-linear-gradient(135deg, #FF19AF, #FF19AF 10px, #cc0085 10px, #cc0085 18px); }

.is-down-day .c-color-spot {
  background: #b0b0b0;
  border: 2px solid #a3a3a3; }

.c-color-spot {
  position: relative;
  display: inline-block;
  border-radius: 60px;
  width: 40px;
  height: 40px; }
  .o-flag .c-color-spot {
    margin-right: 16px; }
  .c-color-spot.c-color-spot--changable:hover:after {
    cursor: pointer;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "somerville-icons";
    content: "\e803";
    position: absolute;
    top: 9px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    color: rgba(0, 0, 0, 0.3);
    text-align: center; }
  .c-color-spot:hover .c-color-spot__count {
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0; }
  .is-down-day .c-color-spot:hover:after {
    content: ""; }

.is-down-day .c-color-spot:hover .c-color-spot__count {
  opacity: 1; }

.c-color-spot__count {
  display: block;
  font-weight: 700;
  text-align: center;
  padding: 8px 0;
  color: white; }

.c-color-picker {
  display: none;
  position: absolute !important;
  right: 28px;
  left: 8px;
  z-index: 2; }
  .show-colour-picker .c-color-picker {
    display: block; }

.c-color-picker__item {
  position: relative;
  display: block;
  border-radius: 60px;
  width: 38px;
  height: 38px;
  float: left; }

/*------------------------------------*
   	DATE PICKER

/*------------------------------------*/
.ui-datepicker {
  border-radius: 3px;
  font-size: 14px;
  margin-top: 48px;
  zoom: 1; }
  .ui-datepicker:after {
    content: '';
    display: table;
    clear: both; }
  .ui-datepicker th {
    text-align: center;
    font-weight: 700;
    padding: 8px; }
  .ui-datepicker td {
    padding: 1px; }
  .ui-datepicker td a, .ui-datepicker td span {
    border: 1px solid gainsboro;
    border-radius: 3px;
    text-align: right;
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #333333; }
    .ui-datepicker td a:hover, .ui-datepicker td span:hover {
      background: #f0f0f0; }

.ui-datepicker-header {
  position: relative;
  padding: 8px;
  font-weight: 700;
  margin-bottom: 5.33333px; }

.ui-datepicker-prev,
.ui-datepicker-next {
  position: absolute;
  top: 12px; }

.ui-datepicker-prev {
  left: 8px; }

.ui-datepicker-next {
  right: 8px; }

.ui-datepicker-title {
  text-align: center;
  font-size: 20px; }

.ui-datepicker-today span {
  background: white;
  border: none !important;
  font-weight: 700; }
  .ui-datepicker-today span:hover {
    background: white !important; }

.is-scheduled span {
  opacity: 0.2;
  background: #248ef4;
  border: 1px solid #248ef4 !important;
  color: white !important; }
  .is-scheduled span:hover {
    background: #248ef4 !important;
    border: 1px solid #248ef4; }

a.ui-state-active {
  background: #248ef4;
  border: 1px solid #248ef4 !important;
  color: white !important; }
  a.ui-state-active:hover {
    background: #248ef4 !important;
    border: 1px solid #248ef4; }

/*------------------------------------*
   	FIXTURES

/*------------------------------------*/
.c-sidebar .c-fixture-view {
  padding-bottom: 64px; }

.c-fixture-view__header {
  zoom: 1;
  padding: 16px;
  background: white; }
  .c-fixture-view__header:after {
    content: '';
    display: table;
    clear: both; }

.c-fixture-view__title {
  float: left; }

.c-fixture-view__overview-image {
  float: right;
  height: 75px;
  width: 100px; }

.c-schedule-work__item.is-open + .c-schedule-work__item {
  border-top: 1px solid gainsboro; }

.c-schedule-work__item {
  position: relative; }
  .c-schedule-work__item:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    content: "";
    width: 4px; }
  .c-schedule-work__item.c-color-code--yellow:before {
    background: #FFDC4E; }
  .c-schedule-work__item.c-color-code--yellow-striped:before {
    background: repeating-linear-gradient(135deg, #FFDC4E, #FFDC4E 10px, #ffcd02 10px, #ffcd02 18px); }
  .c-schedule-work__item.c-color-code--green:before {
    background: #4CD964; }
  .c-schedule-work__item.c-color-code--green-striped:before {
    background: repeating-linear-gradient(135deg, #4CD964, #4CD964 10px, #26b33e 10px, #26b33e 18px); }
  .c-schedule-work__item.c-color-code--light-blue:before {
    background: #34AADC; }
  .c-schedule-work__item.c-color-code--light-blue-striped:before {
    background: repeating-linear-gradient(135deg, #34AADC, #34AADC 10px, #1d7ea7 10px, #1d7ea7 18px); }
  .c-schedule-work__item.c-color-code--blue:before {
    background: #007AFF; }
  .c-schedule-work__item.c-color-code--blue-striped:before {
    background: repeating-linear-gradient(135deg, #007AFF, #007AFF 10px, #0055b3 10px, #0055b3 18px); }
  .c-schedule-work__item.c-color-code--purple:before {
    background: #5856D6; }
  .c-schedule-work__item.c-color-code--purple-striped:before {
    background: repeating-linear-gradient(135deg, #5856D6, #5856D6 10px, #2e2cb4 10px, #2e2cb4 18px); }
  .c-schedule-work__item.c-color-code--red:before {
    background: #E31344; }
  .c-schedule-work__item.c-color-code--red-striped:before {
    background: repeating-linear-gradient(135deg, #E31344, #E31344 10px, #9c0d2f 10px, #9c0d2f 18px); }
  .c-schedule-work__item.c-color-code--orange:before {
    background: #FF8331; }
  .c-schedule-work__item.c-color-code--orange-striped:before {
    background: repeating-linear-gradient(135deg, #FF8331, #FF8331 10px, #e45b00 10px, #e45b00 18px); }
  .c-schedule-work__item.c-color-code--pink:before {
    background: #FF19AF; }
  .c-schedule-work__item.c-color-code--pink-striped:before {
    background: repeating-linear-gradient(135deg, #FF19AF, #FF19AF 10px, #cc0085 10px, #cc0085 18px); }

.c-schedule-work-date {
  position: relative;
  font-size: 14px;
  border-width: 2px;
  padding-right: 8px; }
  .c-color-code--yellow-striped .c-schedule-work-date,
  .c-color-code--yellow .c-schedule-work-date {
    background: rgba(255, 220, 78, 0.2); }
  .c-color-code--green-striped .c-schedule-work-date,
  .c-color-code--green .c-schedule-work-date {
    background: rgba(76, 217, 100, 0.2); }
  .c-color-code--light-blue-striped .c-schedule-work-date,
  .c-color-code--light-blue .c-schedule-work-date {
    background: rgba(52, 170, 220, 0.2); }
  .c-color-code--blue-striped .c-schedule-work-date,
  .c-color-code--blue .c-schedule-work-date {
    background: rgba(0, 122, 255, 0.2); }
  .c-color-code--purple-striped .c-schedule-work-date,
  .c-color-code--purple .c-schedule-work-date {
    background: rgba(88, 86, 214, 0.2); }
  .c-color-code--red-striped .c-schedule-work-date,
  .c-color-code--red .c-schedule-work-date {
    background: rgba(227, 19, 68, 0.2); }
  .c-color-code--orange-striped .c-schedule-work-date,
  .c-color-code--orange .c-schedule-work-date {
    background: rgba(255, 131, 49, 0.2); }
  .c-color-code--pink-striped .c-schedule-work-date,
  .c-color-code--pink .c-schedule-work-date {
    background: rgba(255, 25, 175, 0.2); }

.is-down-day {
  background: gainsboro;
  border-bottom: 1px solid gainsboro; }
  .is-down-day:before {
    background-color: #c3c3c3; }

.c-schedule-work-date__disclosure:after {
  content: "\e815";
  font-family: "somerville-icons";
  position: absolute;
  right: 8px;
  top: 50%;
  padding: 10px;
  border-radius: 4px;
  margin-top: -20px;
  cursor: pointer; }
  .is-closed .c-schedule-work-date__disclosure:after {
    content: "\e814"; }

.c-schedule-work-date__disclosure:hover:after {
  background: rgba(0, 0, 0, 0.1); }

.is-down-day .c-schedule-work-date__disclosure {
  display: none; }

.c-schedule-work-date__delete:after {
  position: absolute;
  top: 50%;
  right: 48px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e817";
  font-family: "somerville-icons";
  border-radius: 4px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.3;
  font-size: 16px; }

.c-schedule-work-date__delete:hover:after {
  opacity: 1;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

.is-down-day .c-schedule-work-date__delete:after {
  right: 17.6px; }

.c-schedule-work-date h3 {
  font-weight: normal; }
  .c-schedule-work-date h3 span {
    display: inline-block;
    vertical-align: middle; }
  .c-schedule-work-date h3 .c-icon {
    position: absolute;
    top: 50%;
    right: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    font-size: 0.7em;
    vertical-align: middle; }

.c-schedule-work-date__color-indicator {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 8px; }

.c-fixture-issues__header-container {
  border-bottom: 1px solid gainsboro; }

.c-fixture-issues__header {
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  line-height: 46px; }

.c-fixture-issues__open-notes {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .c-fixture-issues__open-notes a {
    font-size: 13px; }

.c-fixture-issues__close a {
  color: rgba(51, 51, 51, 0.5);
  opacity: 0.5; }
  .c-fixture-issues__close a:hover {
    opacity: 1; }

.c-fixture-issues__notes {
  display: none;
  padding: 0 16px 16px 16px; }
  .c-fixture-issues__notes textarea {
    display: inline-block;
    vertical-align: baseline;
    padding-top: 0;
    padding-top: 0rem;
    padding-bottom: 0;
    padding-bottom: 0rem;
    padding-left: 8px;
    padding-left: 0.5rem;
    padding-right: 8px;
    padding-right: 0.5rem;
    color: #333333;
    background: #ffffff;
    line-height: 16px;
    max-width: 100%;
    min-height: 35.2px;
    width: 100%;
    font-family: inherit;
    border: 1px solid #DCDCDC;
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    border-radius: 3px;
    resize: none; }
    @media only screen and (min-width: 30em) {
      .c-fixture-issues__notes textarea {
        width: 100%; } }
  .c-fixture-issues__notes.is-revealed {
    display: block; }

.is-closed .c-fixture-container {
  display: none; }

.c-fixture-issues__issue {
  padding: 8px 16px;
  line-height: 54px; }
  .c-fixture-issues__issue:last-child {
    border-bottom: 1px solid gainsboro; }
  .c-fixture-issues__issue > * {
    float: left; }

.c-issue-thumbs {
  line-height: 0; }

.c-image-selection {
  width: 250px; }

.c-image-selection__item {
  float: left;
  margin-right: 8px;
  height: 51px;
  background: #e3e3e3;
  display: table;
  width: 67px;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 4px; }
  .c-image-selection__item a {
    display: table-cell;
    vertical-align: middle;
    height: 51px; }
  .c-image-selection__item img {
    max-width: 100%;
    max-height: 100%; }

.c-image-selection__item.is-selected img {
  background: #404040;
  padding: 3px;
  opacity: 1; }

.c-image-selection__item.is-not-selected {
  opacity: 0.5; }

.c-switch {
  border-radius: 3px;
  border: 1px solid gainsboro;
  margin-right: 0; }
  .c-fixture-issues__issue .c-switch {
    float: right;
    margin: 4px 0;
    line-height: 35px; }
  .c-switch input[type="checkbox"], .c-switch input[type="radio"] {
    position: relative;
    top: -4px; }

.c-switch__icon {
  color: #248ef4;
  font-size: 25px; }

.search-control > .selected-result-container {
  display: none; }

.search-control.single-selected > input {
  display: none; }

.search-control.single-selected > .selected-result-container {
  display: block; }

.c-work-order-warning {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  display: table; }

.c-work-order-warning__icon {
  padding-right: 16px;
  padding-right: 1rem;
  display: table-cell;
  color: #E31344;
  font-size: 25px;
  vertical-align: middle; }

.c-work-order-warning__message {
  display: table-cell;
  font-size: 13px;
  vertical-align: middle; }
  .c-work-order-warning__message b {
    color: #E31344; }

/*------------------------------------*
   	FLOORPLAN TOOLS

/*------------------------------------*/
.c-floorplan-map__floor-switch {
  position: absolute !important;
  position: absolute;
  right: 100px;
  bottom: 16px;
  z-index: 1;
  margin-bottom: 0; }

.c-floorplan-map__zoomable {
  position: absolute;
  right: 16px;
  bottom: 16px;
  position: absolute !important;
  opacity: 0.6;
  margin-bottom: 0;
  z-index: 1; }
  .c-floorplan-map__zoomable:hover {
    opacity: 1; }
  .c-floorplan-map__zoomable .c-pager__item a:hover, .c-floorplan-map__zoomable .c-toolbar__item a:hover {
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 12px rgba(0, 0, 0, 0.1); }
  .c-floorplan-map__zoomable .c-pager__item a:active, .c-floorplan-map__zoomable .c-toolbar__item a:active {
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2); }

.c-floorplan-map__drawing-bar {
  position: absolute !important;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1; }

.c-floorplan-map__floor-heading-tabs {
  background: white;
  border-bottom: 1px solid gainsboro;
  padding: 11px 32px 0 32px; }

.drag-handle {
  height: 10px;
  width: 10px;
  position: relative;
  left: -7px;
  top: -7px;
  cursor: nwse-resize;
  background-color: white;
  border: 1px solid grey;
  z-index: 1; }

.floor-plan-spinner {
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  width: 50px;
  height: 50px;
  z-index: 1;
  display: none; }

.c-work-review__floor-switch {
  position: absolute !important;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 10px;
  white-space: nowrap; }
  .c-work-review__floor-switch .c-pager__item, .c-work-review__floor-switch .c-toolbar__item {
    display: inline-block;
    float: none; }

/*------------------------------------*
   	FORMS

	Forms should be laid out using the
	following html...



/*------------------------------------*/
/*
 * The base form component
 */
.c-form input[type="email"], .c-form input[type="number"], .c-form input[type="password"], .c-form input[type="search"], .c-form input[type="tel"], .c-form input[type="text"], .c-form input[type="date"], .c-form textarea {
  display: inline-block;
  vertical-align: baseline;
  padding-top: 0;
  padding-top: 0rem;
  padding-bottom: 0;
  padding-bottom: 0rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  color: #333333;
  background: #ffffff;
  line-height: 16px;
  max-width: 100%;
  min-height: 35.2px;
  width: 100%;
  font-family: inherit;
  border: 1px solid #DCDCDC;
  border-color: gainsboro;
  line-height: inherit;
  border-radius: 3px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 30em) {
    .c-form input[type="email"], .c-form input[type="number"], .c-form input[type="password"], .c-form input[type="search"], .c-form input[type="tel"], .c-form input[type="text"], .c-form input[type="date"], .c-form textarea {
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .c-form input[type="email"], .c-form input[type="number"], .c-form input[type="password"], .c-form input[type="search"], .c-form input[type="tel"], .c-form input[type="text"], .c-form input[type="date"], .c-form textarea {
      width: 75%; }
      .l-flex__item .c-form input[type="email"], .l-flex__item .c-form input[type="number"], .l-flex__item .c-form input[type="password"], .l-flex__item .c-form input[type="search"], .l-flex__item .c-form input[type="tel"], .l-flex__item .c-form input[type="text"], .l-flex__item .c-form input[type="date"], .l-flex__item .c-form textarea {
        width: 100%; } }
  .c-sidebar .c-form input[type="email"], .c-sidebar .c-form input[type="number"], .c-sidebar .c-form input[type="password"], .c-sidebar .c-form input[type="search"], .c-sidebar .c-form input[type="tel"], .c-sidebar .c-form input[type="text"], .c-sidebar .c-form input[type="date"], .c-sidebar .c-form textarea {
    width: 100%; }
  .c-form--inline .c-form input[type="email"], .c-form--inline .c-form input[type="number"], .c-form--inline .c-form input[type="password"], .c-form--inline .c-form input[type="search"], .c-form--inline .c-form input[type="tel"], .c-form--inline .c-form input[type="text"], .c-form--inline .c-form input[type="date"], .c-form--inline .c-form textarea {
    width: auto; }
  .c-form input[type="email"][readonly], .c-form input[type="number"][readonly], .c-form input[type="password"][readonly], .c-form input[type="search"][readonly], .c-form input[type="tel"][readonly], .c-form input[type="text"][readonly], .c-form input[type="date"][readonly], .c-form textarea[readonly] {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.06);
    border-color: transparent;
    cursor: not-allowed; }

.c-form .is-invalid input[type="date"] {
  width: auto; }

.c-form input[type="text"] + input[type="text"] {
  margin-top: 4px; }

.c-form.c-form--stacked input[type="email"], .c-form.c-form--stacked input[type="number"], .c-form.c-form--stacked input[type="password"], .c-form.c-form--stacked input[type="search"], .c-form.c-form--stacked input[type="tel"], .c-form.c-form--stacked input[type="text"], .c-form.c-form--stacked input[type="date"], .c-form.c-form--stacked textarea {
  width: 100%; }

.c-form__section {
  padding: 16px; }
  .c-form__section:last-child {
    border: none; }

.c-form__actions {
  padding-top: 32px;
  padding-top: 2rem; }

.c-field-group {
  margin-bottom: 8px; }
  @media only screen and (min-width: 60em) {
    .c-field-group {
      zoom: 1; }
      .c-field-group:after {
        content: '';
        display: table;
        clear: both; } }
  .c-form--inline .c-field-group {
    display: inline-block;
    vertical-align: middle;
    margin: 0 16px 0 0; }

.c-field-group__label {
  color: #333333;
  margin-bottom: 5.33333px;
  margin-right: 0;
  display: block;
  font-weight: bold; }
  @media only screen and (min-width: 60em) {
    .c-field-group__label {
      width: 33.33333%;
      text-align: right;
      float: left;
      font-size: 14px;
      margin-bottom: 0;
      padding-top: 6px;
      padding-right: 16px; }
      .c-form--stacked .c-field-group__label {
        width: auto;
        float: none;
        text-align: left;
        margin-bottom: 5.33333px; }
      .c-field-group__label .c-field-group--halves,
      .c-sidebar .c-field-group--halves .c-field-group__label {
        width: 50%;
        margin-right: 0; } }
  .c-form--inline .c-field-group__label {
    width: auto; }
    .c-form--inline .c-field-group__label label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px; }
  .c-field-group__label label {
    margin-right: 0; }
  .is-required .c-field-group__label label:after {
    font-size: 13px;
    content: "*";
    font-weight: normal;
    margin-left: 4px;
    color: #E31344; }
  .is-invalid .c-field-group__label {
    color: #E31344; }
  .c-sidebar .c-field-group__label {
    width: 25%; }

@media only screen and (min-width: 60em) {
  .c-field-group__label--half {
    width: 50%; } }

@media only screen and (min-width: 60em) {
  .c-field-group__field {
    width: 66.66667%;
    float: left; }
    .c-form--stacked .c-field-group__field {
      width: auto;
      float: none; }
    .c-field-group__field select {
      margin-top: 6px; }
    .c-field-group__field .c-field-group--halves,
    .c-sidebar .c-field-group--halves .c-field-group__field {
      width: 50%; } }

.c-form--inline .c-field-group__field {
  width: auto; }
  .c-form--inline .c-field-group__field input {
    width: auto; }

@media only screen and (min-width: 60em) {
  .c-field-group__field--half {
    width: 50%; } }

.c-field-group__field--solo {
  margin-left: 33.33333%; }

.c-field-group__field--text {
  font-size: 14px;
  padding-top: 6px; }

.c-checklist {
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem; }
  .c-checklist label {
    padding-left: 4px;
    padding-left: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    display: block;
    line-height: 25.6px; }
    .c-checklist label :checked + span {
      font-weight: bold; }

.c-checklist--inline label {
  margin-right: 16px;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: top; }

.c-checkbox--selection {
  padding-bottom: 32px;
  position: relative; }
  .c-checkbox--selection select {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    opacity: 0.3;
    transition: 0.2s; }
  .c-checkbox--selection input:checked ~ select {
    opacity: 1; }

.c-checklist--text span:before {
  content: "\e816";
  font-family: "somerville-icons", sans-serif;
  margin-right: 12px; }

.c-checklist--text b {
  color: #29B024; }
  .c-checklist--text b:before {
    content: "\e900";
    font-family: "somerville-icons", sans-serif;
    margin-right: 12px; }

.c-checkitem b:before {
  content: "\e816";
  font-family: "somerville-icons", sans-serif;
  margin-right: 12px; }

.c-checkitem.c-checkitem--positive {
  color: #29B024; }
  .c-checkitem.c-checkitem--positive .c-field-group__label {
    color: #29B024; }
  .c-checkitem.c-checkitem--positive b:before {
    content: "\e900"; }

.c-checkbox {
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-left: 4px;
  margin-left: 0.25rem;
  margin-right: 4px;
  margin-right: 0.25rem; }

.is-invalid input[type="email"], .is-invalid input[type="number"], .is-invalid input[type="password"], .is-invalid input[type="search"], .is-invalid input[type="tel"], .is-invalid input[type="text"], .is-invalid input[type="date"], .is-invalid textarea {
  border: 1px solid #E31344;
  box-shadow: 0px 0px 0px 2px #ffeae8; }

.c-field-group__error,
.c-validation-message {
  font-size: 13px;
  color: #E31344;
  display: block;
  clear: both;
  margin-top: 4px; }

.c-form__error {
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  background: #fef7f8;
  border: 1px solid #fcdfe6;
  border-radius: 3px;
  color: #E31344;
  text-align: center; }

.c-field-group__error span {
  display: block; }

.c-field-group__error span:before,
.c-form__error:before {
  content: '\e816';
  font-family: "somerville-icons", sans-serif;
  margin-right: 4px; }

.c-button-group {
  text-align: center; }

.c-button-group--padded {
  padding: 16px 0; }
  .c-sidebar .c-button-group--padded {
    padding: 32px 0; }

.c-legend {
  display: inline-block;
  margin-bottom: 16px; }

/*------------------------------------*    #HEADER COMPONENT
\*------------------------------------*/
/*
 * The main fixed header component, should
 * be nested directly inside the body
 */
.c-header {
  background: #e31344;
  height: 50px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.c-header__logo {
  float: left;
  padding: 6px 8px 6px 16px; }
  .c-header__logo img {
    max-width: 120px;
    padding: 8px 0; }

.c-header__dropdown {
  width: 25%;
  float: left;
  padding: 13.33333px 0; }

.c-header__section {
  padding: 0 16px;
  line-height: 50px; }

.c-header__section--bordered {
  border-left: 1px solid #b40f36; }

.c-header__user {
  padding: 8px;
  padding-right: 16px;
  line-height: 50px;
  float: right; }
  .c-header__user a {
    color: white;
    font-weight: 700; }

.c-header__user-info {
  line-height: 25px;
  text-align: right;
  padding: 4px; }

.c-header__options {
  color: white !important;
  text-decoration: none;
  font-weight: 700; }
  .c-header__options:hover {
    opacity: 0.7; }

.c-user-avatar {
  background: #b40f36;
  color: white;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  position: relative;
  text-align: center;
  background-size: cover;
  line-height: 34px;
  font-weight: bold;
  font-size: 12px; }

.c-header__link:hover {
  text-decoration: none; }

.c-page-title {
  margin-bottom: 16px;
  font-size: 20px; }
  @media only screen and (min-width: 60em) {
    .c-page-title {
      font-size: 22px; } }
  .has-floorplan .c-page-title {
    margin-bottom: 0; }

.c-page-header__list {
  font-size: 14px; }

.notification-icon {
  background: #b40f36;
  color: white;
  border-radius: 360px;
  padding: 10px 8px;
  width: 34px;
  height: 34px;
  text-align: center;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 12px;
  display: block;
  float: right;
  line-height: 16px;
  margin: 8px 0 8px 16px; }

a .notification-icon {
  text-decoration: none !important; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'somerville-icons';
    src: url('../font/somerville-icons.svg?93479532#somerville-icons') format('svg');
  }
}
*/
[class^="c-icon--"]:before, [class*=" c-icon--"]:before {
  font-family: "somerville-icons", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.c-icon--attention:before {
  content: '\e811'; }

/* '' */
.c-icon--calendar:before {
  content: '\e80e'; }

/* '' */
.c-icon--cancel:before {
  content: '\e816'; }

/* '' */
.c-icon--check:before {
  content: '\e900'; }

.c-icon--circle:before {
  content: '\e80a'; }

/* '' */
.c-icon--cancel-circle:before {
  content: '\e817'; }

/* '' */
.c-icon--cog:before {
  content: '\e804'; }

/* '' */
.c-icon--cursor:before {
  content: '\e80d'; }

/* '' */
.c-icon--down-dir:before {
  content: '\e803'; }

/* '' */
.c-icon--dupe:before {
  content: '\e819'; }

/* '' */
.c-icon--dupe-icon:before {
  content: '\e808'; }

/* '' */
.c-icon--down-open-big:before {
  content: '\e814'; }

/* '' */
.c-icon--error-alt:before {
  content: '\e812'; }

/* '' */
.c-icon--expand-icon:before {
  content: '\e806'; }

/* '' */
.c-icon--eye:before {
  content: '\e905'; }

/* '' */
.c-icon--fullscreen:before {
  content: '\e81b'; }

.c-icon--hand:before {
  content: '\e809'; }

/* '' */
.c-icon--info-circled:before {
  content: '\e813'; }

/* '' */
.c-icon--minus:before {
  content: '\e810'; }

/* '' */
.c-icon--pen:before {
  content: '\e80b'; }

/* '' */
.c-icon--plus:before {
  content: '\e80f'; }

/* '' */
.c-icon--press:before {
  content: '\e805'; }

/* '' */
.c-icon--reduce-screen:before {
  content: '\e81c'; }

.c-icon--report:before {
  content: '\e901'; }

.c-icon--right-dir:before {
  content: '\e807'; }

/* '' */
.c-icon--right-open-big:before {
  content: '\e802'; }

/* '' */
.c-icon--rotate:before {
  content: '\e81a'; }

/* '' */
.c-icon--search:before {
  content: '\e800'; }

/* '' */
.c-icon--search-1:before {
  content: '\e801'; }

/* '' */
.c-icon--share:before {
  content: '\e902'; }

.c-icon--square:before {
  content: '\e80c'; }

/* '' */
.c-icon--square:before {
  content: '\e904'; }

.c-icon--square-o:before {
  content: '\e903'; }

.c-icon--trash-empty:before {
  content: '\e818'; }

/* '' */
.c-icon--up-open-big:before {
  content: '\e815'; }

/* '' */
/*------------------------------------*
   	IMAGES

/*------------------------------------*/
.c-image--framed {
  border: 4px solid white;
  box-shadow: 0px 2px 2px 1px gainsboro; }

.c-image--zoomable {
  position: relative;
  display: inline-block;
  line-height: 16px; }
  .c-image--zoomable:before {
    position: absolute;
    right: 8px;
    bottom: 8px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    cursor: zoom-in;
    font-family: "somerville-icons";
    font-size: 1rem;
    line-height: 1;
    background: #333333;
    padding: 4px;
    border-radius: 3px;
    color: white;
    content: "\e806";
    opacity: 0; }
  .c-image--zoomable:hover:before {
    display: block;
    padding: 6px;
    opacity: 1; }
  .c-image--zoomable:hover {
    opacity: 0.8; }

img {
  border-radius: 3px; }

.c-issue-thumb {
  max-width: 100%;
  max-height: 100%; }

.c-issues-table {
  margin-bottom: 32px;
  border-bottom: 1px solid gainsboro; }

.c-issues-table__issues {
  border-top: 1px solid gainsboro;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.c-issues-table__fixture {
  background: white;
  border-right: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
  margin-top: -1px; }

.c-issues-table__fixture-overview {
  padding: 16px;
  border-top: 1px solid gainsboro; }
  @media only screen and (min-width: 30em) and (max-width: 60em) {
    .c-issues-table__fixture-overview {
      border-right: 1px solid gainsboro; } }

.c-issues-table__issue {
  padding: 16px;
  border-left: 1px solid gainsboro;
  position: relative; }
  @media only screen and (min-width: 30em) and (max-width: 60em) {
    .c-issues-table__issue {
      border-left: none; } }

.c-floor-tag {
  background: white;
  border-radius: 6px 6px 0 0;
  margin: 0 32px;
  display: inline-block;
  padding: 16px 24px;
  border-top: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  font-weight: 700; }

.c-issue-location {
  background: #f0f0f0;
  border-radius: 3px;
  text-align: center;
  padding: 13px;
  border: 1px solid #d6d6d6; }
  .c-thumbs-list .c-issue-location {
    width: 120px;
    height: 113px;
    padding: 17px 16px; }
  .c-fixture-view .c-issue-location {
    padding: 28px 13px; }

.c-issue-location__icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 8px;
  height: 49px; }

.c-issue-location__label {
  display: block;
  font-size: 13px; }

.c-thumbs-list {
  zoom: 1; }
  .c-thumbs-list:after {
    content: '';
    display: table;
    clear: both; }

.c-thumbs-list__image {
  float: left;
  margin-right: 8px;
  height: 113px;
  background: #e3e3e3;
  display: table;
  width: 152px;
  border-radius: 3px;
  text-align: center; }
  .c-fixture-view .c-primary-row .c-thumbs-list__image {
    height: 133px;
    width: 100%; }
  .c-fixture-view .c-secondary-rows .c-thumbs-list__image {
    height: 87px;
    width: 100%; }

.c-thumbs-list__image-inner {
  display: table-cell;
  vertical-align: middle;
  height: 113px; }
  .c-fixture-view .c-primary-row .c-thumbs-list__image-inner {
    height: 134px; }
  .c-fixture-view .c-secondary-rows .c-thumbs-list__image-inner {
    height: 87px; }

/*------------------------------------*
   	LOADING

   	Styles for loading spinner

/*------------------------------------*/
.c-spinner {
  width: 40px;
  height: 40px;
  background-color: #e31344;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  z-index: 11;
  -webkit-animation: sk-rotateplane 0.6s infinite ease-in-out;
  animation: sk-rotateplane 0.6s infinite ease-in-out; }

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.c-page-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10; }

/*------------------------------------*
   	MAIN

/*------------------------------------*/
.floor-plan__container {
  height: 550px;
  overflow: hidden; }

/*
 * The base main
 */
.c-main {
  position: relative;
  overflow: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 22px 32px; }

.c-main__header {
  background: white;
  min-height: 120px; }

.c-main-layout-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto; }
  .c-main-layout-wrapper > form:first-child {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .c-main-layout-wrapper > form:first-child p.back-link {
      -webkit-flex-grow: 0;
      -moz-flex-grow: 0;
      flex-grow: 0;
      -ms-flex-positive: 0; }
    .c-main-layout-wrapper > form:first-child > .c-main:first-child {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: block;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
    .c-main-layout-wrapper > form:first-child > div:first-child {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: block;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }

.c-main--no-padding {
  padding: 0; }

.c-primary-column {
  overflow: auto; }

/*
 * The module component is used for
 * UI modules
 */
.c-module {
  background: white;
  border-radius: 6px;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  zoom: 1;
  box-shadow: 0px 0px 4px #cecece; }
  @media only screen and (max-width: 60em) {
    .c-module {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .c-module {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .c-module:last-child {
    margin-bottom: 0; }
  .c-module:after {
    content: '';
    display: table;
    clear: both; }

.c-module--b {
  background-color: #333333;
  color: white;
  color: white; }
  .c-module--b a, .c-module--b a:visited {
    color: white; }

.c-module--c {
  background: transparent;
  box-shadow: none; }

.c-module__title {
  font-size: 25px;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 60em) {
    .c-module__title {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .c-module__title {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .c-module__title:last-child {
    margin-bottom: 0; }

.c-module--bordered {
  border: 1px solid gainsboro; }

.c-module--padded {
  padding: 16px; }

.c-module--padded-extra {
  padding: 32px; }

.c-module--hollow {
  background-color: transparent;
  border: 1px dashed #d6d6d6;
  border-radius: 6px;
  color: rgba(51, 51, 51, 0.5); }

.c-module--centered {
  min-height: 400px;
  position: relative;
  text-align: center; }
  .c-module--centered > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 600px;
    max-width: 80%; }

.c-module--message {
  padding: 32px;
  position: relative;
  text-align: center; }
  .c-module--message h2 {
    font-weight: normal; }

.c-comparison-module {
  padding: 8px; }

.c-comparison-module__image {
  position: relative;
  display: table;
  background: #e3e3e3;
  width: 100%; }
  .c-comparison-module__image img {
    max-width: 100%;
    max-height: 100%; }
  .c-comparison-module__image .c-image-tag {
    position: absolute;
    top: 16px; }

.c-comparison-module__image-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.c-comparison-module__caption {
  text-align: center;
  font-size: 13px;
  padding: 8px 0 0 0;
  margin-right: 8px; }
  @media only screen and (min-width: 75em) {
    .c-comparison-module__caption {
      font-size: 16px; } }

.c-comparison-module__fixture {
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -46px;
  background: white;
  border: 1px solid gainsboro;
  border-radius: 6px 6px 0 0;
  padding: 8px;
  text-align: center;
  width: 90px;
  z-index: 1; }
  @media only screen and (min-width: 60em) {
    .c-comparison-module__fixture {
      position: absolute;
      bottom: -1px;
      left: 50%;
      margin-left: -55px;
      padding: 16px;
      width: 110px; } }

/*
.c-fixture__title {
	font-size: font-size(alpha)-4;
	font-weight: $light;
	display: block;
}
*/
.c-fixture__number {
  font-weight: 700;
  font-size: 20px;
  display: block; }

.c-image-tag {
  display: inline-block;
  background: #e31344;
  font-weight: 300;
  color: white;
  padding: 5.33333px 16px;
  border-radius: 0 60px 60px 0; }

.c-score {
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 6px;
  padding: 8px 16px;
  color: white; }

.c-score--high {
  background: #66C11C; }

.c-score--med {
  background: #DCBC11; }

.c-score--low {
  background: #E31344; }

.c-instruction {
  text-align: center;
  padding: 32px; }
  .c-sidebar .c-instruction {
    padding: 32px; }

.c-instruction--narrow {
  padding: 32px 56px; }

.c-instruction__title {
  font-weight: lighter;
  color: #333333;
  font-size: 32px; }

.c-instruction__icon {
  font-size: 120px;
  color: #e31344; }

.c-instruction__text {
  line-height: 28.8px; }

.c-box {
  background: white;
  border-radius: 6px;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border: 1px solid gainsboro;
  zoom: 1; }
  @media only screen and (max-width: 60em) {
    .c-box {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .c-box {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .c-box:last-child {
    margin-bottom: 0; }
  .c-box:after {
    content: '';
    display: table;
    clear: both; }

.c-box--padded {
  padding: 16px; }

.c-box--alt {
  background: #d6d6d6; }

.c-box__title {
  /*.c-box--help & {
		font-weight: lighter;
		color: color(primary);
		font-size: font-size(delta);
	}*/ }

.c-box__icon {
  /*.c-box--help & {
		font-size: font-size(mega);
		color: color(primary);
	}*/ }

.c-box__text {
  /*.c-box--help & {
		line-height: $base-line-height*1.2;
	}*/ }

.c-box--instruction {
  width: 300px;
  border-radius: 12px;
  text-align: center;
  border: 1px solid gainsboro;
  display: inline-block; }

.c-box--has-arrow:after, .c-box--has-arrow:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.c-box--has-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 15px;
  margin-top: -15px; }

.c-box--has-arrow:before {
  border-color: rgba(220, 220, 220, 0);
  border-left-color: gainsboro;
  border-width: 16px;
  margin-top: -16px; }

.c-box--has-arrow.c-arrow--left:after, .c-box--has-arrow.c-arrow--left:before {
  right: 100% !important;
  left: auto; }

.c-box--has-arrow.c-arrow--left:before {
  border-left-color: transparent;
  border-right-color: gainsboro; }

.c-box--has-arrow.c-arrow--left:after {
  border-left-color: transparent;
  border-right-color: #ffffff; }

.c-box--has-arrow.c-arrow--bottom:after, .c-box--has-arrow.c-arrow--bottom:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.c-box--has-arrow.c-arrow--bottom:before {
  border-color: rgba(220, 220, 220, 0);
  border-top-color: #DCDCDC;
  border-width: 17px;
  margin-left: -17px;
  margin-top: 0; }

.c-box--has-arrow.c-arrow--bottom:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 16px;
  margin-left: -16px;
  margin-bottom: 0;
  margin-top: 0; }

.c-box--has-arrow.c-arrow--top:after, .c-box--has-arrow.c-arrow--top:before {
  bottom: 100%;
  left: 50%;
  top: auto;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.c-box--has-arrow.c-arrow--top:before {
  border-color: rgba(220, 220, 220, 0);
  border-bottom-color: #DCDCDC;
  border-width: 17px;
  margin-left: -17px; }

.c-box--has-arrow.c-arrow--top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 16px;
  margin-left: -16px; }

.c-box--has-arrow.c-arrow--top.c-color-picker:after, .c-box--has-arrow.c-arrow--top.c-color-picker:before {
  left: 28px; }

.c-nav-bar {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #e31344;
  padding: 10.66667px; }

.c-nav-list {
  list-style: none;
  margin-left: 0;
  line-height: 30px;
  font-size: 14px;
  font-weight: 700;
  float: left;
  padding: 8px; }
  .c-nav-list dd, .c-nav-list li {
    margin-left: 0; }
  .c-nav-list * > a:only-child {
    display: block; }
  .c-nav-list > li {
    margin-right: 5.33333px; }
  .c-nav-list li > a {
    display: block;
    text-decoration: none;
    padding: 2px 16px; }
  .c-nav-list li > a:hover, .c-nav-list li.is-current {
    background: #b40f36;
    border-radius: 6px; }

.c-nav-list__item {
  position: relative; }
  .c-nav-list__item a {
    color: white; }

.c-nav-list__settings:hover > a {
  background: white !important;
  border-radius: 6px 6px 0 0 !important;
  color: #e31344; }

.c-nav-list__settings:hover .c-subnav {
  display: block; }

.c-nav-list > li > .c-subnav {
  display: none;
  position: absolute;
  right: 0px;
  border-radius: 6px 0 6px 6px;
  background: white;
  width: 200px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-size: 14px;
  z-index: 999; }
  .c-nav-list > li > .c-subnav li {
    border-bottom: 1px solid gainsboro; }
    .c-nav-list > li > .c-subnav li:last-child {
      border-bottom: none; }
  .c-nav-list > li > .c-subnav a {
    padding: 10.66667px 16px;
    color: #333333;
    font-weight: normal; }
  .c-nav-list > li > .c-subnav a:hover {
    background: #f2f2f2;
    border-radius: 0; }

.page {
  background: transparent;
  background: url("/static/images/login-bg.jpg") no-repeat;
  background-size: cover;
  height: 100%;
  position: relative; }

.c-page {
  position: fixed;
  top: 130px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%; }
  .c-page.c-no-connection {
    position: inherit; }

.c-page-content {
  background: white;
  border-radius: 6px;
  padding: 32px;
  border: 4px solid #c4d3e0;
  margin-top: -128px; }

.flex-wrapper {
  display: flex;
  height: 100%; }

.c-content__inner {
  padding: 32px 48px; }

.c-content__header {
  background: white;
  border-bottom: 1px solid gainsboro; }
  .c-content__header.has-tabs {
    padding: 22px 32px;
    padding-bottom: 0;
    border-bottom: 0; }

.c-page-header--overlayed {
  position: absolute;
  width: 100%;
  z-index: 100;
  background: rgba(237, 237, 237, 0.4); }

/*------------------------------------*
   	PAGER

	Styles for standard pager as well
	as floor selector, vertical pager
	and any other type of toolbar on
	the site.

	For vertical use: c-pager--vert
	For a selected item use: -is-selected

/*------------------------------------*/
/*
 * The base pager class
 */
.c-pager, .c-toolbar {
  position: relative;
  background: white;
  list-style: none;
  margin-left: 0;
  font-weight: bold;
  border-radius: 6px;
  border: 1px solid gainsboro;
  zoom: 1;
  display: inline-block; }
  .c-pager dd, .c-toolbar dd, .c-pager li, .c-toolbar li {
    margin-left: 0; }
  .c-pager:after, .c-toolbar:after {
    content: '';
    display: table;
    clear: both; }
  .c-pager .c-icon:before, .c-toolbar .c-icon:before {
    margin: 0; }

.c-pager__item, .c-toolbar__item {
  float: left;
  position: relative;
  border-right: 1px solid gainsboro; }
  .c-pager__item a, .c-toolbar__item a {
    padding: 12px 18px;
    text-decoration: none;
    display: block;
    color: #333333; }
  .c-pager__item a:hover, .c-toolbar__item a:hover {
    background: #f2f2f2; }
  .c-pager__item:last-child, .c-toolbar__item:last-child {
    border-right: none; }
    .c-pager__item:last-child a, .c-toolbar__item:last-child a {
      border-radius: 0 6px 6px 0; }
    .c-pager--vert .c-pager__item:last-child, .c-pager--vert .c-toolbar__item:last-child {
      border-bottom: none; }
      .c-pager--vert .c-pager__item:last-child a, .c-pager--vert .c-toolbar__item:last-child a {
        border-radius: 0 0 6px 6px; }
  .c-pager__item:first-child a, .c-toolbar__item:first-child a {
    border-radius: 6px 0 0 6px; }
  .c-pager--vert .c-pager__item:first-child a, .c-pager--vert .c-toolbar__item:first-child a {
    border-radius: 6px 6px 0 0; }
  .c-pager--vert .c-pager__item, .c-pager--vert .c-toolbar__item {
    float: none;
    border-right: none;
    border-bottom: 1px solid gainsboro;
    text-align: center; }

.c-pager__item.-is-selected, .-is-selected.c-toolbar__item {
  overflow: visible; }
  .c-pager__item.-is-selected a, .-is-selected.c-toolbar__item a {
    background: #333333;
    color: white;
    z-index: 4; }
  .c-pager__item.-is-selected a:hover, .-is-selected.c-toolbar__item a:hover {
    background: #333333;
    cursor: default; }

.c-pager__issue-indicator {
  display: block;
  width: 8px;
  height: 8px;
  background: #e31344;
  position: absolute;
  top: 3.2px;
  right: 3.2px;
  z-index: 5;
  border-radius: 60px; }

.c-toolbar__item {
  width: auto;
  height: auto; }
  .c-toolbar__item a {
    color: #248ef4;
    font-size: 20px;
    padding: 8px; }
  .c-toolbar__item.-is-selected {
    width: auto;
    height: auto; }
  .c-toolbar__item.-is-selected a {
    background: #333333;
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 8px;
    width: auto;
    color: white;
    z-index: 4; }
    .c-toolbar__item.-is-selected a:hover {
      background: #248ef4; }

.pager {
  margin: 16px 0; }

.pager-item {
  padding: 4px 8px;
  margin: 2px;
  color: #666666 !important;
  background: #d6d6d6;
  text-decoration: none;
  border-radius: 6px;
  font-size: 13px; }
  .pager-item.selected {
    background: #e31344;
    color: white !important; }
    .pager-item.selected:hover {
      background: #e31344; }
  .pager-item:hover {
    background: #c3c3c3;
    text-decoration: none;
    color: #e31344; }

.c-panel {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  padding: 4px 8px;
  margin-bottom: 8px;
  text-decoration: none;
  color: #333333;
  display: flex;
  position: relative; }
  .c-panel:hover, .c-panel.\+selected {
    border: 1px solid rgba(51, 51, 51, 0.4);
    color: #333333; }
  .c-panel:hover {
    cursor: pointer; }
  .c-panel.\+child {
    margin-left: 16px;
    justify-content: space-between;
    align-items: center; }

.c-panel-notification.notification-icon {
  float: none;
  padding: 4px;
  width: 24px;
  height: 24px;
  margin: 0;
  color: #333333; }

.c-panel-fill-1 {
  background: rgba(157, 255, 103, 0.5);
  border: 1px solid #7cff34; }

.c-panel-fill-2 {
  background: rgba(33, 177, 2, 0.5);
  border: 1px solid #187f01; }

.c-panel-fill-3 {
  background: rgba(251, 192, 25, 0.5);
  border: 1px solid #dda404; }

.c-panel-fill-4 {
  background: rgba(229, 135, 21, 0.5);
  border: 1px solid #b66b11; }

.c-panel-fill-5 {
  background: rgba(250, 128, 123, 0.5);
  border: 1px solid #f8514a; }

.c-panel-fill-6 {
  background: rgba(212, 6, 17, 0.5);
  border: 1px solid #a2050d; }

.c-panel__link {
  font-size: 13px;
  text-decoration: underline;
  color: #248EF4; }

.c-panel-score {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  background: white;
  border: 1px solid #DCDCDC;
  padding: 8px 16px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(162, 162, 162, 0.5); }
  .c-panel-score:before {
    content: '';
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 1;
    border-width: 0 16px 16px 16px;
    border-color: transparent transparent white transparent;
    position: absolute;
    top: -14px;
    left: calc(50% - 16px); }
  .c-panel-score .notification-icon {
    width: 40px;
    height: 40px;
    padding: 12.30769px; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: inherit; }
  .pika-single.is-hidden {
    display: none; }
  .pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single {
  *zoom: 1; }
  .pika-single:before, .pika-single:after {
    content: " ";
    display: table; }
  .pika-single:after {
    clear: both; }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
  background-color: #fff; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }
  .pika-prev:hover,
  .pika-next:hover {
    opacity: 1; }
  .pika-prev.is-disabled,
  .pika-next.is-disabled {
    cursor: default;
    opacity: .2; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }
  .pika-table th,
  .pika-table td {
    width: 14.285714285714286%;
    padding: 0; }
  .pika-table th {
    color: #999;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  .pika-table abbr {
    border-bottom: none;
    cursor: help; }

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 16px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }
  .is-today .pika-button {
    color: #e31344;
    font-weight: bold; }
  .is-selected .pika-button {
    color: white;
    font-weight: bold;
    background: #e31344;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 0; }
  .is-disabled .pika-button,
  .is-outside-current-month .pika-button {
    color: #999;
    opacity: .3; }
  .is-disabled .pika-button {
    pointer-events: none;
    cursor: default; }
  .pika-button:hover {
    color: white;
    background: #333333;
    box-shadow: none;
    border-radius: 0; }
  .pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px; }

.pika-single {
  border: 0;
  background: transparent; }

.pika-lendar {
  float: none;
  margin: 0;
  width: auto; }

.pika-button {
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-left: 8px;
  padding-left: 0.5rem; }

.c-date-picker-in-modal.pika-single {
  z-index: zindex(modal)2; }

.c-date-picker-in-modal.pika-title select {
  z-index: zindex(modal)1; }

.c-date-picker-in-modal.pika-label {
  z-index: zindex(modal)2; }

.pika-label {
  border-bottom: 1px solid #248ef4;
  margin: 0 3px;
  padding: 5px 0; }

.is-selected .pika-button {
  box-shadow: inset 0 1px 3px #b40f36; }

.c-picker {
  padding-top: 32px;
  padding-top: 2rem;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute !important;
  font-size: 0;
  right: 28px;
  left: 8px;
  z-index: 2; }
  .show-colour-picker .c-picker {
    display: block; }
  .c-picker ul {
    list-style: none;
    margin: 0;
    padding: 0; }

.c-picker__item {
  display: inline-block;
  border: 4px solid white; }
  .c-picker__item:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    border-color: rgba(51, 51, 51, 0.5); }
  .c-picker__item:active {
    border-color: #333333; }
  .c-picker__item a, .c-picker__item label {
    position: relative;
    display: inline-block; }

.c-picker--color {
  top: 70px; }
  .c-picker--color.c-box--has-arrow.c-arrow--top:after, .c-picker--color.c-box--has-arrow.c-arrow--top:before {
    left: 27px; }

.c-picker--image {
  top: 105px; }
  .c-picker--image.c-box--has-arrow.c-arrow--top:after, .c-picker--image.c-box--has-arrow.c-arrow--top:before {
    left: 55px; }

.c-picker--date {
  top: 65px; }
  .c-picker--date.c-box--has-arrow.c-arrow--top:after, .c-picker--date.c-box--has-arrow.c-arrow--top:before {
    left: 300px; }

.c-picker--color .c-picker__item {
  border-radius: 60px;
  width: 12.5%; }
  .c-picker--color .c-picker__item a, .c-picker--color .c-picker__item label {
    width: 100%;
    padding-bottom: 100%;
    height: 0; }

.c-picker__close {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0 0 1px 1px;
  border-radius: 0 6px 0 6px;
  cursor: pointer;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  opacity: 0.5;
  text-align: center;
  width: 28px; }
  .c-picker__close:hover {
    opacity: 1; }
  .c-picker__close:before {
    font-family: "somerville-icons", sans-serif;
    content: "\e816"; }

.c-picker--image .c-picker__item {
  background: grey no-repeat center;
  background-size: cover;
  border: 4px solid white;
  border-radius: 3px;
  display: inline-block;
  width: 33.3333%; }
  .c-picker--image .c-picker__item:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    border-color: rgba(51, 51, 51, 0.5); }
  .c-picker--image .c-picker__item:active {
    border-color: #333333; }
  .c-picker--image .c-picker__item a, .c-picker--image .c-picker__item label {
    width: 100%;
    padding-bottom: 75%;
    height: 0; }
  .c-picker--image .c-picker__item .c-picker__zoom {
    position: absolute;
    right: 8px;
    bottom: 8px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    cursor: zoom-in;
    font-family: "somerville-icons";
    font-size: 1rem;
    line-height: 1;
    background: #333333;
    padding: 4px;
    border-radius: 3px;
    color: white;
    opacity: 0.5; }
    .c-picker--image .c-picker__item .c-picker__zoom:hover {
      opacity: 1; }
    .c-picker--image .c-picker__item .c-picker__zoom:after {
      content: "\e806"; }

.fixture-issues__issue {
  position: relative; }

.js-show-colour-picker .c-picker--color {
  display: block; }

.js-show-date-picker .c-picker--date {
  display: block; }

.js-show-image-picker .c-picker--image {
  display: block; }

.c-pill {
  padding: 4px 10.66667px;
  border-radius: 60px;
  display: inline-block;
  background: gainsboro;
  font-size: 13px;
  color: #595959 !important;
  text-decoration: none;
  font-weight: bold;
  margin-right: 8px;
  margin-bottom: 8px; }
  .c-pill:hover {
    background: #cfcfcf; }
  .c-pill.high {
    background: #E31344;
    color: white !important; }
    .c-pill.high:hover {
      background: #cb113d; }
  .c-pill.medium {
    background: #DCBC11;
    color: white !important; }
    .c-pill.medium:hover {
      background: #ff7418; }
  .c-pill.low {
    background: #66C11C;
    color: white !important; }
    .c-pill.low:hover {
      background: #37d552; }

.c-review-dialog {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  border-radius: 6px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }

.c-review-dialog__slideshow-panel {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #333;
  position: relative; }
  .c-review-dialog__slideshow-panel img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%; }

.c-review-dialog__control-panel {
  padding-bottom: 64px;
  padding-bottom: 4rem;
  max-width: 100%;
  width: 400px;
  overflow: auto;
  position: relative; }

.c-review-panel {
  padding-top: 16px;
  padding-top: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  border-bottom: 1px solid gainsboro; }

.c-review-cp__floorplan {
  background: #eee;
  max-height: 300px; }
  @media only screen and (max-width: 1024px) {
    .c-review-cp__floorplan {
      max-height: 250px; } }

.c-review-cp__floorplan .floor-plan__container {
  max-height: 284px; }
  @media only screen and (max-width: 1024px) {
    .c-review-cp__floorplan .floor-plan__container {
      max-height: 234px; } }

.c-review-cp__nav {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: white;
  border-top: 2px solid gainsboro;
  list-style: none;
  margin: 0;
  width: 400px;
  max-width: 100%;
  z-index: 1; }
  .c-review-cp__nav li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 1px solid gainsboro;
    font-size: 13px;
    font-weight: bold;
    text-align: right; }
    .c-review-cp__nav li:first-child {
      border-left: 0;
      text-align: left; }
    .c-review-cp__nav li a {
      padding-top: 16px;
      padding-top: 1rem;
      padding-right: 16px;
      padding-right: 1rem;
      padding-bottom: 16px;
      padding-bottom: 1rem;
      padding-left: 16px;
      padding-left: 1rem;
      display: block;
      text-decoration: none; }
      .c-review-cp__nav li a:hover {
        background: #248ef4;
        color: white; }

.c-review-cp__no-issues {
  margin-top: 16px;
  margin-top: 1rem;
  margin-right: 16px;
  margin-right: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-left: 16px;
  margin-left: 1rem;
  width: 100%; }
  .c-review-cp__no-issues .c-icon {
    color: #29B024;
    font-size: 62px; }

.c-fixture-issues-container > ul,
.c-review-cp__fixtures > ul {
  list-style: none;
  margin: 0; }
  .c-fixture-issues-container > ul li,
  .c-review-cp__fixtures > ul li {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border: solid gainsboro;
    border-width: 0 0 1px 0;
    position: relative; }
    .c-fixture-issues-container > ul li > span,
    .c-review-cp__fixtures > ul li > span {
      border-left: 1px solid gainsboro;
      text-align: center; }
      .c-fixture-issues-container > ul li > span:first-child,
      .c-review-cp__fixtures > ul li > span:first-child {
        border-left: 0; }
    .c-fixture-issues-container > ul li.is-selected,
    .c-review-cp__fixtures > ul li.is-selected {
      background: rgba(220, 220, 220, 0.2); }
  .c-fixture-issues-container > ul .issue,
  .c-review-cp__fixtures > ul .issue {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: left; }
  .c-fixture-issues-container > ul .issue-name,
  .c-fixture-issues-container > ul .issue-label,
  .c-review-cp__fixtures > ul .issue-name,
  .c-review-cp__fixtures > ul .issue-label {
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    display: block;
    font-size: 13px; }
  .c-fixture-issues-container > ul .issue-name,
  .c-review-cp__fixtures > ul .issue-name {
    color: #e31344;
    display: block;
    font-weight: bold;
    text-transform: uppercase; }
  .c-fixture-issues-container > ul .issue-label,
  .c-review-cp__fixtures > ul .issue-label {
    text-align: center; }
  .c-fixture-issues-container > ul .imgs,
  .c-review-cp__fixtures > ul .imgs {
    display: block;
    position: relative; }
    .c-fixture-issues-container > ul .imgs img,
    .c-review-cp__fixtures > ul .imgs img {
      cursor: pointer;
      max-width: 100px; }
      .c-fixture-issues-container > ul .imgs img:hover,
      .c-review-cp__fixtures > ul .imgs img:hover {
        transform: scale(1.05);
        transition: 0.2s; }
      .c-fixture-issues-container > ul .imgs img:active,
      .c-review-cp__fixtures > ul .imgs img:active {
        transform: scale(0.95);
        transition: 0.2s; }
  .c-fixture-issues-container > ul .issue-parts,
  .c-review-cp__fixtures > ul .issue-parts {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    position: relative; }
  .c-fixture-issues-container > ul .issue-part,
  .c-review-cp__fixtures > ul .issue-part {
    padding-left: 8px;
    padding-left: 0.5rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    .c-fixture-issues-container > ul .issue-part:first-child,
    .c-review-cp__fixtures > ul .issue-part:first-child {
      padding-left: 0; }
    .c-fixture-issues-container > ul .issue-part .issue-img img,
    .c-review-cp__fixtures > ul .issue-part .issue-img img {
      cursor: pointer; }
      .c-fixture-issues-container > ul .issue-part .issue-img img:hover,
      .c-review-cp__fixtures > ul .issue-part .issue-img img:hover {
        transform: scale(1.05);
        transition: 0.2s; }
      .c-fixture-issues-container > ul .issue-part .issue-img img:active,
      .c-review-cp__fixtures > ul .issue-part .issue-img img:active {
        transform: scale(0.95);
        transition: 0.2s; }
  .c-fixture-issues-container > ul .issue-surface,
  .c-review-cp__fixtures > ul .issue-surface {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 4px;
    padding-top: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    padding-left: 4px;
    padding-left: 0.25rem;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    background: #eee;
    border-radius: 2px; }
    .c-fixture-issues-container > ul .issue-surface span,
    .c-review-cp__fixtures > ul .issue-surface span {
      display: block;
      font-size: 13px;
      text-align: center; }
    .c-fixture-issues-container > ul .issue-surface img,
    .c-review-cp__fixtures > ul .issue-surface img {
      max-height: 36px; }
  .c-fixture-issues-container > ul .img-count,
  .c-review-cp__fixtures > ul .img-count {
    position: absolute;
    top: 4px;
    left: 4px;
    padding-left: 4px;
    padding-left: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 100px;
    color: white;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    text-align: center; }
  .c-fixture-issues-container > ul .check,
  .c-review-cp__fixtures > ul .check {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .c-fixture-issues-container > ul .check input,
    .c-review-cp__fixtures > ul .check input {
      margin-right: 0; }
    .c-fixture-issues-container > ul .check label,
    .c-review-cp__fixtures > ul .check label {
      padding-top: 8px;
      padding-top: 0.5rem;
      padding-right: 8px;
      padding-right: 0.5rem;
      padding-bottom: 8px;
      padding-bottom: 0.5rem;
      padding-left: 8px;
      padding-left: 0.5rem;
      margin-right: 0; }
      .c-fixture-issues-container > ul .check label span,
      .c-review-cp__fixtures > ul .check label span {
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        display: block;
        opacity: 0.6; }

.c-review-cp__summary {
  overflow: hidden; }
  .c-review-cp__summary h1 {
    overflow: hidden;
    position: relative; }
  .c-review-cp__summary .issue-img {
    margin-top: 8px;
    margin-top: 0.5rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    margin-left: 8px;
    margin-left: 0.5rem;
    padding-top: 4px;
    padding-top: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    padding-left: 4px;
    padding-left: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    float: right;
    font-size: 0;
    border: 1px solid gainsboro;
    position: relative;
    white-space: nowrap; }
    .c-review-cp__summary .issue-img:hover {
      transform: scale(1.05);
      transition: 0.2s; }
    .c-review-cp__summary .issue-img:active {
      transform: scale(0.95);
      transition: 0.2s; }
    .c-review-cp__summary .issue-img img {
      max-width: 100px; }
    .c-review-cp__summary .issue-img span {
      position: absolute;
      right: 4px;
      bottom: 4px;
      left: 4px;
      padding-top: 4px;
      padding-top: 0.25rem;
      padding-right: 4px;
      padding-right: 0.25rem;
      padding-bottom: 4px;
      padding-bottom: 0.25rem;
      padding-left: 4px;
      padding-left: 0.25rem;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      font-size: 12.8px;
      text-align: center; }
  .c-review-cp__summary .add-issue {
    color: #248ef4;
    display: block; }
  .c-review-cp__summary .issue-count {
    background-color: #e31344;
    color: white;
    padding-top: 4px;
    padding-top: 0.25rem;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    padding-left: 8px;
    padding-left: 0.5rem;
    padding-right: 8px;
    padding-right: 0.5rem;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100px;
    font-size: 12px;
    min-width: 26px;
    text-align: center; }
    .c-review-cp__summary .issue-count a, .c-review-cp__summary .issue-count a:visited {
      color: white; }

.c-review-ss__nav {
  list-style: none;
  margin: 0; }
  .c-review-ss__nav li {
    position: absolute; }
    .c-review-ss__nav li a {
      padding-left: 8px;
      padding-left: 0.5rem;
      padding-right: 8px;
      padding-right: 0.5rem;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 3px;
      color: white;
      display: block;
      line-height: inherit;
      text-decoration: none; }
      .c-review-ss__nav li a:hover {
        background: white;
        color: #333333; }
  .c-review-ss__nav .next, .c-review-ss__nav .prev {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 100px;
    top: 50%; }
  .c-review-ss__nav .close a, .c-review-ss__nav .overview a {
    padding-top: 4px;
    padding-top: 0.25rem;
    padding-bottom: 4px;
    padding-bottom: 0.25rem; }
  .c-review-ss__nav .next {
    right: 16px; }
  .c-review-ss__nav .prev {
    left: 16px; }
  .c-review-ss__nav .close {
    font-weight: bold;
    right: 16px;
    top: 16px; }
  .c-review-ss__nav .overview {
    font-weight: bold;
    left: 0;
    top: 0; }
    .c-review-ss__nav .overview a {
      border-radius: 0 0 3px 0; }

/*------------------------------------*
	SITE SEARCH

/*------------------------------------*/
/*
 * The base site-search class
 */
.c-site-search {
  position: absolute;
  top: 50px;
  right: 0px;
  left: 0px;
  background: #248ef4;
  padding: 16px;
  z-index: 999; }
  .c-site-search.open {
    display: block; }
  .c-site-search fieldset {
    white-space: nowrap; }
  .c-site-search .button {
    vertical-align: top; }

#search-button.selected {
  background: #248ef4;
  color: white;
  transition: none; }

/*------------------------------------*
   	Select Box

	Custom select box components

/*------------------------------------*/
/*
 * Base select box component
 */
.c-select-box {
  position: relative;
  border: 1px solid gainsboro;
  padding: 8px 16px;
  width: 100%;
  background: white;
  cursor: pointer;
  border-radius: 6px;
  text-align: left; }
  .c-select-box > .selected {
    font-weight: 700; }
  .c-select-box:after {
    font-family: somerville-icons;
    content: "\e803";
    float: right; }

/*
 * Base select box list
 */
.c-select-box__list {
  background: white;
  list-style: none;
  margin-left: 0;
  max-height: 300px;
  border: 1px solid gainsboro;
  position: absolute;
  top: 97%;
  right: -1px;
  left: -1px;
  border-radius: 0 0 3px 3px;
  z-index: 999;
  display: none;
  overflow: auto; }
  .c-select-box.active .c-select-box__list {
    display: block; }

.c-select-box__list > * a {
  border-top: 1px solid #cecece;
  display: block;
  color: #333333;
  padding: 8px; }
  .c-select-box__list > * a:hover {
    text-decoration: none;
    font-weight: 700;
    background: #248ef4;
    color: white; }

.c-select-box__list li:first-child {
  border-top: none; }

.c-share-box {
  padding-top: 16px;
  padding-top: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  position: absolute;
  top: 48px;
  right: 0px;
  background: white;
  border: 1px solid rgba(220, 220, 220, 0.5);
  border-radius: 6px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  display: none;
  width: 352px;
  z-index: 9000;
  text-align: left; }
  .c-share-box:before {
    position: absolute;
    top: 0px;
    right: 32px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    background: white;
    border: solid rgba(220, 220, 220, 0.5);
    border-width: 1px 0 0 1px;
    content: "";
    height: 16px;
    width: 16px; }
  .c-share-box h2 {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-size: 16px; }
  .c-share-box.is-revealed {
    display: block; }

.c-share-box__close {
  position: absolute;
  top: 10.66667px;
  right: 10.66667px;
  opacity: 0.5; }
  .c-share-box__close:hover {
    opacity: 1; }

.c-share-box__link {
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  border: 1px solid gainsboro;
  line-height: 32px;
  overflow: hidden;
  position: relative;
  text-align: left; }

.c-share-box__copy-button {
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 2px;
  font-size: 13px;
  min-height: 28px;
  line-height: 28px;
  text-transform: uppercase; }
  .c-share-box__copy-button:after {
    content: "Copy"; }
  .c-share-box__copy-button:active, .c-share-box__copy-button.is-pressed {
    background: #29B024;
    border-color: #29B024;
    color: white; }
    .c-share-box__copy-button:active:visited, .c-share-box__copy-button.is-pressed:visited {
      color: white; }
    .c-share-box__copy-button:active:hover, .c-share-box__copy-button.is-pressed:hover {
      background: #249b20;
      color: white; }
    .c-share-box__copy-button:active:active, .c-share-box__copy-button.is-pressed:active {
      background: #1f861b;
      color: white; }
    .c-share-box__copy-button:active[disabled], .c-share-box__copy-button.is-pressed[disabled] {
      background: #29B024; }
      .c-share-box__copy-button:active[disabled]:hover, .c-share-box__copy-button:active[disabled]:active, .c-share-box__copy-button.is-pressed[disabled]:hover, .c-share-box__copy-button.is-pressed[disabled]:active {
        background: #29B024; }
    .c-share-box__copy-button:active:after, .c-share-box__copy-button.is-pressed:after {
      content: "Copied"; }
    .c-share-box__copy-button:active:before, .c-share-box__copy-button.is-pressed:before {
      content: "\e900";
      display: inline-block;
      font-family: somerville-icons, sans-serif;
      font-size: 0.8em;
      line-height: 1;
      margin-right: 4px;
      vertical-align: middle; }

/*------------------------------------*
   	Sidebar

	Sidebar that can appear at
	either side of the screen

/*------------------------------------*/
.c-sidebar {
  background: white;
  width: 400px;
  position: relative;
  border-left: 1px solid gainsboro;
  overflow: auto;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.c-sidebar__header {
  padding: 48px; }

.c-sidebar__footer {
  padding: 16px;
  border-top: 1px solid gainsboro; }
  .c-sidebar--fixed-footer .c-sidebar__footer {
    width: 400px;
    position: fixed;
    bottom: 0px;
    background: white; }

.c-sidebar__content {
  padding: 32px; }

.c-sidebar__section {
  padding: 16px;
  border-bottom: 1px solid gainsboro; }

.c-sidebar--with-sticky-button {
  padding-bottom: 60px; }

.c-sidebar__sticky-button {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 400px; }

.c-sidebar__title {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 25px;
  color: #e31344; }

/*------------------------------------*
   	SVG

/*------------------------------------*/
.outline {
  fill-opacity: 0;
  stroke-opacity: 0; }
  g.selectable .outline {
    fill: #F90052;
    fill-opacity: 0.3;
    stroke: #F90052;
    stroke-opacity: 0.9;
    stroke-width: 1; }
  g.no-issues .outline {
    fill: #4CD964;
    stroke: #26b33e; }
  g.summary .outline {
    fill-opacity: 0.8 !important;
    stroke-width: 1 !important; }
  g.selected .outline {
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important; }
  g.flagged-in-survey .outline {
    fill: #555555;
    fill-opacity: 0.3;
    stroke: #555555;
    stroke-opacity: 0.9;
    stroke-width: 1; }

mask rect, pattern rect {
  fill-opacity: 1;
  stroke-width: 1; }

.badge {
  fill: #F90052; }
  g.flagged-in-survey .badge {
    fill: #555555; }

text.badge-label {
  font-family: Avenir-Black, Avenir;
  font-weight: 700;
  font-size: 16px;
  fill: #FFF; }

g.selectable {
  cursor: pointer; }

g.flagged-in-survey {
  cursor: pointer; }

g.colour-code-yellow .badge,
g.colour-code-yellow-striped .badge {
  fill: #FFDC4E !important;
  stroke: #ffcd02 !important; }

g.colour-code-green .badge,
g.colour-code-green-striped .badge {
  fill: #4CD964;
  stroke: #26b33e; }

g.colour-code-light-blue .badge,
g.colour-code-light-blue-striped .badge {
  fill: #34AADC;
  stroke: #1d7ea7; }

g.colour-code-blue .badge,
g.colour-code-blue-striped .badge {
  fill: #007AFF;
  stroke: #0055b3; }

g.colour-code-purple .badge,
g.colour-code-purple-striped .badge {
  fill: #5856D6;
  stroke: #2e2cb4; }

g.colour-code-red .badge,
g.colour-code-red-striped .badge {
  fill: #E31344;
  stroke: #9c0d2f; }

g.colour-code-orange .badge,
g.colour-code-orange-striped .badge {
  fill: #FF8331;
  stroke: #e45b00; }

g.colour-code-pink .badge,
g.colour-code-pink-striped .badge {
  fill: #FF19AF;
  stroke: #cc0085; }

g.colour-code-yellow .outline {
  fill: #FFDC4E;
  stroke: #ffcd02; }

g.colour-code-green .outline {
  fill: #4CD964;
  stroke: #26b33e; }

g.colour-code-light-blue .outline {
  fill: #34AADC;
  stroke: #1d7ea7; }

g.colour-code-blue .outline {
  fill: #007AFF;
  stroke: #0055b3; }

g.colour-code-purple .outline {
  fill: #5856D6;
  stroke: #2e2cb4; }

g.colour-code-red .outline {
  fill: #E31344;
  stroke: #9c0d2f; }

g.colour-code-orange .outline {
  fill: #FF8331;
  stroke: #e45b00; }

g.colour-code-pink .outline {
  fill: #FF19AF;
  stroke: #cc0085; }

g.colour-code-yellow-striped .outline {
  fill: url(#stripe--yellow);
  stroke: #ffcd02; }

g.colour-code-green-striped .outline {
  fill: url(#stripe--green);
  stroke: #26b33e !important; }

g.colour-code-light-blue-striped .outline {
  fill: url(#stripe--light-blue);
  stroke: #1d7ea7; }

g.colour-code-blue-striped .outline {
  fill: url(#stripe--blue);
  stroke: #0055b3; }

g.colour-code-purple-striped .outline {
  fill: url(#stripe--purple);
  stroke: #2e2cb4; }

g.colour-code-red-striped .outline {
  fill: url(#stripe--red);
  stroke: #9c0d2f; }

g.colour-code-orange-striped .outline {
  fill: url(#stripe--orange);
  stroke: #e45b00; }

g.colour-code-pink-striped .outline {
  fill: url(#stripe--pink);
  stroke: #cc0085; }

/*------------------------------------*
   	TABS

	@namespace c-tabs

/*------------------------------------*/
/*
 * Base tabs class
 */
.c-tabs {
  zoom: 1;
  position: relative; }
  .c-tabs:after {
    content: '';
    display: table;
    clear: both; }
  .c-content__header .c-tabs {
    margin-top: 32px; }

/*
 * Individual tab
 */
.c-tabs__tab {
  position: relative;
  display: inline-block;
  background: #248ef4;
  font-weight: 700;
  padding: 8px 16px;
  border: 1px solid #0b74da;
  border-bottom: none;
  color: white;
  text-decoration: none;
  border-radius: 6px 6px 0 0;
  float: left;
  margin-right: 1px;
  cursor: pointer;
  margin-bottom: -1px;
  min-height: 41px; }
  .c-tabs__tab > a {
    color: white;
    text-decoration: none; }
  .c-tabs__tab:hover {
    background: #0b74da;
    text-decoration: none; }
  .c-tabs__tab.is-active {
    background-color: #ededed;
    border-color: #d4d4d4;
    cursor: default;
    color: #333333;
    border-bottom: 1px solid #ededed; }
    .c-tabs__tab.is-active:hover {
      background: #ededed !important; }
    .floor-picker .c-tabs__tab.is-active {
      padding-right: 50px; }
    .c-tabs__tab.is-active span.label {
      cursor: text;
      padding: 1px; }
  .c-tabs__tab.editing {
    padding: 6px; }
    .floor-picker .c-tabs__tab.editing {
      padding-right: 37px; }

.c-tab-menu-button {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-left: 1px solid #d4d4d4;
  background: transparent !important;
  padding: 8px 4px 6px 4px;
  cursor: pointer;
  border-radius: 0 6px 0 0; }
  .c-tab-menu-button:hover {
    background: #d9d9d9 !important; }
    .c-tab-menu-button:hover .c-tab-menu {
      display: block; }
  .is-active .c-tab-menu-button {
    display: block; }

.c-tab-menu {
  position: absolute;
  top: 90%;
  left: -1px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 6px 6px 6px;
  min-width: 130px;
  background: white;
  list-style: none;
  margin: 0;
  font-size: 12px;
  z-index: 9;
  display: none; }
  .c-tab-menu li a {
    display: block;
    padding: 8px;
    border-bottom: 1px solid gainsboro;
    text-decoration: none; }
  .c-tab-menu li:last-child a {
    border-bottom: none; }

.c-tabs__add {
  float: right; }

.c-summary-tab-container {
  padding-top: 56px;
  padding-top: 3.5rem; }

.c-summary-tabs {
  position: fixed;
  top: 50px;
  right: 0px;
  background: white;
  width: 399px;
  z-index: 1;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .c-summary-tabs > * {
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(220, 220, 220, 0.5);
    border-bottom: 1px solid gainsboro;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid gainsboro; }
    .c-summary-tabs > *:first-child {
      border-left: 0; }
    .c-summary-tabs > *.active {
      background-color: transparent;
      border-bottom-color: transparent; }

.c-summary-tab-content {
  padding-top: 32px;
  padding-top: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  padding-bottom: 96px;
  padding-bottom: 6rem;
  padding-left: 32px;
  padding-left: 2rem;
  display: none; }
  .c-summary-tab-content.active {
    display: block; }
  .c-summary-tab-content.schedule-planner {
    padding: 0; }

.c-table {
  border-spacing: 0;
  width: 100%;
  border: 0;
  border-collapse: separate;
  border: 0;
  border-collapse: separate;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: left;
  border-bottom: 16px;
  border-collapse: collapse; }
  .c-table tbody tr td, .c-table tbody tr th {
    border-bottom: 1px solid #DCDCDC; }
  .c-table tbody tr:first-child td, .c-table tbody tr:first-child th {
    border-top: 1px solid #DCDCDC; }
  .c-table tbody tr td, .c-table tbody tr th {
    border-left: 1px solid #DCDCDC; }
    .c-table tbody tr td:first-child, .c-table tbody tr th:first-child {
      border-left: 0; }
  @media only screen and (max-width: 60em) {
    .c-table {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .c-table {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .c-table:last-child {
    margin-bottom: 0; }
  .c-table th, .c-table td {
    background: white; }
  .c-table th {
    font-weight: 700;
    border-top: none;
    border-left: 1px solid #DCDCDC;
    padding: 16px 8px;
    background: white; }
    .c-table th:first-child {
      border-radius: 6px 0 0 0;
      border-left: none !important; }
    .c-table th:last-child {
      border-radius: 0 6px 0 0; }
    .c-table th:only-child {
      border-radius: 6px 6px 0 0; }
  .c-table td {
    font-size: 14px;
    padding: 8px;
    vertical-align: middle; }
    .c-table td input[type='text'] {
      width: 100%;
      font-size: 1em; }
    .c-table td:last-child {
      border-right: none;
      text-align: right; }
  .c-table tr:hover td, .c-table tr:hover th {
    background: #f7f7f7; }
    .c-module--b .c-table tr:hover td, .c-module--b .c-table tr:hover th {
      background: #3b3b3b; }
  .c-table tr:last-child td {
    border-bottom: none; }
    .c-table tr:last-child td:last-child {
      border-radius: 0 0 6px 0; }
    .c-table tr:last-child td:first-child {
      border-radius: 0 0 0 6px; }
  .c-table tr.not-started td {
    background-color: #fff3f2; }
  .c-table tr.has-error td {
    background-color: #E31344;
    color: white; }
    .c-table tr.has-error td a, .c-table tr.has-error td a:visited {
      color: white; }
  .c-table tr.has-warning td {
    background-color: #DCBC11;
    color: white; }
    .c-table tr.has-warning td a, .c-table tr.has-warning td a:visited {
      color: white; }

.c-table--bordered tr td:first-child {
  border-left: 1px solid gainsboro !important; }

.c-table--bordered tr td:last-child {
  border-right: 1px solid gainsboro;
  text-align: left; }

.c-table--bordered tr:last-child td {
  border-bottom: 1px solid gainsboro; }
  .c-table--bordered tr:last-child td:last-child {
    border-radius: 0; }
  .c-table--bordered tr:last-child td:first-child {
    border-radius: 0; }

.c-table--white {
  color: white; }

.c-table--info-list {
  border: 0 !important; }
  .c-table--info-list th, .c-table--info-list td {
    padding: 5.33333px;
    border: 0 !important;
    background: transparent; }
  .c-table--info-list th {
    text-align: right;
    padding-right: 16px; }
  .c-table--info-list td {
    text-align: left !important;
    padding-right: 16px; }
  .c-module--b .c-table--info-list {
    color: white; }

.c-table-options {
  text-align: right;
  margin-bottom: 5.33333px; }

.unseen {
  border-radius: 360px;
  width: 8px;
  height: 8px;
  background: #e31344;
  display: inline-block;
  margin-right: 8px; }

.c-cell--tight {
  white-space: nowrap;
  width: 1px; }

.c-cell--nowrap {
  white-space: nowrap; }

.c-work-order-table {
  margin-right: -32px;
  margin-right: -2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-left: -32px;
  margin-left: -2rem; }
  .c-work-order-table .c-table--bordered td:last-child {
    border-right: 0; }
  .c-work-order-table .c-table--bordered td {
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem; }
  .c-work-order-table .c-color-spot {
    height: 30px;
    width: 30px; }

.c-table td.c-work-order-table__circles {
  font-size: 0;
  line-height: 1; }

.c-work-order-table__circle {
  background: white;
  border: 1px solid rgba(51, 51, 51, 0.6);
  border-radius: 20px;
  display: inline-block;
  font-size: 0;
  margin: 1px;
  height: 16px;
  width: 16px; }
  .c-work-order-table__circle.is-half-complete {
    background: linear, 90deg, #29B024 50%, #FFF 50%;
    background: -webkit-linear-gradient(90deg, #29B024 50%, #FFF 50%);
    background: -moz-linear-gradient(90deg, #29B024 50%, #FFF 50%); }
  .c-work-order-table__circle.is-complete {
    background: #29B024; }

/*------------------------------------*
   	TITLE BAR

/*------------------------------------*/
/*
 * The base title bar class
 */
.c-page-header-bar {
  zoom: 1; }
  .c-page-header-bar:after {
    content: '';
    display: table;
    clear: both; }

.c-page-header-bar__primary {
  float: left; }

@media only screen and (min-width: 60em) {
  .c-page-header-bar__secondary {
    float: right; } }

.c-page-header-bar__buttons {
  text-align: left;
  margin-bottom: 16px;
  position: relative;
  clear: both; }
  .c-page-header-bar__buttons .c-button--text-success ~ * {
    display: none; }
  @media only screen and (min-width: 60em) {
    .c-page-header-bar__buttons {
      position: relative;
      text-align: right;
      margin-bottom: -24px;
      clear: none; } }
  .c-page-header-bar__buttons .c-button {
    margin-right: 16px;
    font-size: 13px;
    font-weight: bold; }
    .c-page-header-bar__buttons .c-button.c-button--share {
      margin-right: 0; }
    .c-page-header-bar__buttons .c-button .c-icon {
      margin-right: 4px;
      margin-right: 0.25rem;
      vertical-align: baseline; }
    .c-page-header-bar__buttons .c-button:last-child {
      margin-right: 0; }
    .c-page-header-bar__buttons .c-button a {
      color: inherit;
      text-decoration: none; }
  .c-page-header-bar__buttons .get-share-link {
    -webkit-animation: show-share-link 1.5s;
    -moz-animation: show-share-link 1.5s;
    animation: show-share-link 1.5s;
    display: inline-block;
    width: 126px;
    overflow: hidden;
    vertical-align: middle; }
  .c-page-header-bar__buttons .c-shareable {
    position: absolute;
    left: -9999px; }
    .c-page-header-bar__buttons .c-shareable + .c-button--text {
      color: rgba(51, 51, 51, 0.6) !important; }
      .c-page-header-bar__buttons .c-shareable + .c-button--text:after {
        content: " Off"; }
      .c-page-header-bar__buttons .c-shareable + .c-button--text:before {
        margin-right: 4px;
        margin-right: 0.25rem;
        content: '\e903';
        font-family: somerville-icons, sans-serif;
        display: inline-block;
        vertical-align: baseline; }
    .c-page-header-bar__buttons .c-shareable:checked + .c-button--text {
      color: #248ef4 !important; }
      .c-page-header-bar__buttons .c-shareable:checked + .c-button--text:before {
        content: '\e900'; }
      .c-page-header-bar__buttons .c-shareable:checked + .c-button--text:after {
        content: " On"; }
  .c-page-header-bar__buttons .share-box {
    display: inline-block;
    vertical-align: baseline;
    padding-top: 0;
    padding-top: 0rem;
    padding-bottom: 0;
    padding-bottom: 0rem;
    padding-left: 8px;
    padding-left: 0.5rem;
    padding-right: 8px;
    padding-right: 0.5rem;
    color: #333333;
    background: #ffffff;
    line-height: 16px;
    max-width: 100%;
    min-height: 35.2px;
    width: 100%;
    font-family: inherit;
    border: 1px solid #DCDCDC;
    line-height: 40px; }
    @media only screen and (min-width: 30em) {
      .c-page-header-bar__buttons .share-box {
        width: 200px; } }

@-webkit-keyframes show-share-link {
  0% {
    max-width: 0;
    opacity: 0; }
  25% {
    max-width: 126px;
    opacity: 0; }
  50% {
    color: #248ef4;
    max-width: 126px;
    opacity: 1; }
  75% {
    color: #61de5c; }
  100% {
    color: #248ef4; } }

@-moz-keyframes show-share-link {
  0% {
    max-width: 0;
    opacity: 0; }
  25% {
    max-width: 126px;
    opacity: 0; }
  50% {
    color: #248ef4;
    max-width: 126px;
    opacity: 1; }
  75% {
    color: #61de5c; }
  100% {
    color: #248ef4; } }

@keyframes show-share-link {
  0% {
    max-width: 0;
    opacity: 0; }
  25% {
    max-width: 126px;
    opacity: 0; }
  50% {
    color: #248ef4;
    max-width: 126px;
    opacity: 1; }
  75% {
    color: #61de5c; }
  100% {
    color: #248ef4; } }

/*------------------------------------*
   	TYPOGRAPHY

/*------------------------------------*/
.c-title--quarternary {
  font-size: 16px;
  text-transform: uppercase;
  color: #e31344;
  font-weight: 700; }
  .c-fixture__issue .c-title--quarternary {
    margin-bottom: 16px; }
  .c-issues-table__issue .c-title--quarternary {
    margin-bottom: 16px; }

.c-title--secondary {
  font-size: 32px;
  font-weight: 700; }

.c-title--tertiary {
  font-size: 20px; }

.c-title--subtitle-above {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 24px;
  color: #b3b3b3; }

.c-title--subtitle {
  font-size: 25px; }

.c-text--x-large {
  font-size: 40px; }

.c-or-splitter {
  margin: 0 24px; }

/* Pages */
/*------------------------------------*
   	NO CONNECTION LAYOUT PAGE

/*------------------------------------*/
.p-login {
  background: #e31344; }

.c-login__logo {
  padding: 16px 32px 32px 32px;
  text-align: center; }
  .c-login__logo > img {
    width: 80%; }

/* Utilities */
/*-------------------------------------

	Utilities are low-level helper classes which get
	commonly used throughout the project. They can be
	applied to any element and can be used alongside
	any other class.

	These classes should always be prefixed with u-

 */
.u-padded {
  padding: 16px; }

.u-padded-ns {
  padding-top: 16px;
  padding-bottom: 16px; }

.u-rounded {
  border-radius: 6px; }

.u-bordered {
  border: 1px solid #DCDCDC; }

.u-pos-rel {
  position: relative; }

.u-clearfix {
  zoom: 1; }
  .u-clearfix:after {
    content: '';
    display: table;
    clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-text--bold {
  font-weight: bold; }

.u-text--small {
  font-size: 14px; }

.u-text--large {
  font-size: 32px; }

.u-text--med {
  font-size: 20px; }

.u-text--xlarge {
  font-size: 49px; }

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

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

.u-text--error {
  color: #E31344; }

.u-text--nowrap {
  white-space: nowrap; }

.u-text-weight--reg {
  font-weight: normal; }

.u-text--upper {
  text-transform: uppercase; }

.u-disable-hover,
.u-disable-hover * {
  pointer-events: none !important; }

.u-no-marg {
  margin-bottom: 0; }

.u-mb {
  margin-bottom: 16px !important; }

.u-margin--bottom {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.u-margin--right {
  margin-right: 16px;
  margin-right: 1rem; }

.u-margin--left {
  margin-left: 16px;
  margin-left: 1rem; }

.u-margin--top {
  margin-top: 16px;
  margin-top: 1rem; }

.u-margin--top-sm {
  margin-top: 8px;
  margin-top: 0.5rem; }

.u-margin--right-sm {
  margin-right: 8px;
  margin-right: 0.5rem; }

.u-color--primary {
  color: #e31344; }

.u-color--link {
  color: #248ef4; }

.u-type-reg {
  font-weight: normal; }

.u-hide {
  display: none !important; }

.u-show {
  display: inherit !important; }

.u-block {
  display: block; }

.u-inline-block {
  display: inline-block; }

.u-faded {
  opacity: 0.6; }

.u-flex {
  display: flex;
  width: 100%;
  justify-content: space-between; }

.u-flex--align-end {
  align-items: flex-end; }

.u-overflow-reset {
  overflow: inherit !important; }

/*# sourceMappingURL=screen.css.map */