@charset "UTF-8";
/**
 * Breakpoints
 * http://www.sitepoint.com/managing-responsive-breakpoints-sass/
 * https://github.com/guardian/sass-mq
 */
/*
Load a colour from the palette

@see: http://erskinedesign.com/blog/friendlier-colour-names-sass-maps/
*/
/*
.item{
    z-index  : 1;
    position : relative;
    display  : block;

    margin  : 10px;
    padding : 10px;
    background-color : #fff;

    &:before, &:after{
        z-index  : -1;

        position : absolute;
        display  : block;
        content  : ' ';

        width    : 100%;
        height   : 100%;

        top  : 0px;
        left : 0px;

        margin  : 0;
        padding : 0;
    }

    @include materialShadow(2);
    &:hover { @include materialShadow(1); }
    &:active{ @include materialShadow(3); }
}
/**/
body {
  color: #616161;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

a {
  color: #009EE3;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #32C1FF;
}

.quiet {
  opacity: .75;
}

.quieter {
  opacity: .45;
  font-size: 0.95em !important;
}

.Copy {
  font-size: 14px;
  line-height: 1.6em;
}
.Copy h3 {
  font-size: 20px;
}
.Copy h1, .Copy h2, .Copy h3, .Copy h4, .Copy h5, .Copy h6 {
  color: #111;
}
.Copy p.featured {
  color: #111;
  font-size: 18px;
}
.Copy ul {
  list-style: none;
  padding: 0;
}
.Copy ul li {
  margin: 0;
  padding: 0 0 5px 24px;
  position: relative;
}
.Copy ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #98B3C7;
  border-radius: 100%;
  top: 7px;
  left: 6px;
}
.Copy hr {
  border: 0;
  height: 1px;
  background-color: #ddd;
  margin: 1.4em 0;
}

.capitalise {
  text-transform: capitalize;
}

.decapitalise {
  text-transform: lowercase;
}

.u-pipedList, .User-profile .User-profileFunctions, .u-inlineList {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.01em;
}
.u-pipedList > li, .User-profile .User-profileFunctions > li, .u-inlineList > li {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
}

.u-pipedList li, .User-profile .User-profileFunctions li {
  border-right: 1px solid #e0e0e0;
  padding: 0 10px;
}
.u-pipedList li:last-child, .User-profile .User-profileFunctions li:last-child {
  border-right: none;
}

.u-pad-top-smaller {
  padding-top: 0.25rem !important;
}

.u-inset-top-smaller {
  margin-top: 0.25rem !important;
}

.u-outset-top-smaller {
  margin-top: -0.25rem !important;
}

.u-pad-right-smaller {
  padding-right: 0.25rem !important;
}

.u-inset-right-smaller {
  margin-right: 0.25rem !important;
}

.u-outset-right-smaller {
  margin-right: -0.25rem !important;
}

.u-pad-bottom-smaller {
  padding-bottom: 0.25rem !important;
}

.u-inset-bottom-smaller {
  margin-bottom: 0.25rem !important;
}

.u-outset-bottom-smaller {
  margin-bottom: -0.25rem !important;
}

.u-pad-left-smaller {
  padding-left: 0.25rem !important;
}

.u-inset-left-smaller {
  margin-left: 0.25rem !important;
}

.u-outset-left-smaller {
  margin-left: -0.25rem !important;
}

.u-pad-smaller {
  padding: 0.25rem !important;
}

.u-pad-vertical-smaller {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.u-pad-horizontal-smaller {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.u-inset-smaller {
  margin: 0.25rem !important;
}

.u-inset-vertical-smaller {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.u-inset-horizontal-smaller {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.u-outset-smaller {
  margin: 0.25rem !important;
}

.u-outset-vertical-smaller {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.u-outset-horizontal-smaller {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.u-pad-top-small {
  padding-top: 0.5rem !important;
}

.u-inset-top-small {
  margin-top: 0.5rem !important;
}

.u-outset-top-small {
  margin-top: -0.5rem !important;
}

.u-pad-right-small {
  padding-right: 0.5rem !important;
}

.u-inset-right-small {
  margin-right: 0.5rem !important;
}

.u-outset-right-small {
  margin-right: -0.5rem !important;
}

.u-pad-bottom-small {
  padding-bottom: 0.5rem !important;
}

.u-inset-bottom-small {
  margin-bottom: 0.5rem !important;
}

.u-outset-bottom-small {
  margin-bottom: -0.5rem !important;
}

.u-pad-left-small {
  padding-left: 0.5rem !important;
}

.u-inset-left-small {
  margin-left: 0.5rem !important;
}

.u-outset-left-small {
  margin-left: -0.5rem !important;
}

.u-pad-small {
  padding: 0.5rem !important;
}

.u-pad-vertical-small {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.u-pad-horizontal-small {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.u-inset-small {
  margin: 0.5rem !important;
}

.u-inset-vertical-small {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.u-inset-horizontal-small {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.u-outset-small {
  margin: 0.5rem !important;
}

.u-outset-vertical-small {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.u-outset-horizontal-small {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.u-pad-top-default {
  padding-top: 1rem !important;
}

.u-inset-top-default {
  margin-top: 1rem !important;
}

.u-outset-top-default {
  margin-top: -1rem !important;
}

.u-pad-right-default {
  padding-right: 1rem !important;
}

.u-inset-right-default {
  margin-right: 1rem !important;
}

.u-outset-right-default {
  margin-right: -1rem !important;
}

.u-pad-bottom-default {
  padding-bottom: 1rem !important;
}

.u-inset-bottom-default {
  margin-bottom: 1rem !important;
}

.u-outset-bottom-default {
  margin-bottom: -1rem !important;
}

.u-pad-left-default {
  padding-left: 1rem !important;
}

.u-inset-left-default {
  margin-left: 1rem !important;
}

.u-outset-left-default {
  margin-left: -1rem !important;
}

.Grid.Grid--withGutters > .Grid-cell, .Panel--loggedOut .Grid--withGutters.Panel--loggedOut-body > .Grid-cell,
.Grid.Grid--withGutters > *,
.Panel--loggedOut .Grid--withGutters.Panel--loggedOut-body > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

.Grid.Grid--withGutters, .Panel--loggedOut .Grid--withGutters.Panel--loggedOut-body, .Grid.Grid--withGutters > .Grid-cell > .Grid, .Panel--loggedOut .Grid--withGutters.Panel--loggedOut-body > .Grid-cell > .Grid, .Panel--loggedOut .Grid.Grid--withGutters > .Grid-cell > .Panel--loggedOut-body, .Panel--loggedOut .Grid--withGutters.Panel--loggedOut-body > .Grid-cell > .Panel--loggedOut-body {
  margin-left: -1rem;
  margin-right: -1rem;
}

.u-pad-default {
  padding: 1rem !important;
}

.u-pad-vertical-default {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.u-pad-horizontal-default {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.u-inset-default {
  margin: 1rem !important;
}

.u-inset-vertical-default {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.u-inset-horizontal-default {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.u-outset-default {
  margin: 1rem !important;
}

.u-outset-vertical-default {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.u-outset-horizontal-default {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.u-pad-top-large {
  padding-top: 2rem !important;
}

.u-inset-top-large {
  margin-top: 2rem !important;
}

.u-outset-top-large {
  margin-top: -2rem !important;
}

.u-pad-right-large {
  padding-right: 2rem !important;
}

.u-inset-right-large {
  margin-right: 2rem !important;
}

.u-outset-right-large {
  margin-right: -2rem !important;
}

.u-pad-bottom-large {
  padding-bottom: 2rem !important;
}

.u-inset-bottom-large {
  margin-bottom: 2rem !important;
}

.u-outset-bottom-large {
  margin-bottom: -2rem !important;
}

.u-pad-left-large {
  padding-left: 2rem !important;
}

.u-inset-left-large {
  margin-left: 2rem !important;
}

.u-outset-left-large {
  margin-left: -2rem !important;
}

.u-pad-large {
  padding: 2rem !important;
}

.u-pad-vertical-large {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.u-pad-horizontal-large {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.u-inset-large {
  margin: 2rem !important;
}

.u-inset-vertical-large {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.u-inset-horizontal-large {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.u-outset-large {
  margin: 2rem !important;
}

.u-outset-vertical-large {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.u-outset-horizontal-large {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}

.u-pad-top-larger {
  padding-top: 3rem !important;
}

.u-inset-top-larger {
  margin-top: 3rem !important;
}

.u-outset-top-larger {
  margin-top: -3rem !important;
}

.u-pad-right-larger {
  padding-right: 3rem !important;
}

.u-inset-right-larger {
  margin-right: 3rem !important;
}

.u-outset-right-larger {
  margin-right: -3rem !important;
}

.u-pad-bottom-larger {
  padding-bottom: 3rem !important;
}

.u-inset-bottom-larger {
  margin-bottom: 3rem !important;
}

.u-outset-bottom-larger {
  margin-bottom: -3rem !important;
}

.u-pad-left-larger {
  padding-left: 3rem !important;
}

.u-inset-left-larger {
  margin-left: 3rem !important;
}

.u-outset-left-larger {
  margin-left: -3rem !important;
}

.u-pad-larger {
  padding: 3rem !important;
}

.u-pad-vertical-larger {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.u-pad-horizontal-larger {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.u-inset-larger {
  margin: 3rem !important;
}

.u-inset-vertical-larger {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.u-inset-horizontal-larger {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.u-outset-larger {
  margin: 3rem !important;
}

.u-outset-vertical-larger {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.u-outset-horizontal-larger {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.flush {
  padding: 0;
  margin: 0;
}

/*
Fractional width units

$fractions - Map of fractions
$suffix - appended to the classname
$prefix - prepended to the classname
*/
.unit-1of12 {
  width: 8.33333%;
}

.unit-pull1of12 {
  right: 8.33333%;
}

.unit-push1of12 {
  left: 8.33333%;
}

.unit-2of12 {
  width: 16.66667%;
}

.unit-pull2of12 {
  right: 16.66667%;
}

.unit-push2of12 {
  left: 16.66667%;
}

.unit-3of12 {
  width: 25%;
}

.unit-pull3of12 {
  right: 25%;
}

.unit-push3of12 {
  left: 25%;
}

.unit-4of12 {
  width: 33.33333%;
}

.unit-pull4of12 {
  right: 33.33333%;
}

.unit-push4of12 {
  left: 33.33333%;
}

.unit-5of12, form[name="fos_user_registration_form"] .Control--localisation .Control--timeZone {
  width: 41.66667%;
}

.unit-pull5of12 {
  right: 41.66667%;
}

.unit-push5of12 {
  left: 41.66667%;
}

.unit-6of12, form[name="fos_user_registration_form"] .Control--plainPassword > .Control-body > .Control, form[name="fos_user_registration_form"] .Control--name .Control--firstname, form[name="fos_user_registration_form"] .Control--name .Control--lastName {
  width: 50%;
}

.unit-pull6of12 {
  right: 50%;
}

.unit-push6of12 {
  left: 50%;
}

.unit-7of12, form[name="fos_user_registration_form"] .Control--localisation .Control--locale {
  width: 58.33333%;
}

.unit-pull7of12 {
  right: 58.33333%;
}

.unit-push7of12 {
  left: 58.33333%;
}

.unit-8of12 {
  width: 66.66667%;
}

.unit-pull8of12 {
  right: 66.66667%;
}

.unit-push8of12 {
  left: 66.66667%;
}

.unit-9of12 {
  width: 75%;
}

.unit-pull9of12 {
  right: 75%;
}

.unit-push9of12 {
  left: 75%;
}

.unit-10of12 {
  width: 83.33333%;
}

.unit-pull10of12 {
  right: 83.33333%;
}

.unit-push10of12 {
  left: 83.33333%;
}

.unit-11of12 {
  width: 91.66667%;
}

.unit-pull11of12 {
  right: 91.66667%;
}

.unit-push11of12 {
  left: 91.66667%;
}

.unit-12of12 {
  width: 100%;
}

.unit-pull12of12 {
  right: 100%;
}

.unit-push12of12 {
  left: 100%;
}

@media all and (min-width: 20em) {
  .unit-1of12-at-mobile {
    width: 8.33333%;
  }

  .unit-pull1of12-at-mobile {
    right: 8.33333%;
  }

  .unit-push1of12-at-mobile {
    left: 8.33333%;
  }

  .unit-2of12-at-mobile {
    width: 16.66667%;
  }

  .unit-pull2of12-at-mobile {
    right: 16.66667%;
  }

  .unit-push2of12-at-mobile {
    left: 16.66667%;
  }

  .unit-3of12-at-mobile {
    width: 25%;
  }

  .unit-pull3of12-at-mobile {
    right: 25%;
  }

  .unit-push3of12-at-mobile {
    left: 25%;
  }

  .unit-4of12-at-mobile {
    width: 33.33333%;
  }

  .unit-pull4of12-at-mobile {
    right: 33.33333%;
  }

  .unit-push4of12-at-mobile {
    left: 33.33333%;
  }

  .unit-5of12-at-mobile {
    width: 41.66667%;
  }

  .unit-pull5of12-at-mobile {
    right: 41.66667%;
  }

  .unit-push5of12-at-mobile {
    left: 41.66667%;
  }

  .unit-6of12-at-mobile {
    width: 50%;
  }

  .unit-pull6of12-at-mobile {
    right: 50%;
  }

  .unit-push6of12-at-mobile {
    left: 50%;
  }

  .unit-7of12-at-mobile {
    width: 58.33333%;
  }

  .unit-pull7of12-at-mobile {
    right: 58.33333%;
  }

  .unit-push7of12-at-mobile {
    left: 58.33333%;
  }

  .unit-8of12-at-mobile {
    width: 66.66667%;
  }

  .unit-pull8of12-at-mobile {
    right: 66.66667%;
  }

  .unit-push8of12-at-mobile {
    left: 66.66667%;
  }

  .unit-9of12-at-mobile {
    width: 75%;
  }

  .unit-pull9of12-at-mobile {
    right: 75%;
  }

  .unit-push9of12-at-mobile {
    left: 75%;
  }

  .unit-10of12-at-mobile {
    width: 83.33333%;
  }

  .unit-pull10of12-at-mobile {
    right: 83.33333%;
  }

  .unit-push10of12-at-mobile {
    left: 83.33333%;
  }

  .unit-11of12-at-mobile {
    width: 91.66667%;
  }

  .unit-pull11of12-at-mobile {
    right: 91.66667%;
  }

  .unit-push11of12-at-mobile {
    left: 91.66667%;
  }

  .unit-12of12-at-mobile {
    width: 100%;
  }

  .unit-pull12of12-at-mobile {
    right: 100%;
  }

  .unit-push12of12-at-mobile {
    left: 100%;
  }
}
@media all and (min-width: 46.25em) {
  .unit-1of12-at-tablet {
    width: 8.33333%;
  }

  .unit-pull1of12-at-tablet {
    right: 8.33333%;
  }

  .unit-push1of12-at-tablet {
    left: 8.33333%;
  }

  .unit-2of12-at-tablet {
    width: 16.66667%;
  }

  .unit-pull2of12-at-tablet {
    right: 16.66667%;
  }

  .unit-push2of12-at-tablet {
    left: 16.66667%;
  }

  .unit-3of12-at-tablet {
    width: 25%;
  }

  .unit-pull3of12-at-tablet {
    right: 25%;
  }

  .unit-push3of12-at-tablet {
    left: 25%;
  }

  .unit-4of12-at-tablet {
    width: 33.33333%;
  }

  .unit-pull4of12-at-tablet {
    right: 33.33333%;
  }

  .unit-push4of12-at-tablet {
    left: 33.33333%;
  }

  .unit-5of12-at-tablet {
    width: 41.66667%;
  }

  .unit-pull5of12-at-tablet {
    right: 41.66667%;
  }

  .unit-push5of12-at-tablet {
    left: 41.66667%;
  }

  .unit-6of12-at-tablet {
    width: 50%;
  }

  .unit-pull6of12-at-tablet {
    right: 50%;
  }

  .unit-push6of12-at-tablet {
    left: 50%;
  }

  .unit-7of12-at-tablet {
    width: 58.33333%;
  }

  .unit-pull7of12-at-tablet {
    right: 58.33333%;
  }

  .unit-push7of12-at-tablet {
    left: 58.33333%;
  }

  .unit-8of12-at-tablet {
    width: 66.66667%;
  }

  .unit-pull8of12-at-tablet {
    right: 66.66667%;
  }

  .unit-push8of12-at-tablet {
    left: 66.66667%;
  }

  .unit-9of12-at-tablet {
    width: 75%;
  }

  .unit-pull9of12-at-tablet {
    right: 75%;
  }

  .unit-push9of12-at-tablet {
    left: 75%;
  }

  .unit-10of12-at-tablet {
    width: 83.33333%;
  }

  .unit-pull10of12-at-tablet {
    right: 83.33333%;
  }

  .unit-push10of12-at-tablet {
    left: 83.33333%;
  }

  .unit-11of12-at-tablet {
    width: 91.66667%;
  }

  .unit-pull11of12-at-tablet {
    right: 91.66667%;
  }

  .unit-push11of12-at-tablet {
    left: 91.66667%;
  }

  .unit-12of12-at-tablet {
    width: 100%;
  }

  .unit-pull12of12-at-tablet {
    right: 100%;
  }

  .unit-push12of12-at-tablet {
    left: 100%;
  }
}
@media all and (min-width: 61.25em) {
  .unit-1of12-at-desktop {
    width: 8.33333%;
  }

  .unit-pull1of12-at-desktop {
    right: 8.33333%;
  }

  .unit-push1of12-at-desktop {
    left: 8.33333%;
  }

  .unit-2of12-at-desktop {
    width: 16.66667%;
  }

  .unit-pull2of12-at-desktop {
    right: 16.66667%;
  }

  .unit-push2of12-at-desktop {
    left: 16.66667%;
  }

  .unit-3of12-at-desktop {
    width: 25%;
  }

  .unit-pull3of12-at-desktop {
    right: 25%;
  }

  .unit-push3of12-at-desktop {
    left: 25%;
  }

  .unit-4of12-at-desktop {
    width: 33.33333%;
  }

  .unit-pull4of12-at-desktop {
    right: 33.33333%;
  }

  .unit-push4of12-at-desktop {
    left: 33.33333%;
  }

  .unit-5of12-at-desktop {
    width: 41.66667%;
  }

  .unit-pull5of12-at-desktop {
    right: 41.66667%;
  }

  .unit-push5of12-at-desktop {
    left: 41.66667%;
  }

  .unit-6of12-at-desktop {
    width: 50%;
  }

  .unit-pull6of12-at-desktop {
    right: 50%;
  }

  .unit-push6of12-at-desktop {
    left: 50%;
  }

  .unit-7of12-at-desktop {
    width: 58.33333%;
  }

  .unit-pull7of12-at-desktop {
    right: 58.33333%;
  }

  .unit-push7of12-at-desktop {
    left: 58.33333%;
  }

  .unit-8of12-at-desktop {
    width: 66.66667%;
  }

  .unit-pull8of12-at-desktop {
    right: 66.66667%;
  }

  .unit-push8of12-at-desktop {
    left: 66.66667%;
  }

  .unit-9of12-at-desktop {
    width: 75%;
  }

  .unit-pull9of12-at-desktop {
    right: 75%;
  }

  .unit-push9of12-at-desktop {
    left: 75%;
  }

  .unit-10of12-at-desktop {
    width: 83.33333%;
  }

  .unit-pull10of12-at-desktop {
    right: 83.33333%;
  }

  .unit-push10of12-at-desktop {
    left: 83.33333%;
  }

  .unit-11of12-at-desktop {
    width: 91.66667%;
  }

  .unit-pull11of12-at-desktop {
    right: 91.66667%;
  }

  .unit-push11of12-at-desktop {
    left: 91.66667%;
  }

  .unit-12of12-at-desktop {
    width: 100%;
  }

  .unit-pull12of12-at-desktop {
    right: 100%;
  }

  .unit-push12of12-at-desktop {
    left: 100%;
  }
}
@media all and (min-width: 81.25em) {
  .unit-1of12-at-wide {
    width: 8.33333%;
  }

  .unit-pull1of12-at-wide {
    right: 8.33333%;
  }

  .unit-push1of12-at-wide {
    left: 8.33333%;
  }

  .unit-2of12-at-wide {
    width: 16.66667%;
  }

  .unit-pull2of12-at-wide {
    right: 16.66667%;
  }

  .unit-push2of12-at-wide {
    left: 16.66667%;
  }

  .unit-3of12-at-wide {
    width: 25%;
  }

  .unit-pull3of12-at-wide {
    right: 25%;
  }

  .unit-push3of12-at-wide {
    left: 25%;
  }

  .unit-4of12-at-wide {
    width: 33.33333%;
  }

  .unit-pull4of12-at-wide {
    right: 33.33333%;
  }

  .unit-push4of12-at-wide {
    left: 33.33333%;
  }

  .unit-5of12-at-wide {
    width: 41.66667%;
  }

  .unit-pull5of12-at-wide {
    right: 41.66667%;
  }

  .unit-push5of12-at-wide {
    left: 41.66667%;
  }

  .unit-6of12-at-wide {
    width: 50%;
  }

  .unit-pull6of12-at-wide {
    right: 50%;
  }

  .unit-push6of12-at-wide {
    left: 50%;
  }

  .unit-7of12-at-wide {
    width: 58.33333%;
  }

  .unit-pull7of12-at-wide {
    right: 58.33333%;
  }

  .unit-push7of12-at-wide {
    left: 58.33333%;
  }

  .unit-8of12-at-wide {
    width: 66.66667%;
  }

  .unit-pull8of12-at-wide {
    right: 66.66667%;
  }

  .unit-push8of12-at-wide {
    left: 66.66667%;
  }

  .unit-9of12-at-wide {
    width: 75%;
  }

  .unit-pull9of12-at-wide {
    right: 75%;
  }

  .unit-push9of12-at-wide {
    left: 75%;
  }

  .unit-10of12-at-wide {
    width: 83.33333%;
  }

  .unit-pull10of12-at-wide {
    right: 83.33333%;
  }

  .unit-push10of12-at-wide {
    left: 83.33333%;
  }

  .unit-11of12-at-wide {
    width: 91.66667%;
  }

  .unit-pull11of12-at-wide {
    right: 91.66667%;
  }

  .unit-push11of12-at-wide {
    left: 91.66667%;
  }

  .unit-12of12-at-wide {
    width: 100%;
  }

  .unit-pull12of12-at-wide {
    right: 100%;
  }

  .unit-push12of12-at-wide {
    left: 100%;
  }
}
/*
Grid

https://github.com/suitcss/grid/blob/master/grid.css

*/
/**
 * All content must be contained within child `Grid-cell` elements.
 *
 * 1. Account for browser defaults of elements that might be the root node of
 *    the component.
 * 2. Ensure consistent default alignment.
 * 3. Remove inter-cell whitespace that appears between `inline-block` child
 *    elements.
 */
.Grid, .Panel--loggedOut .Panel--loggedOut-body, form[name="fos_user_registration_form"] .Control--plainPassword > .Control-body, form[name="fos_user_registration_form"] .Control--name > .Control-body, form[name="fos_user_registration_form"] .Control--localisation > .Control-body {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

.Grid-cell {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.Grid-cell--bottom, .Grid-cell--top {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.Grid-cell--left {
  margin-right: auto;
}

.Grid-cell--right {
  margin-left: auto;
}

.Grid-cell--debug {
  background-color: rgba(0, 0, 0, 0.05);
}
.Grid-cell--debug:before {
  background: rgba(255, 0, 0, 0.1);
  display: block;
  width: 100%;
  content: attr(class);
}

.Grid-cell--debug:nth-child(2n+1) {
  background-color: rgba(0, 0, 0, 0.2);
}

.Grid--column {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.Grid--inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.Grid--alignTop, .Panel--loggedOut .Panel--loggedOut-body {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.Alert {
  background-color: whitesmoke;
  border: 1px solid transparent;
  font-size: 14px;
  padding: 15px;
}
.Alert > :first-child {
  margin-top: 0;
}
.Alert > :last-child {
  margin-bottom: 0;
}

.Alert--info {
  background-color: #e1f5fe;
  border-color: #b3e5fc;
}

.Alert--success {
  background-color: #f1f8e9;
  border-color: #dcedc8;
}

.Alert--warning {
  background-color: #fff3e0;
  border-color: #ffe0b2;
}

.Alert--danger {
  background-color: #fde0dc;
  border-color: #f9bdbb;
}

.Button {
  color: #009EE3;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0.4em 1.5em;
  position: relative;
  -webkit-appearance: none;
  vertical-align: bottom;
  border-radius: 3px;
}

.Button:hover,
.Button:focus,
.Button:active {
  z-index: 1;
}

.Button-label {
  display: inline-block;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}

.Button-icon {
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  min-width: 24px;
  fill: currentColor;
  color: #2D3949;
  opacity: 0.6;
}
.Button-icon:hover {
  opacity: 1;
}
.Button-icon svg, .Button-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.Button--bordered:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.Button--isProccessing {
  opacity: 0.8;
  pointer-events: none;
  cursor: default;
  position: relative;
  padding-left: 3em;
}
.Button--isProccessing:before {
  content: "";
  position: absolute;
  background-image: url("/themes/default/img/loading-button.gif");
  background-repeat: no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  left: 1.5em;
  margin-left: -8px;
}

.Button--square {
  border-radius: 0;
}

.Button--small {
  font-size: 14px;
  line-height: 18px;
  padding: 4px;
}
.Button--small.Button--bordered, .Button--small.Button--link:hover {
  border-width: 1px;
  padding: 3px;
}
.Button--small .Button-icon {
  padding: 2px;
  width: 14px;
  height: 14px;
  min-width: 14px;
}

.Button--medium,
.Button {
  font-size: 14px;
  line-height: 24px;
}

.Button--large {
  font-size: 18px;
  line-height: 24px;
}

.Button--primary, .Panel--search .Form-footer .Button--submit {
  color: #3A92D4;
}
.Button--primary:not(.Button--link), .Panel--search .Form-footer .Button--submit:not(.Button--link) {
  color: white;
  background-color: #3283C1;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
}
.Button--primary:not(.Button--link):hover, .Panel--search .Form-footer .Button--submit:not(.Button--link):hover {
  color: white;
  background-color: #3283C1;
}

.Button--success {
  color: #47B175;
}
.Button--success:not(.Button--link), .Button--success.Button--link {
  color: white;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
  background: #47B175;
}
.Button--success:not(.Button--link):hover, .Button--success.Button--link:hover {
  background: #50C181;
}
.Button--success.Button--bordered, .Button--success.Button--link:hover {
  border-color: rgba(0, 0, 0, 0.1);
}

.Button--info {
  color: #03a9f4;
}
.Button--info:not(.Button--link), .Button--info.Button--link:hover {
  background: #03a9f4;
  color: white;
}
.Button--info.Button--bordered, .Button--info.Button--link:hover {
  border-color: rgba(0, 0, 0, 0.1);
}

.Button--warning {
  color: #ff9800;
}
.Button--warning:not(.Button--link), .Button--warning.Button--link:hover {
  background: #ff9800;
  color: white;
}

.Button--danger {
  color: #e51c23;
}
.Button--danger:not(.Button--link), .Button--danger.Button--link:hover {
  background: #e51c23;
  color: white;
}

.Button--block {
  display: block;
  text-align: center;
}

.SegmentButton {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.SegmentButton .Button {
  margin: 0;
}
.SegmentButton .Button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.SegmentButton .Button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.ButtonGroup {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.ButtonGroup .Button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.ButtonGroup .Button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ButtonGroup .Button:hover {
  position: relative;
  z-index: 1;
}

.Card {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  background: white;
  margin-top: 30px;
}

.DataGrid .Table--data tbody tr:hover {
  background-color: #FFFEE0;
}

.DataGrid-results.is-loading {
  opacity: .5;
}

.DataGrid-results-header {
  position: relative;
  bottom: -1px;
}
.DataGrid-results-header h3 {
  margin: 4px 0;
  color: white;
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.DataGrid-results-header .DataGrid-results-header-main {
  float: left;
}

.DataGrid-results-data {
  position: relative;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 40px;
}

.DataGrid-exportButton {
  color: white;
  font-size: 12px;
  background: #465365;
  padding: 7px 18px;
  float: right;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.DataGrid-exportButton:hover {
  background: #344052;
  color: white;
}

.DataGrid-paginationSummary {
  line-height: 28px;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.DataGrid-paginationSummary .DataGrid-gridTitle {
  margin-right: 12px;
}
.DataGrid-paginationSummary .DataGrid-gridTitle + .DataGrid-paginationSummaryControls .Pagination-currentPageRange,
.DataGrid-paginationSummary .DataGrid-gridTitle + .DataGrid-paginationSummaryControls .Pagination-totalResults {
  font-weight: normal;
  opacity: 0.6;
  font-size: 12px;
}

.DataGridCell-title {
  text-transform: capitalize;
  font-size: 1px;
  margin: 0 0 2px 0;
  font-size: 1em;
  color: #616161;
}
.DataGridCell-title.DataGridCell-title--statusMark {
  padding-left: 14px;
  position: relative;
}
.DataGridCell-title.DataGridCell-title--statusMark:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: grey;
  position: relative;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}
.DataGridCell-title.DataGridCell-title--ok {
  color: #47b175;
}
.DataGridCell-title.DataGridCell-title--ok:before {
  background-color: #47b175;
}
.DataGridCell-title.DataGridCell-title--alert {
  color: #d49d49;
}
.DataGridCell-title.DataGridCell-title--alert:before {
  background-color: #d49d49;
}
.DataGridCell-title.DataGridCell-title--warning {
  color: #cb5e0a;
}
.DataGridCell-title.DataGridCell-title--warning:before {
  background-color: #cb5e0a;
}
.DataGridCell-title.DataGridCell-title--expired {
  color: #b62a1d;
  text-decoration: line-through;
}
.DataGridCell-title.DataGridCell-title--expired:before {
  background-color: #b62a1d;
}

.DataGridCell--withInfoLink {
  padding-right: 20px;
}

.DataGridCell-metaData {
  font-size: 0.857em;
  color: #9e9e9e;
  margin: 0;
}

.DataGridCell-primaryLink {
  font-size: 1em;
  font-weight: bold;
  text-transform: capitalize;
}

.DataGridCell-infoButton {
  position: absolute;
  padding: 11px 9px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.DataGridCell-infoButton img {
  width: 16px;
  height: 16px;
}

.DataGridCell-title--important {
  font-weight: 600;
}

.DataGrid-filter.inactive {
  display: none;
  opacity: 0;
}

time p {
  white-space: nowrap;
}

.NoResultsMessage {
  background: white;
  text-align: center;
  border: 1px solid #ddd;
  margin: 30px 0;
  padding: 40px 30px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.NoResultsMessage-title {
  color: #222;
  font-size: 24px;
  margin-bottom: 0;
}

.NoResultsMessage-copy {
  font-size: 16px;
  margin-bottom: 0px;
}

.NoResultsMessage-image img {
  max-width: 100%;
}

.LoadingEmbedMessage,
.NoEmbeddedResultsMessage {
  background: white;
  padding: 18px;
  border: 1px solid #bdbdbd;
  color: #bbb;
  line-height: 1.45em;
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}

.LoadingEmbedMessage-title {
  padding-left: 40px;
  position: relative;
  display: inline-block;
}
.LoadingEmbedMessage-title:before {
  position: absolute;
  content: "";
  background-image: url("/themes/default/img/loading-large-lightgrey.gif");
  width: 32px;
  height: 32px;
  display: block;
  top: -6px;
  left: 0;
}

div.table-wrapper {
  position: relative;
  overflow: hidden;
}
div.table-wrapper div.scrollable {
  overflow: scroll;
  overflow-y: hidden;
}
div.table-wrapper .pinned,
div.table-wrapper .tools {
  position: absolute;
  top: 0;
  overflow: hidden;
}
div.table-wrapper .pinned table,
div.table-wrapper .tools table {
  border-right: none;
  border-left: none;
}
div.table-wrapper .pinned {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
div.table-wrapper .tools {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
div.table-wrapper table.is-scrolling th:first-child,
div.table-wrapper table.is-scrolling td:first-child {
  display: none;
}
div.table-wrapper table.is-scrolling th:last-child,
div.table-wrapper table.is-scrolling td:last-child {
  display: none;
}

.Flyout, .selectize-control .selectize-dropdown {
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
  background: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: none;
  padding: 0;
  border-radius: 4px;
  margin-top: 0;
  font-size: 14px;
  z-index: 100;
}

#AccountNav-flyout {
  width: 260px !important;
  position: fixed !important;
  top: 50px !important;
  left: auto !important;
  right: 20px !important;
}

.User-profile {
  margin: 20px;
  text-align: center;
}
.User-profile .User-profileName {
  font-weight: 100;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 10px 0;
}
.User-profile .User-profile-avatar {
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  background-color: #263442;
  background-size: cover;
}

.User-role {
  border-top: 1px solid #eeeeee;
  margin: 20px;
}

.User-rolePrompt {
  margin: 16px 0 8px 0;
}

.User-roleList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.User-roleList li {
  font-size: 12px;
  color: #9e9e9e;
  margin: 0;
  padding: 0 0 12px 20px;
  position: relative;
  line-height: 1.45em;
}
.User-roleList li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #bdbdbd;
  border-radius: 100%;
}
.User-roleList li.is-current {
  font-weight: 600;
  color: #212121;
}
.User-roleList li.is-current:before {
  background-color: #0288d1;
  width: 8px;
  height: 8px;
  top: 4px;
  left: 3px;
}

.InfoFlyout {
  max-width: 320px;
}

.InfoFlyout-TitleBar {
  border-bottom: 1px solid #eee;
  background: #f2f2f2;
  padding: 6px 16px;
}

.InfoFlyout-numberPlate {
  text-align: center;
  background: #FFD45A;
  font-size: 36px;
  padding: 15px 30px;
  color: #111;
}

.InfoFlyout-title {
  font-size: 20px;
  color: #212121;
  font-weight: 400;
  margin: 4px 0;
  text-transform: capitalize;
}

.InfoFlyout-details {
  padding: 16px;
}

.InfoFlyout-specs {
  font-size: 13px;
  padding: 5px 0;
  margin: 0;
  line-height: 1.5em;
}
.InfoFlyout-specs dt {
  margin: 8px 0 0 0;
  color: #424242;
  padding: 0;
}
.InfoFlyout-specs dd {
  color: #757575;
  padding: 0;
  margin: 0;
}

.InfoFlyout-actionList .InfoFlyout-action {
  font-size: 14px;
  border-top: 1px solid #eee;
  display: block;
  padding: 10px 16px;
}

input[type="checkbox"].focus, input[type="checkbox"]:focus,
button.focus,
button:focus {
  outline: none !important;
}

.InputGroup {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.InputGroup > *:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

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

.InputGroup > *:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

select.Control-input, .selectize-control.single .selectize-input, .Control-input--text,
.Control-input--password,
.Control-input--search,
.Control-input--datetime,
.Control-input--number,
.Control-input--integer,
.Control-input--textarea,
.Control-input--email,
.Control-input--key_tag_code,
.Control-input--invitation_code, .ChoiceList-choice > label, .selectize-control.multi .selectize-input {
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 0;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box !important;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  outline: none;
  padding: 7px 11px;
  vertical-align: bottom;
  width: 100%;
}
select.Control-input:focus, .selectize-control.single .selectize-input:focus, .Control-input--text:focus,
.Control-input--password:focus,
.Control-input--search:focus,
.Control-input--datetime:focus,
.Control-input--number:focus,
.Control-input--integer:focus,
.Control-input--textarea:focus,
.Control-input--email:focus,
.Control-input--key_tag_code:focus,
.Control-input--invitation_code:focus, .ChoiceList-choice > label:focus, .selectize-control.multi .selectize-input:focus, select.focus.Control-input, .selectize-control.single .focus.selectize-input, .focus.Control-input--text,
.focus.Control-input--password,
.focus.Control-input--search,
.focus.Control-input--datetime,
.focus.Control-input--number,
.focus.Control-input--integer,
.focus.Control-input--textarea,
.focus.Control-input--email,
.focus.Control-input--key_tag_code,
.focus.Control-input--invitation_code, .ChoiceList-choice > label.focus, .selectize-control.multi .focus.selectize-input {
  border-color: #03a9f4;
}

select.Control-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url("/themes/default/img/icons/select-toggle.svg");
  padding-right: 30px;
}

.selectize-control.single .selectize-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 30px;
}
.selectize-control.single .selectize-input:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url("/themes/default/img/icons/ic_search_24px.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  opacity: 0.5;
  right: 4px;
  top: 7px;
}
.selectize-control.single .is-loading.selectize-input:after {
  background-image: url("/themes/default/img/icons/loading.gif") !important;
  top: 10px;
}

.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input, .Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input,
.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input > .selectize-input,
.Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input > .selectize-input {
  box-shadow: none;
  border-color: transparent;
  margin: 0;
  position: relative;
}
.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input:focus, .Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input:focus,
.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input > .selectize-input:focus,
.Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input > .selectize-input:focus, .ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .focus.Control-input, .Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .focus.Control-input,
.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input > .focus.selectize-input,
.Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body > .Control > .Control-body > .Control-input > .focus.selectize-input {
  outline: 1px solid #03a9f4;
  outline-offset: 0;
}

.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl, .Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl {
  padding: 0 !important;
}
.ControlGroupCollection--table > .ControlGroupCollection-body > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body, .Collection--table > .Collection-body > .CollectionItem > .ControlGroup.ControlGroup--singleControl > .ControlGroup-body {
  padding: 0 !important;
}

label .required {
  color: #e51c23;
}

/**
 * Form
 */
.Form {
  margin: 0;
}

.Form--stacked .ControlGroup {
  margin: 30px auto;
}
.Form--stacked .Form-footer {
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.Form-footer {
  padding-top: 8px;
  text-align: right;
}

.Form-errors {
  margin: 4px 0;
  list-style-type: none;
  background: #fde0dc;
  border: 1px solid #f9bdbb;
  padding: 0;
}
.Form-errors > li {
  font-size: 14px;
  margin: 8px;
}

/**
 * Control Group Collection
 */
.ControlGroupCollection--stacked {
  display: block;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-header {
  display: block;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body {
  display: block;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body > .ControlGroup {
  display: block;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body > .ControlGroup > .ControlGroup-header {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body > .ControlGroup > .ControlGroup-header > .ControlGroup-label {
  font-size: 18px;
  line-height: 20px;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body > .ControlGroup > .ControlGroup-header > .ControlGroup-help {
  font-size: 14px;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body > .ControlGroup > .ControlGroup-body {
  display: block;
  margin-bottom: 20px;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-body > .ControlGroup > ControlGroup-footer {
  display: block;
}
.ControlGroupCollection--stacked > .ControlGroupCollection-footer {
  display: block;
}

/**
 * Control Group
 */
.ControlGroup-header {
  margin-bottom: 16px;
}

.ControlGroup-header-link {
  font-size: 14px;
  font-weight: normal;
  padding: 0 12px;
  position: relative;
  top: -1px;
}

.ControlGroup-label {
  display: block;
  color: #424242;
  font-weight: bold;
}

.ControlGroup-help {
  color: #757575;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.ToolbarForm .Form-body {
  background: none;
}
.ToolbarForm .ControlGroup,
.ToolbarForm .Form-footer {
  display: table-cell;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
.ToolbarForm .ControlGroup-header {
  display: none;
}

/**
 * Control
 */
.Control {
  position: relative;
}

.Control-header {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  position: relative;
}

.Control-label {
  display: block;
}

.Control-help {
  color: #757575;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.Control-body > .Control {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 8px;
}

/**
 * ControlInput
 */
.Control-inputSeperator,
.Control--datetime select,
.Control--date select,
.Control--birthday select {
  vertical-align: middle;
  display: inline-block;
  width: auto;
  margin-right: 4px;
}
.Control-inputSeperator:last-child,
.Control--datetime select:last-child,
.Control--date select:last-child,
.Control--birthday select:last-child {
  margin-right: 0;
}

/**
 * Collection
 */
.Collection--stacked {
  display: block;
}
.Collection--stacked > .Collection-header {
  display: none;
}
.Collection--stacked > .Collection-body {
  display: block;
}
.Collection--stacked > .Collection-body > .CollectionItem {
  border: 1px solid #e0e0e0;
  display: block;
  padding: 19px;
  margin-bottom: 8px;
  margin-left: 36px;
  margin-right: 36px;
}
.Collection--stacked > .Collection-body > .CollectionItem > .ControlGroup {
  display: block;
}
.Collection--stacked > .Collection-body > .CollectionItem > .ControlGroup > .ControlGroup-header {
  display: block;
  margin-bottom: 12px;
}
.Collection--stacked > .Collection-body > .CollectionItem > .ControlGroup > .ControlGroup-header > .ControlGroup-label {
  font-size: 16px;
  line-height: 20px;
}
.Collection--stacked > .Collection-body > .CollectionItem > .ControlGroup > .ControlGroup-header > .ControlGroup-help {
  font-size: 14px;
}

.ChoiceList-choice {
  display: inline-block;
  position: relative;
  margin-right: 16px;
}
.ChoiceList-choice > input {
  position: absolute;
  left: 14px;
  top: 12px;
}
.ChoiceList-choice > input[type=checkbox] {
  top: 13px;
}
.ChoiceList-choice > input:checked + label {
  background: #d0f8ce;
}
.ChoiceList-choice > label {
  cursor: pointer;
  padding-left: 35px;
}

.ControlGroupCollection--table > tbody > tr > th {
  border-right: none;
  text-align: right;
  vertical-align: middle;
  width: 1px;
}
.ControlGroupCollection--table > tbody > tr > th > label {
  white-space: nowrap;
}

.selectize-control {
  position: relative;
  cursor: pointer;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 4px 0 0 4px;
}
.selectize-control.multi .selectize-input.has-items > div {
  line-height: 20px;
  padding: 2px 6px;
  margin: 0 4px 4px 0;
  background: whitesmoke;
  border: 1px solid #eeeeee;
}
.selectize-control.multi .selectize-input.has-items > div.active {
  background: #eeeeee;
  border-color: #e0e0e0;
}
.selectize-control .selectize-input > input {
  border: none;
  display: inline-block;
  line-height: 20px;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  margin: 0;
}
.selectize-control .selectize-input > div {
  display: inline-block;
}
.selectize-control .selectize-dropdown {
  border-radius: 0;
  position: absolute;
  box-sizing: border-box;
}
.selectize-control .selectize-dropdown > .selectize-dropdown-content > div {
  cursor: pointer;
  line-height: 18px;
  margin: 0;
  display: block;
  padding: 6px 12px;
}
.selectize-control .selectize-dropdown > .selectize-dropdown-content > div:hover {
  background: whitesmoke;
}

.LoggedOutForm {
  background: #F8F8F8;
  padding: 20px 30px;
}
.LoggedOutForm .ControlGroup {
  margin-top: 0;
}

.LoggedOutForm .Form-footer {
  padding-top: 0;
}

.LoggedOutForm-footer {
  padding: 16px 30px;
  text-align: center;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

form[name="fos_user_registration_form"] .Control--plainPassword > .Control-body {
  margin-right: -8px;
}
form[name="fos_user_registration_form"] .Control--name > .Control-body {
  margin-right: -8px;
}
form[name="fos_user_registration_form"] .Control--localisation > .Control-body {
  margin-right: -8px;
}

.Menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
  min-width: 200px;
}
.Menu > li {
  line-height: 24px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
.Menu > li:hover {
  background: whitesmoke;
}
.Menu > li > a {
  display: block;
  padding: 4px 12px;
}
.Menu > li > a > .Menu-item-label {
  line-height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.Menu > li > a > .Menu-item-icon {
  display: block;
  width: 24px;
  height: 24px;
}
.Menu > li:last-child {
  border-bottom: none;
}
.Menu + .Menu {
  border-top: 1px solid #e0e0e0;
}

.Pagination {
  margin-top: -12px;
  margin-bottom: 12px;
  text-align: right;
}

.DataGrid-results-header, .DashboardPanel-header {
  background-color: #515F74;
  color: white;
  font-size: 14px;
  padding: 10px 15px;
}

.Panel-header {
  display: table;
  vertical-align: bottom;
  width: 100%;
}

.Panel-header-main {
  display: table-cell;
  vertical-align: bottom;
}

.Panel-title {
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
  margin: 0;
}

.Panel-header-actions {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}

.Panel--search {
  margin-bottom: 32px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
.Panel--search .Panel-header {
  background: #2D8DCC;
  color: white;
  padding: 5px 0;
}
.Panel--search .Panel-header-main {
  padding-left: 12px;
}
.Panel--search .Panel-header-actions .Button-icon {
  opacity: .4;
}
.Panel--search .Panel-header-actions .Button-icon:hover {
  opacity: .8;
}
.Panel--search .Panel-body {
  padding: 16px;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 1px 1px;
  background: white;
}
.Panel--search .Panel-title {
  margin: 2px 0 0 0;
  font-weight: 400;
  font-size: 16px;
}
.Panel--search .Form-footer {
  padding-top: 16px;
}

.Panel--loggedOut {
  background: white;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.7);
  text-align: left;
  display: inline-block;
  min-width: 320px;
  max-width: 960px;
  margin: 30px;
}

.Panel--loggedOut-header {
  background-color: #1D2838;
  padding: 16px 22px;
  color: white;
}

.Panel--loggedOut-headerTitle {
  margin: 0;
}

.Panel--loggedOut .Invitation {
  width: 100%;
}
.Panel--loggedOut .SignIn {
  width: 100%;
}
.Panel--loggedOut .Panel--loggedOut-body {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.Panel--loggedOut .ForgotPassword {
  max-width: 260px;
  padding: 10px 30px;
  border-bottom: 1px solid #eee;
}
.Panel--loggedOut .ResetPassword {
  max-width: 320px;
}

.LoggedInInvitation {
  max-width: 320px;
}

@media (min-width: 600px) {
  .Panel--loggedOut {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

  .Panel--loggedOut .Invitation {
    width: 50%;
  }
  .Panel--loggedOut .Invitation + .SignIn {
    width: 50%;
  }
  .Panel--loggedOut .Invitation + .SignIn .LoggedOutForm {
    border-left: 1px solid #eee;
  }
}
.LoginError {
  background: #b62a1d;
  color: white;
  padding: 16px 30px;
}

/* Import Pane */
.ImportPane {
  padding: 30px 30px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.ImportPane .Toggle {
  float: right;
  margin-top: 25px;
}
.ImportPane .Toggle .is-hidden {
  display: none;
}

.ImportTable--optionalHidden .ImportTable--optionalRow {
  display: none;
}

.ImportTable-nameCell {
  color: #111;
  font-weight: bold;
  width: 25%;
}

.ImportTable-statusCell {
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  width: 15%;
}
.ImportTable-statusCell .required {
  color: #D06927;
}
.ImportTable-statusCell .optional {
  color: #BDBDBD;
}

/*
Table

.Table--bordered - Bordered. Adds horizontal Table row borders
.Table--data.Panel - Data wrapped in a panel. Table--data inherists Table--border styling.
.Table--description
.Table--striped - Striped Table rows
.Table--summary
.Table--tight.Table--data.Panel - Data wrapped in a panel. Table--data inherists Table--border styling.

Styleguide Table
*/
td, th {
  text-align: left;
}

.Table {
  display: table;
  width: 100%;
  border: none;
  background: white;
}

.Table tr {
  display: table-row;
}

.Table th, .Table td {
  display: table-cell;
}

.Table--bordered {
  border-left: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
}

/*
TableRow

.TableRow{}
.TableRow--info{}
.TableRow--success{}
.TableRow--warning{}
.TableRow--danger{}

Styleguide TableRow
*/
.TableRow--info {
  background: #e1f5fe !important;
}

.TableRow--success {
  background: #f1f8e9 !important;
}

.TableRow--warning {
  background: #fff3e0 !important;
}

.TableRow--danger {
  background: #fde0dc !important;
}

/*
TableCell

.TableCell{}
.TableCell--info{}
.TableCell--success{}
.TableCell--warning{}
.TableCell--danger{}

Styleguide TableCell
*/
.TableCell--info {
  background: #e1f5fe !important;
}

.TableCell--success {
  background: #f1f8e9 !important;
}

.TableCell--warning {
  background: #fff3e0 !important;
}

.TableCell--danger {
  background: #fde0dc !important;
}

.TableCell--fill {
  width: 100%;
}

.TableCell--tight {
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 40px;
}

.TableCell--icon {
  text-align: center;
  padding: 0 !important;
  width: 1px;
}
.TableCell--icon .Button--medium {
  padding-top: 10px;
}

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

.TableCell--expanded {
  background: whitesmoke;
}

.Collection--table,
.ControlGroupCollection--table {
  border: 1px solid #bdbdbd;
}

.Table--data {
  border-top: 1px solid #bdbdbd;
}

.Table--data,
.Collection--table,
.ControlGroupCollection--table {
  font-size: 14px;
  line-height: 18px;
  width: 100%;
}
.Table--data > thead > tr > th, .Table--data > thead > tr > td,
.Table--data > tbody > tr > th,
.Table--data > tbody > tr > td,
.Collection--table > thead > tr > th,
.Collection--table > thead > tr > td,
.Collection--table > tbody > tr > th,
.Collection--table > tbody > tr > td,
.ControlGroupCollection--table > thead > tr > th,
.ControlGroupCollection--table > thead > tr > td,
.ControlGroupCollection--table > tbody > tr > th,
.ControlGroupCollection--table > tbody > tr > td {
  padding: 10px 14px;
  vertical-align: top;
}
.Table--data > thead > tr > th:last-child, .Table--data > thead > tr > td:last-child,
.Table--data > tbody > tr > th:last-child,
.Table--data > tbody > tr > td:last-child,
.Collection--table > thead > tr > th:last-child,
.Collection--table > thead > tr > td:last-child,
.Collection--table > tbody > tr > th:last-child,
.Collection--table > tbody > tr > td:last-child,
.ControlGroupCollection--table > thead > tr > th:last-child,
.ControlGroupCollection--table > thead > tr > td:last-child,
.ControlGroupCollection--table > tbody > tr > th:last-child,
.ControlGroupCollection--table > tbody > tr > td:last-child {
  border-right: none;
}
.Table--data > tfoot > tr > th, .Table--data > tfoot > tr > td,
.Collection--table > tfoot > tr > th,
.Collection--table > tfoot > tr > td,
.ControlGroupCollection--table > tfoot > tr > th,
.ControlGroupCollection--table > tfoot > tr > td {
  padding: 20px 14px;
  vertical-align: top;
}
.Table--data > tfoot > tr > th:last-child, .Table--data > tfoot > tr > td:last-child,
.Collection--table > tfoot > tr > th:last-child,
.Collection--table > tfoot > tr > td:last-child,
.ControlGroupCollection--table > tfoot > tr > th:last-child,
.ControlGroupCollection--table > tfoot > tr > td:last-child {
  border-right: none;
}
.Table--data > thead > tr > th, .Table--data > thead > tr > td,
.Collection--table > thead > tr > th,
.Collection--table > thead > tr > td,
.ControlGroupCollection--table > thead > tr > th,
.ControlGroupCollection--table > thead > tr > td {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e0e0e0;
}
.Table--data > thead > tr > th,
.Collection--table > thead > tr > th,
.ControlGroupCollection--table > thead > tr > th {
  background-color: #EFEFEF;
  background-image: linear-gradient(whitesmoke, #ececec);
  font-weight: normal;
  color: #777;
  vertical-align: middle;
}
.Table--data > thead > tr > th a,
.Collection--table > thead > tr > th a,
.ControlGroupCollection--table > thead > tr > th a {
  color: #777;
}
.Table--data > thead > tr:last-child > th, .Table--data > thead > tr:last-child > td,
.Collection--table > thead > tr:last-child > th,
.Collection--table > thead > tr:last-child > td,
.ControlGroupCollection--table > thead > tr:last-child > th,
.ControlGroupCollection--table > thead > tr:last-child > td {
  border-bottom: 1px solid #bdbdbd;
}
.Table--data > tbody,
.Collection--table > tbody,
.ControlGroupCollection--table > tbody {
  background: white;
}
.Table--data > tbody > tr > th, .Table--data > tbody > tr > td,
.Collection--table > tbody > tr > th,
.Collection--table > tbody > tr > td,
.ControlGroupCollection--table > tbody > tr > th,
.ControlGroupCollection--table > tbody > tr > td {
  border-right: 1px solid rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid #CECECE;
}
.Table--data > tbody > tr > td,
.Collection--table > tbody > tr > td,
.ControlGroupCollection--table > tbody > tr > td {
  position: relative;
}
.Table--data > tbody > tr:last-child > th, .Table--data > tbody > tr:last-child > td,
.Collection--table > tbody > tr:last-child > th,
.Collection--table > tbody > tr:last-child > td,
.ControlGroupCollection--table > tbody > tr:last-child > th,
.ControlGroupCollection--table > tbody > tr:last-child > td {
  border-bottom: none;
}
.Table--data > tfoot > tr:first-child > th, .Table--data > tfoot > tr:first-child > td,
.Collection--table > tfoot > tr:first-child > th,
.Collection--table > tfoot > tr:first-child > td,
.ControlGroupCollection--table > tfoot > tr:first-child > th,
.ControlGroupCollection--table > tfoot > tr:first-child > td {
  border-top: 3px solid #CECECE;
}
.Table--data > tfoot > tr > th, .Table--data > tfoot > tr > td,
.Collection--table > tfoot > tr > th,
.Collection--table > tfoot > tr > td,
.ControlGroupCollection--table > tfoot > tr > th,
.ControlGroupCollection--table > tfoot > tr > td {
  border-top: 1px solid #CECECE;
}

.Table--data tfoot td, .Table--data tfoot th {
  font-size: 1.4em;
  font-weight: normal;
  border-right: 1px solid rgba(0, 0, 0, 0.03);
}

.Collection--table > tbody > tr > td > .ControlGroup-header {
  display: none;
}

.Toolbar {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: no-wrap;
      -ms-flex-wrap: no-wrap;
          flex-wrap: no-wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Toolbar:before {
  opacity: 0.12;
  box-shadow: 0px 1px 1.5px black, 0px 3px 3px transparent, 0px 10px 10px transparent, 0px 14px 14px transparent, 0px 19px 19px transparent;
}
.Toolbar:after {
  opacity: 0.24;
  box-shadow: 0px 1px 1px black, 0px 3px 3px transparent, 0px 6px 3px transparent, 0px 10px 5px transparent, 0px 15px 6px transparent;
}
.Toolbar:before, .Toolbar:after {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  border-radius: inherit;
}

.Toolbar.bordered {
  padding: 3px;
  border: 1px solid transparent;
}

.ToolbarGroup {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
}

.ToolbarGroup:last-of-type {
  margin-right: 0;
}

.ToolbarGroup > * + * {
  margin-left: 4px;
}

.ContactCard {
  border: 1px solid #bbb;
  border-radius: 4px;
}
.ContactCard .ContactCard-section {
  border-top: 1px solid #ddd;
  padding: 2px 24px 6px 24px;
  position: relative;
}
.ContactCard .ContactCard-section:first-child {
  border-top: none;
}
.ContactCard .ContactCard-section .js-add {
  position: absolute !important;
  top: 12px;
  right: 18px;
}
.ContactCard .ContactCard-section .ControlGroup--preferred {
  text-align: left;
  vertical-align: middle;
  border-right: none;
  width: 80px;
}
.ContactCard .ContactCard-section .ControlGroup--choice {
  width: 115px;
}
.ContactCard .ContactCard-section .Control-input--preferred {
  position: relative;
  margin-left: 12px !important;
}
.ContactCard .ContactCard-section .Control-input--preferred:after {
  content: "Primary";
  font-size: 11px;
  left: 18px;
  position: absolute;
  color: #ccc;
}
.ContactCard .ContactCard-section .Control-input--preferred:checked:after {
  color: #666;
  font-weight: bold;
}
.ContactCard .Collection-header {
  display: none;
}
.ContactCard .ContactCard-secrtionTtile {
  font-size: 16px;
  margin: 20px 0 14px 0;
}
.ContactCard .Collection--table {
  margin-bottom: 24px;
}

.UploadAvatar {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 16px;
}
.UploadAvatar .Avatar {
  float: left;
}
.UploadAvatar .UploadAvatar-fileUpload {
  padding: 16px;
  float: left;
}

.Avatar {
  border-radius: 100%;
  background-size: cover;
  border: 6px solid #5DA9DB;
}

.Avatar--large {
  width: 80px;
  height: 80px;
}

#AccountNav .Button-label {
  color: white;
}

.DashboardPanel {
  margin-bottom: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.DashboardPanel-header .DashboardPanel-headerTitle {
  margin: 6px 0;
  font-size: 16px;
  font-weight: 500;
}
.DashboardPanel-header .DashboardPanel-headerTitle small {
  font-size: 12px;
  opacity: 0.7;
}

.DashboardPanel-body {
  background: white;
  border-width: 0 1px 1px 1px;
  border-color: #ccc;
  border-style: solid;
  min-height: 400px;
  overflow: hidden;
}

.DashboardPanel-graph {
  padding: 30px 20px;
}

.DashboardPanel .DashboardPanel-table {
  border-width: 1px 0 0 0;
}
.DashboardPanel .DashboardPanel-table:last-child {
  margin-bottom: 0;
}

body {
  background: #f8f8f8;
}

#App-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
}

#App-toolbar {
  background-color: #182334;
  background-image: linear-gradient(#1e2e45, #182334);
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: no-wrap;
      -ms-flex-wrap: no-wrap;
          flex-wrap: no-wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

#App-toolbar.bridgestoneSelect {
  background-color: #ff2d28;
  background-image: linear-gradient(#ff2d28, #dc2420);
}
#App-toolbar.bridgestoneSelect #App-branding {
  margin: 4px 22px 4px 0;
}
#App-toolbar.bridgestoneSelect #App-branding .App-brandingClipper {
  width: 187px;
}
#App-toolbar.bridgestoneSelect #App-branding img {
  top: 0;
}
#App-toolbar.bridgestoneSelect .AppLocation .AppLocation-position {
  color: rgba(255, 255, 255, 0.7);
}

#App-body {
  top: 0;
  width: 100%;
  top: 60px;
  background: #f6f6f6;
}

#App-branding {
  line-height: 36px;
  font-size: 16px;
  margin: 4px 22px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
  vertical-align: middle;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#App-branding img {
  vertical-align: bottom;
  position: relative;
  top: 3px;
}
#App-branding .App-brandingClipper {
  width: 150px;
}

@media only screen and (max-width: 600px) {
  #App-branding .App-brandingClipper {
    overflow: hidden;
    width: 38px;
  }
}
.AppLocation {
  text-align: center;
  margin: 4px 30px;
  -webkit-flex-grow: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
}
.AppLocation .AppLocation-link {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.AppLocation .AppLocation-title,
.AppLocation .AppLocation-position {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
}
.AppLocation .AppLocation-position {
  font-size: 11px;
  color: #456B84;
}
.AppLocation .AppLocation-dropArrow {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -12px;
}

#AccountNav {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
#AccountNav .AccountNav-username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AccountNav .AccountNav-userRole {
  font-size: 11px;
  color: #456B84;
  line-height: 1.25em;
}

.AppShade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  opacity: 0.7;
  z-index: 3;
  display: none;
}

.AppFocusSelector {
  transition: top .4s;
  position: fixed;
  top: -400px;
  left: 0;
  right: 0;
  z-index: 9;
}
.AppFocusSelector.is-active {
  top: 60px;
}

.AppFocusSelector-drawer {
  background: white;
  margin: 0 auto;
  max-width: 360px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.AppFocusSelector-drawer .Control-input--entity_search {
  margin-top: 12px;
}

.AppFocusSelector-nodeType {
  border-top: 1px solid #eee;
  padding: 22px 30px 22px 30px;
}
.AppFocusSelector-nodeType.AppFocusSelector-nodeType--control {
  padding: 22px 30px 28px 30px;
}

.AppFocusSelector-title {
  margin: 0 0 0;
  font-size: 16px;
  font-weight: 500;
}

.SidebarNav {
  position: fixed;
  top: 60px;
  bottom: 0;
  z-index: 2;
  background: white;
  overflow: auto;
  padding-bottom: 120px;
  width: 300px;
  border-right: 1px solid #e0e0e0;
}
.SidebarNav.is-collapsed {
  overflow: visible;
}
.SidebarNav .SidebarNav-toggle {
  position: fixed;
  bottom: 50px;
  left: 22px;
  padding: 6px;
  border: 1px solid #e0e0e0;
  background: #f2f2f2;
}
.SidebarNav .SidebarNav-toggle svg {
  width: 24px;
  height: 24px;
}
.SidebarNav ul, .SidebarNav li, .SidebarNav a, .SidebarNav svg {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.SidebarNav .SidebarNav-menu.is-collapsed {
  display: none !important;
}
.SidebarNav .SidebarNav-menu-item {
  font-size: 14px;
  position: relative;
}
.SidebarNav .SidebarNav-menu-item-link {
  display: table;
  width: 100%;
  box-sizing: border-box;
  transition: opacity 0.3s;
}
.SidebarNav .SidebarNav-menu-item-link.is-faded {
  opacity: 0.4;
}
.SidebarNav .SidebarNav-menu-item-label,
.SidebarNav .SidebarNav-menu-item-toggle {
  vertical-align: top;
  display: table-cell;
}
.SidebarNav .SidebarNav-menu-item-icon {
  width: 40px;
  display: none;
}
.SidebarNav .SidebarNav-menu-item-label {
  line-height: 1.4em;
  padding: 10px 15px;
}
.SidebarNav .SidebarNav-menu-item-icon:before {
  display: block;
  width: 24px;
  height: 24px;
  padding: 6px;
}
.SidebarNav .SidebarNav-menu-item-toggle svg {
  display: block;
  padding: 6px;
  height: 24px;
  width: 24px;
}
.SidebarNav .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link {
  padding-left: 1px;
  font-weight: 400;
  font-size: 14px;
  color: #222;
}
.SidebarNav .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link > .SidebarNav-menu-item-label {
  padding: 18px 15px 8px 15px;
}
.SidebarNav .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link > .SidebarNav-menu-item-label.SidebarNav-menu-item-label--dashboard {
  padding: 15px;
}
.SidebarNav .SidebarNav-menu--level2 {
  background: white;
}
.SidebarNav .SidebarNav-menu--level2 .SidebarNav-menu-item {
  border-top: 1px solid #eee;
}
.SidebarNav .SidebarNav-menu--level2 .SidebarNav-menu-item:first-child {
  border-top: 1px solid transparent;
}
.SidebarNav .SidebarNav-menu--level3 > .SidebarNav-menu-item > .SidebarNav-menu-item-link {
  padding-left: 72px;
  padding-right: 36px;
}
.SidebarNav .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link {
  border-top: 1px solid #eee;
}
.SidebarNav .SidebarNav-menu--level1 .SidebarNav-menu-item-label.SidebarNav-menu-item-label--dashboard {
  cursor: pointer;
  background: white;
  color: #19A9F6;
}
.SidebarNav.is-collapsed {
  top: 0;
  padding-top: 72px;
  background: #f3f3f3;
  width: 80px;
}
.SidebarNav.is-collapsed .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link {
  padding: 7px 0 3px 0;
  border-top: 0;
  cusor: pointer;
}
.SidebarNav.is-collapsed .SidebarNav-menu-item-icon {
  width: 100% !important;
}
.SidebarNav.is-collapsed .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link, .SidebarNav.is-collapsed .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-icon {
  text-align: center;
  cursor: pointer;
}
.SidebarNav.is-collapsed .SidebarNav-menu--level1 > .SidebarNav-menu-item > .SidebarNav-menu-item-link > .SidebarNav-menu-item-label {
  font-weight: 400;
  font-size: 11px;
  background: none;
  display: block;
  overflow: hidden;
  color: #697787;
  padding: 0;
  position: relative;
  top: -4px;
  cursor: default;
}
.SidebarNav.is-collapsed .SidebarNav-menu-item-label, .SidebarNav.is-collapsed .SidebarNav-menu-item-icon {
  display: block;
}
.SidebarNav.is-collapsed .SidebarNav-menu--level1 .SidebarNav-menu--level2 {
  display: none;
}
.SidebarNav.is-collapsed .SidebarNav-menu--level1 .SidebarNav-menu--level3 > .SidebarNav-menu-item > .SidebarNav-menu-item-link {
  padding-left: 36px;
}

.SubNavFlyout {
  margin-left: 74px;
  width: 320px;
}
.SubNavFlyout.is-positionedbelowLeft {
  margin-top: -60px;
}
.SubNavFlyout.is-positionedaboveLeft {
  margin-top: 60px;
}

.GlobalLoadingIndicator {
  position: fixed;
  top: 19px;
  left: 168px;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("/themes/default/img/icons/loader-dark.gif");
  display: none;
  z-index: 120;
}
.GlobalLoadingIndicator.GlobalLoadingIndicator--bridgestoneSelect {
  background-image: url("/themes/default/img/icons/loader-red.gif");
  left: 172px;
}

.DataGrid-results-header:before, .InfoFlyout-specs:before, .DashboardPanel-header:before, .UploadAvatar:before, .DataGrid-results-header:after, .InfoFlyout-specs:after, .DashboardPanel-header:after, .UploadAvatar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.DataGrid-results-header:after, .InfoFlyout-specs:after, .DashboardPanel-header:after, .UploadAvatar:after {
  clear: both;
}

.EmailPreviewFrame {
  width: 640px;
  height: 640px;
  border: none;
}

.Page {
  box-sizing: border-box;
  padding: 60px 32px;
  transition: left .2s;
  width: auto;
  padding-bottom: 200px;
  right: 0;
  z-index: 1;
  margin-left: 300px;
}

.Page-alerts {
  margin: 0;
}

.Flash {
  background-color: white;
  padding: 16px 16px 13px;
  margin: 16px 0;
  font-weight: bold;
  background-repeat: no-repeat;
  background-clip: border-box;
  position: relative;
  z-index: 0;
}
.Flash:after {
  position: absolute;
  content: "";
  height: 5px;
  top: -1px;
  right: -1px;
  left: -1px;
  display: block;
  z-index: 1;
}
.Flash.Flash--info {
  color: #0073a6;
  border: 1px solid rgba(0, 87, 125, 0.2);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(0, 158, 227, 0.03) 20px, rgba(0, 158, 227, 0.03) 40px);
}
.Flash.Flash--info:before {
  background-image: url("/themes/default/img/icons/ic_info_24px.svg");
}
.Flash.Flash--info:after {
  background-color: #009ee3;
}
.Flash.Flash--success {
  color: #388d5d;
  border: 1px solid rgba(42, 104, 69, 0.2);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(71, 177, 117, 0.03) 20px, rgba(71, 177, 117, 0.03) 40px);
}
.Flash.Flash--success:before {
  background-image: url("/themes/default/img/icons/ic_done_24px.svg");
}
.Flash.Flash--success:after {
  background-color: #47b175;
}
.Flash.Flash--warning {
  color: #a44c08;
  border: 1px solid rgba(106, 49, 5, 0.2);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(203, 94, 10, 0.03) 20px, rgba(203, 94, 10, 0.03) 40px);
}
.Flash.Flash--warning:before {
  background-image: url("/themes/default/img/icons/ic_warning_24px.svg");
}
.Flash.Flash--warning:after {
  background-color: #cb5e0a;
}
.Flash.Flash--danger {
  color: #932217;
  border: 1px solid rgba(94, 22, 15, 0.2);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(182, 42, 29, 0.03) 20px, rgba(182, 42, 29, 0.03) 40px);
}
.Flash.Flash--danger:before {
  background-image: url("/themes/default/img/icons/ic_error_24px.svg");
}
.Flash.Flash--danger:after {
  background-color: #b62a1d;
}

.SidebarNav.is-collapsed + .Page {
  margin-left: 90px;
}

.Page-header {
  margin-top: 40px;
  margin-bottom: 25px;
  display: table;
  vertical-align: bottom;
  width: 100%;
}

.Page-header-main {
  display: table-cell;
  vertical-align: bottom;
}

.Page-header-actions {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  white-space: nowrap;
}

.Page-body {
  position: relative;
}

.PageAction {
  display: inline-block;
  text-align: center;
  margin-left: 15px;
  margin-bottom: 5px;
}

.PageAction.PageAction--add .PageAction-icon {
  background: #47B175;
}
.PageAction.PageAction--add .PageAction-icon:hover {
  background: #49D485;
}

.PageAction--invite .PageAction-icon img {
  position: relative;
  top: -2px;
}

.PageAction-icon {
  display: block;
  width: 38px;
  height: 38px;
  background: #3F97D7;
  border-radius: 100%;
  margin: 0 auto 3px auto;
  text-align: center;
  line-height: 36px;
}
.PageAction-icon:hover {
  background: #43B4FF;
}
.PageAction-icon img {
  vertical-align: middle;
}

.PageAction-title {
  font-size: 11px;
  color: #7890A1;
}

.Page-title {
  color: #212121;
  margin: 0;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
}
.Page-title.Page-title--withEditForm {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}

.Page-breadcrumbs {
  font-size: 13px;
  margin-bottom: 4px;
}
.Page-breadcrumbs.Page-breadcrumbs--withEditForm {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.Page-breadcrumbs > * + * {
  padding-left: 12px;
}
.Page-breadcrumbs > * + *:before {
  content: "/";
  color: #ccc;
  position: relative;
  left: -5px;
}

.Page-edit,
.Page-import,
.Page-add {
  padding: 1px 0;
  max-width: 720px;
  margin: 0 auto;
  background: #fdfdfd;
  box-shadow: 0 2px 5px #aaa;
}
.Page-edit .Form-body,
.Page-import .Form-body,
.Page-add .Form-body {
  padding: 12px 36px;
}
.Page-edit .Form-footer,
.Page-import .Form-footer,
.Page-add .Form-footer {
  border-top: 1px solid #ddd;
  padding: 36px 36px 36px;
}
.Page-edit .TableWrapper,
.Page-import .TableWrapper,
.Page-add .TableWrapper {
  padding: 24px 36px 0 36px;
}
.Page-edit .Table--data,
.Page-import .Table--data,
.Page-add .Table--data {
  margin-bottom: 0;
  margin-top: 18px;
}

.LoggedOutPage {
  width: 100%;
  height: 100%;
}
.LoggedOutPage body {
  height: 100%;
  background-color: #172739;
}

.LoggedOutPageStage {
  display: table;
  width: 100%;
  height: 100%;
  background-image: url("/themes/default/img/bg-login.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.LoggedOutPageInner {
  height: 100%;
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/**
 * For `large` screens, transform into an inline picker.
 */
.picker__select--year {
  color: black;
}

.picker__select--month {
  color: black;
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1.5em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  background-color: #182334;
  background-image: linear-gradient(#1e2e45, #182334);
  color: white;
  padding: 18px 24px;
  margin: 0 -1.5em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: 0;
}

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: 0.5em;
  }
}
.picker__nav--prev {
  left: 0;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: 0;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #8398A8;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #8398A8;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #ffffff;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin: 1.5em 0;
}

.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em .3125em;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--outfocus {
  color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__day--highlighted {
  border-color: #0089ec;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  margin: 0 -1.5em;
  background: #f2f2f2;
  padding: 12px;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid transparent;
  background: transparent;
  font-size: 14px;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */