/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 13, ../sass/partials/_h5bp.scss */
html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 21, ../sass/partials/_h5bp.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
/* line 32, ../sass/partials/_h5bp.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, ../sass/partials/_h5bp.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 46, ../sass/partials/_h5bp.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 59, ../sass/partials/_h5bp.scss */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 67, ../sass/partials/_h5bp.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 77, ../sass/partials/_h5bp.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 85, ../sass/partials/_h5bp.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 100, ../sass/partials/_h5bp.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 108, ../sass/partials/_h5bp.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 119, ../sass/partials/_h5bp.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 128, ../sass/partials/_h5bp.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 144, ../sass/partials/_h5bp.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 158, ../sass/partials/_h5bp.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 174, ../sass/partials/_h5bp.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 180, ../sass/partials/_h5bp.scss */
.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 189, ../sass/partials/_h5bp.scss */
.clearfix {
  *zoom: 1;
}

/* line 20, ../sass/partials/_base.scss */
.events-radio input[type="radio"] {
  float: none;
  margin-right: 5px;
}

/* line 26, ../sass/partials/_base.scss */
.additionalOnSiteEvent-employer-admin {
  visibility: hidden;
}

/*$primaryColor1: #404041;	// Light black
$primaryColor2: #ffffff;	// White
$primaryColor3: #42B4EE;	// Light blue
$primaryColor4: #F1F1F2;	// Light grey

$secondaryColor1: #EFA125;	// Orange
$secondaryColor2: lighten($primaryColor1,30%); // Grey*/
@keyframes loader {
  to {
    transform: rotate(360deg);
  }
}
/* line 1, ../sass/partials/_cancellation.scss */
.cancellationDetails {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
/* line 6, ../sass/partials/_cancellation.scss */
.cancellationDetails .cancelHalfColumn {
  float: left;
  width: 50%;
}
/* line 10, ../sass/partials/_cancellation.scss */
.cancellationDetails .cancelHalfColumn .cancelAddressLabel {
  float: left;
}
/* line 14, ../sass/partials/_cancellation.scss */
.cancellationDetails .cancelHalfColumn .cancelAddressContent {
  float: left;
  margin-left: 20px;
}

/* line 24, ../sass/partials/_cancellation.scss */
.cancelCertificate select {
  margin-bottom: 10px;
}

/* line 29, ../sass/partials/_cancellation.scss */
.extraInfoContainer {
  display: none;
  margin-bottom: 20px;
}

/* line 34, ../sass/partials/_cancellation.scss */
.extraInfoOptions {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
/* line 39, ../sass/partials/_cancellation.scss */
.extraInfoOptions span {
  float: left;
}
/* line 43, ../sass/partials/_cancellation.scss */
.extraInfoOptions input[type="radio"] {
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 0;
  margin-left: 10px;
}

/* line 1, ../sass/partials/_scheme-popup.scss */
.scheme-popup {
  position: fixed;
  background: rgba(1, 1, 1, 0.5);
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  display: none;
}
/* line 14, ../sass/partials/_scheme-popup.scss */
.scheme-popup__message {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 18, ../sass/partials/_scheme-popup.scss */
.scheme-popup__message__body {
  margin: 0 1rem;
  display: none;
}
/* line 21, ../sass/partials/_scheme-popup.scss */
.scheme-popup__message__body div {
  margin-bottom: .5rem;
}
/* line 25, ../sass/partials/_scheme-popup.scss */
.scheme-popup__message__trigger {
  color: #517d00;
  cursor: pointer;
}
/* line 30, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body {
  background-color: white;
  border-radius: 3px;
  max-width: 850px;
  margin: 1rem;
  height: auto;
  overflow: hidden;
  position: relative;
}
/* line 38, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body--confirmation {
  display: none;
  width: 500px;
}
/* line 41, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body--confirmation__content {
  padding: 1rem 1rem 2rem;
  text-align: center;
}
/* line 44, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body--confirmation__content button {
  margin-top: 2rem;
}
/* line 49, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  z-index: 2;
}
/* line 61, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__loader div {
  border: 0.5rem solid #1c355e;
  border-right-color: transparent;
  border-radius: 1rem;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 2rem;
  height: 2rem;
  animation: loader 1s infinite;
}
/* line 75, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__header {
  padding: .5rem;
  text-align: center;
  background-color: #1c355e;
  font-size: 1.5rem;
  color: white;
  position: relative;
}
/* line 82, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__header__close {
  float: right;
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
}
/* line 89, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__header__close:hover:before, .scheme-popup__body__header__close:hover:after {
  background-color: #f3f3f3;
}
/* line 93, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__header__close:before, .scheme-popup__body__header__close:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  background-color: white;
  left: 0;
  top: 20px;
  transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 103, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__header__close:before {
  transform: rotate(45deg);
}
/* line 106, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__header__close:after {
  transform: rotate(-45deg);
}
/* line 111, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content {
  padding: 1rem 1rem;
  display: flex;
}
/* line 114, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left {
  width: 60%;
  padding: 1rem 1rem 0;
}
/* line 117, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left__radio {
  display: flex;
  align-items: center;
}
/* line 121, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left__error {
  color: red;
  display: none;
}
/* line 125, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--new-limit {
  display: none;
}
/* line 127, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--new-limit button {
  margin-top: 1rem;
}
/* line 130, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--new-limit button[name="go-back"] {
  margin-right: 1rem;
}
/* line 133, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--new-limit input[name="new-limit"] {
  width: 50%;
  margin-top: .5rem;
}
/* line 138, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--status {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 3rem;
}
/* line 145, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--status div {
  text-align: center;
}
/* line 147, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__left--status div p {
  width: 100%;
}
/* line 153, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__right {
  width: 40%;
  text-align: center;
}
/* line 156, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__right__dft {
  width: 40%;
  margin: 2rem 1rem 1rem;
}
/* line 160, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__right__cs-unlimited {
  width: 80%;
  margin: 1rem;
}
/* line 165, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__table {
  border: 1px solid #f3f3f3;
}
/* line 167, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__table caption {
  margin-bottom: 1rem;
}
/* line 170, ../sass/partials/_scheme-popup.scss */
.scheme-popup__body__content__table td {
  color: black;
  font-weight: 400;
  padding: 5px 10px;
}
/* line 178, ../sass/partials/_scheme-popup.scss */
.scheme-popup__border-top {
  border-top: 1px solid #f3f3f3;
  padding: 1rem 0 0;
}

/* line 1, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar {
  padding: .5rem;
  text-align: center;
  font-size: 1.5rem;
  color: white;
  position: relative;
}
/* line 8, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar button {
  background: #1c355e;
}
/* line 12, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar button:hover {
  background: #1c355e;
}

/* line 18, ../sass/partials/_employer-dialog.scss */
.ui-widget-header {
  border: none;
  background: #1c355e;
}

/* line 23, ../sass/partials/_employer-dialog.scss */
.ui-widget-content {
  border: none;
  padding-bottom: 1rem !important;
}

/* line 28, ../sass/partials/_employer-dialog.scss */
.ui-dialog {
  padding: 0;
}

/* line 32, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar-close {
  float: right !important;
  width: 25px !important;
  height: 30px !important;
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* line 42, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar-close:hover:before, .ui-dialog-titlebar-close:hover:after {
  background-color: #f3f3f3;
}
/* line 46, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar-close:before, .ui-dialog-titlebar-close:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  background-color: white;
  left: 4px;
  top: 14px;
  transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 56, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar-close:before {
  transform: rotate(45deg);
}
/* line 59, ../sass/partials/_employer-dialog.scss */
.ui-dialog-titlebar-close:after {
  transform: rotate(-45deg);
}

/* line 64, ../sass/partials/_employer-dialog.scss */
.ui-widget-header .ui-icon {
  display: none;
}

/* line 1, ../sass/partials/_tooltips.scss */
.tooltip {
  display: inline-block;
}
/* line 4, ../sass/partials/_tooltips.scss */
.tooltip-sibling {
  display: inline-block;
  margin-bottom: 16px;
}
/* line 9, ../sass/partials/_tooltips.scss */
.tooltip-display {
  visibility: hidden;
  opacity: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
/* line 17, ../sass/partials/_tooltips.scss */
.tooltip-display p {
  margin: 0 0 6px 0;
  font-size: .75rem;
  text-align: left;
  line-height: 1.4;
}
/* line 22, ../sass/partials/_tooltips.scss */
.tooltip-display p.bold {
  font-size: .81rem;
  font-weight: 500;
}
/* line 26, ../sass/partials/_tooltips.scss */
.tooltip-display p:first-of-type {
  margin-top: 0;
}
/* line 29, ../sass/partials/_tooltips.scss */
.tooltip-display p:last-of-type {
  margin-bottom: 0;
}
/* line 34, ../sass/partials/_tooltips.scss */
.tooltip-display a {
  color: #ec579e;
  cursor: pointer;
}
/* line 40, ../sass/partials/_tooltips.scss */
.tooltip-display[hide="click"] .tooltip-close {
  display: block !important;
}
/* line 46, ../sass/partials/_tooltips.scss */
.tooltip-close {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 2px;
  color: #333333;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
/* line 56, ../sass/partials/_tooltips.scss */
.tooltip-close:before {
  content: '\002715';
  font-size: 1.2rem;
  color: #b2b2b2;
  height: 16px;
  width: 16px;
  line-height: 16px;
}
@media (min-width: 600px) {
  /* line 46, ../sass/partials/_tooltips.scss */
  .tooltip-close {
    display: none;
  }
}

/* line 84, ../sass/partials/_tooltips.scss */
.tooltip-display.tooltip-show {
  background-color: #fff;
  color: #333333;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  opacity: 1;
  transition: opacity .3s;
  visibility: visible;
  overflow: visible;
  z-index: 10;
  height: auto;
  position: absolute;
}
@media (min-width: 1025px) {
  /* line 99, ../sass/partials/_tooltips.scss */
  .tooltip-display.tooltip-show:not(.tooltip-display--lp) {
    left: calc(50% + 4rem);
    width: 16.8%;
  }
}
@media (max-width: 1024px) {
  /* line 99, ../sass/partials/_tooltips.scss */
  .tooltip-display.tooltip-show:not(.tooltip-display--lp) {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 15px 0;
    top: 0 !important;
  }
}
@media (min-width: 1200px) {
  /* line 99, ../sass/partials/_tooltips.scss */
  .tooltip-display.tooltip-show:not(.tooltip-display--lp) {
    left: calc(50% + 1rem);
    width: 16.8%;
  }
}
/* line 118, ../sass/partials/_tooltips.scss */
.tooltip-display.tooltip-show.tooltip-display--lp {
  width: calc(80%);
}
@media (min-width: 700px) {
  /* line 118, ../sass/partials/_tooltips.scss */
  .tooltip-display.tooltip-show.tooltip-display--lp {
    width: 300px;
  }
  /* line 122, ../sass/partials/_tooltips.scss */
  .tooltip-display.tooltip-show.tooltip-display--lp:before {
    content: '';
    left: -10px;
    top: calc(50% - 10px);
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin: 0;
    position: absolute;
    transform: scaleY(0.7) rotate(45deg);
    box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
  }
  /* line 125, ../sass/partials/_tooltips.scss */
  .tooltip-display.tooltip-show.tooltip-display--lp:after {
    content: '';
    left: -20px;
    top: calc(50% - 15px);
    height: 30px;
    width: 20px;
    background-color: transparent;
    margin: 0;
    z-index: 1;
    position: absolute;
  }
}
/* line 140, ../sass/partials/_tooltips.scss */
.tooltip-display.tooltip-show.tooltip-display--left:before {
  left: auto;
  right: -10px !important;
  box-shadow: 2px -2px 1px rgba(0, 0, 0, 0.2);
}
/* line 145, ../sass/partials/_tooltips.scss */
.tooltip-display.tooltip-show.tooltip-display--left:after {
  left: auto;
  right: -20px !important;
}

@media (min-width: 1025px) {
  /* line 154, ../sass/partials/_tooltips.scss */
  .tooltip-display:not(.tooltip-display--lp):before {
    content: '';
    left: -10px;
    top: calc(50% - 10px);
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin: 0;
    position: absolute;
    transform: scaleY(0.7) rotate(45deg);
    box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
  }
}
/* line 159, ../sass/partials/_tooltips.scss */
.circle-icon {
  background: #f6e5e5;
  padding: 3px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  color: #ec579e;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  z-index: 20;
}
@media (min-width: 360px) {
  /* line 159, ../sass/partials/_tooltips.scss */
  .circle-icon {
    margin: -4px auto 0;
  }
}
@media (min-width: 600px) {
  /* line 159, ../sass/partials/_tooltips.scss */
  .circle-icon {
    padding: 2px;
  }
}
/* line 178, ../sass/partials/_tooltips.scss */
.circle-icon:before {
  content: "?";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}

/* line 1, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel {
  background: #1c355e;
  background: linear-gradient(180deg, #1c355e 25%, #023960 100%);
  background: -moz-linear-gradient(180deg, #1c355e 25%, #023960 100%);
  background: -webkit-linear-gradient(180deg, #1c355e 25%, #023960 100%);
  border: none;
  color: #fff;
  padding: 0;
}
/* line 10, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .cbh-panel--image {
  width: 100%;
}
/* line 14, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .cbh-panel--checkmark-icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
/* line 20, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .cbh-panel--confirm {
  color: #9CB94A;
  display: inline-block;
  width: calc(95% - 8px);
  margin-bottom: 0;
}
/* line 27, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .clearfix {
  padding: 1rem 2rem 0.5rem;
}
/* line 30, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .clearfix p:first-of-type {
  margin-top: 0;
}
/* line 34, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .clearfix input[type="checkbox"] {
  margin-left: auto;
  margin-right: 4px;
  float: none;
}
/* line 40, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .clearfix a {
  color: #fff;
  cursor: pointer;
}
/* line 45, ../sass/partials/_cbh-panel.scss */
.section.cbh-panel .clearfix .cbh-panel--btn-disabled {
  pointer-events: none;
  color: #fff;
  opacity: 0.5;
}

/* line 13, ../sass/partials/_layout.scss */
.container--new #container {
  min-height: calc(100vh - 197px);
}
/* line 16, ../sass/partials/_layout.scss */
.container--new #container header .skybar {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    background-color: #1c355e;
    max-width: 90%;
    margin: auto;
}

/* Navbar container */
.container--navbar {
    background-color: #1c355e;
}

/* line 22, ../sass/partials/_layout.scss */
.container--new #container header .skybar--logo {
  height: 24px;
  margin-left: 0px;
}
/* line 27, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item {
  display: block;
  height: 42px;
}
/* line 31, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item:hover {
  text-decoration: none;
}
/* line 35, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item img {
  display: block;
  margin: auto;
}
/* line 40, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-text {
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1.4;
  display: block;
  margin-top: 4px;
}
/* line 49, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown {
  position: relative;
}
/* line 52, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown .skybar--item-text {
  padding-right: 16px;
  position: relative;
}
/* line 56, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown .skybar--item-text::after {
  content: '';
  position: absolute;
  background: url("/img/icons/icon_chevron_down_white.svg") center/contain no-repeat;
  height: 10px;
  width: 11px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
/* line 72, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown:hover .skybar--item-text::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 78, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown__content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  right: 0;
  border-top: 3px solid #80cc00;
}
/* line 89, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown__content a {
  float: none;
  color: #64666A;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
/* line 100, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown__content a:not(:last-of-type) {
  border-bottom: 1px solid #E0E0E0;
}
/* line 104, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown__content a:hover {
  border-left: 3px solid #1c355e;
  padding-left: 13px;
}
/* line 111, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item-dropdown:hover .skybar--item-dropdown__content {
  display: block;
}
/* line 116, ../sass/partials/_layout.scss */
.container--new #container header .skybar--item:hover .skybar--item-dropdown::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 123, ../sass/partials/_layout.scss */
.container--new #container header .skybar #user {
  position: relative;
  right: 0px;
  margin-right: 0;
}
/* line 128, ../sass/partials/_layout.scss */
.container--new #container header .skybar #user li {
  margin-left: 20px;
}
/* line 134, ../sass/partials/_layout.scss */
.container--new #container #header {
  padding: 0;
}
/* line 137, ../sass/partials/_layout.scss */
.container--new #container #header #banner {
  padding: 24px 0 0;
}
/* line 140, ../sass/partials/_layout.scss */
.container--new #container #header #banner h1 {
  color: #1c355e;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* line 148, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box {
  margin: 24px 0;
  background: #FCFCFD;
  border-radius: 8px;
  border: 1px #E3E7EB solid;
  padding: 30px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
/* line 158, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box .store-icon {
  width: 58.73px;
  height: 56px;
  background: #1C355E;
  border-radius: 8px;
  display: inline-block;
  vertical-align: top;
}
/* line 165, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box .store-icon img {
  margin: 8px;
}
/* line 170, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box .details {
  letter-spacing: 0.10px;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
/* line 177, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box .details .title {
  color: #797C7F;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 14px;
}
/* line 185, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box .details .name {
  color: #111210;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
/* line 192, ../sass/partials/_layout.scss */
.container--new #container #header #banner .employer-details-box .vertical-border {
  width: 1px;
  height: 56px;
  background: #60605F;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
/* line 204, ../sass/partials/_layout.scss */
.container--new #container #header #headerNavigation {
  border: none;
}
/* line 209, ../sass/partials/_layout.scss */
.container--new #container #primary {
  background: transparent;
  padding: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
}
/* line 219, ../sass/partials/_layout.scss */
.container--new #container #primary li a {
  font-size: 1.125rem;
  color: #64666A;
  background-color: transparent;
  font-weight: 600;
  padding: 12px 10px;
  margin: 0;
  height: auto;
  line-height: inherit;
}
/* line 230, ../sass/partials/_layout.scss */
.container--new #container #primary li a.selected {
  background: transparent;
  color: #80cc00;
  font-weight: 700;
  border-bottom: 3px solid #80cc00;
}
/* line 237, ../sass/partials/_layout.scss */
.container--new #container #primary li a:hover {
  background: transparent;
  color: #80cc00;
}
/* line 245, ../sass/partials/_layout.scss */
.container--new #container .container--wrapper--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
/* line 251, ../sass/partials/_layout.scss */
.container--new #container .container--wrapper--inline h2:first-child {
  margin-top: 0;
}
/* line 255, ../sass/partials/_layout.scss */
.container--new #container .container--wrapper--inline #tertiary {
  position: relative;
  top: 0;
  left: 0;
  min-width: 200px;
  margin-right: 16px;
}
/* line 263, ../sass/partials/_layout.scss */
.container--new #container .container--wrapper--inline .section:last-of-type, .container--new #container .container--wrapper--inline .sectionWrap:last-of-type {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 0;
}
/* line 271, ../sass/partials/_layout.scss */
.container--new #container .subnav #secondary, .container--new #container .subnav .breadcrumbs--back {
  display: inline-block;
  list-style: none;
  padding-left: calc(2rem - 9px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  margin-bottom:15px;
}
/* line 280, ../sass/partials/_layout.scss */
.container--new #container .subnav #secondary li, .container--new #container .subnav .breadcrumbs--back li {
  margin: 0;
  float: left;
  padding: 0 0 0 12px;
}
/* line 285, ../sass/partials/_layout.scss */
.container--new #container .subnav #secondary li:first-of-type, .container--new #container .subnav .breadcrumbs--back li:first-of-type {
  padding-left: 0;
  margin-left: 0;
}
/* line 290, ../sass/partials/_layout.scss */
.container--new #container .subnav #secondary li a, .container--new #container .subnav .breadcrumbs--back li a {
  color: #1c355e;
  display: block;
  padding: 5px 9px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.875rem;
  cursor: pointer;
}
/* line 301, ../sass/partials/_layout.scss */
.container--new #container .subnav #secondary li a.selected, .container--new #container .subnav #secondary li a:hover, .container--new #container .subnav .breadcrumbs--back li a.selected, .container--new #container .subnav .breadcrumbs--back li a:hover {
  background: #1c355e;
  color: #fff;
  text-shadow: none;
}
/* line 310, ../sass/partials/_layout.scss */
.container--new #container .subnav #secondary {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
/* line 316, ../sass/partials/_layout.scss */
.container--new #container .subnav .breadcrumbs--back {
  margin-right: 16px;
}
/* line 319, ../sass/partials/_layout.scss */
.container--new #container .subnav .breadcrumbs--back-icon {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url("/img/icons/icon_chevron_right_blue.svg") center/contain no-repeat;
  width: 6px;
  height: 10px;
  margin-right: 4px;
  vertical-align: middle;
}
/* line 331, ../sass/partials/_layout.scss */
.container--new #container .subnav .breadcrumbs--back a:hover .breadcrumbs--back-icon {
  background: url("/img/icons/icon_chevron_right_white.svg") center/contain no-repeat;
}
/* line 337, ../sass/partials/_layout.scss */
.container--new #container .sectionHead {
  background-color: #1c355e;
  border: none;
}
/* line 341, ../sass/partials/_layout.scss */
.container--new #container .sectionHead h2 {
  font-weight: 400;
}
/* line 346, ../sass/partials/_layout.scss */
.container--new #container .section {
  margin-left: 0 !important;
}
/* line 349, ../sass/partials/_layout.scss */
.container--new #container .section h2 {
  color: #1c355e;
  font-weight: 500;
}
/* line 354, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list {
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 14px 18px 12px 14px;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 366, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list:hover {
  background-color: #F1F1F2;
}
/* line 370, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list:not(:last-of-type) {
  margin-bottom: 10px;
}
/* line 374, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list__icon {
  width: 28px;
  height: 28px;
}
/* line 379, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list__content {
  margin: 0 22px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
/* line 385, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list__content p {
  color: #666;
  margin: 0;
}
/* line 390, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list__content h3 {
  margin: 0 0 6px;
  color: #1c355e;
  font-weight: 500;
}
/* line 397, ../sass/partials/_layout.scss */
.container--new #container .section .cta--icon-list__chevron {
  width: 8px;
  height: 10px;
}
/* line 402, ../sass/partials/_layout.scss */
.container--new #container .section .dashboard-marketing-left p {
  margin-right: 20px;
}
/* line 407, ../sass/partials/_layout.scss */
.container--new #container .section .nav-info__label {
  text-shadow: none;
}
/* line 411, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation, .container--new #container .section.info {
  color: #fff;
  background: #1c355e;
  border: none;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.17);
}
/* line 418, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation p a, .container--new #container .section.info p a {
  color: #fff;
}
/* line 422, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation h3, .container--new #container .section.info h3 {
  font-weight: 500;
}
/* line 426, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .code, .container--new #container .section.info .code {
  border: none;
  height: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: scroll;
  white-space: nowrap;
}
/* line 439, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .code a, .container--new #container .section.info .code a {
  margin-top: 3px;
  display: block;
}
/* line 445, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .confirmation--code, .container--new #container .section.info .confirmation--code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
}
/* line 455, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .confirmation--button, .container--new #container .section.info .confirmation--button {
  background-color: #fff;
  color: #1c355e;
  border-radius: 8px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  min-width: 130px;
  box-sizing: border-box;
}
/* line 465, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .confirmation--button span:not(.confirmation--button-tooltip), .container--new #container .section.info .confirmation--button span:not(.confirmation--button-tooltip) {
  vertical-align: middle;
}
/* line 469, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .confirmation--button:hover, .container--new #container .section.info .confirmation--button:hover {
  opacity: 0.9;
}
/* line 473, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation .confirmation--button:not(:first-of-type), .container--new #container .section.info .confirmation--button:not(:first-of-type) {
  margin-left: 16px;
}
/* line 478, ../sass/partials/_layout.scss */
.container--new #container .section.confirmation p:last-of-type, .container--new #container .section.info p:last-of-type {
  margin: 0;
}
/* line 484, ../sass/partials/_layout.scss */
.container--new #container input[type="submit"], .container--new #container input[type="button"], .container--new #container button, .container--new #container a.button {
  background: #48850F;
  text-shadow: none;
  box-shadow: none;
}
/* line 489, ../sass/partials/_layout.scss */
.container--new #container input[type="submit"]:hover, .container--new #container input[type="button"]:hover, .container--new #container button:hover, .container--new #container a.button:hover {
  background: #72b621;
}
/* line 495, ../sass/partials/_layout.scss */
.container--new #container #vouchers .tableCloth::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 12px;
}
/* line 500, ../sass/partials/_layout.scss */
.container--new #container #vouchers .tableCloth::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}
/* line 506, ../sass/partials/_layout.scss */
.container--new #container #vouchers .tableCloth tbody td {
  max-width: 150px;
  box-sizing: border-box;
  word-wrap: break-word;
}
/* line 511, ../sass/partials/_layout.scss */
.container--new #container #vouchers .tableCloth tbody td * {
  word-wrap: break-word;
}

/* line 519, ../sass/partials/_layout.scss */
.container--new * {
  font-family: 'Open Sans', sans-serif;
}
/* line 523, ../sass/partials/_layout.scss */
.container--new .container--wrapper {
  width: 90%;
  margin: auto !important;
  position: relative;
}
/* line 530, ../sass/partials/_layout.scss */
.container--new #footer {
  position: relative;
  background-color: #1c355e;
  border: none;
  padding: 28px 0 18px;
}
/* line 536, ../sass/partials/_layout.scss */
.container--new #footer .footer--bhn-logo {
  display: block;
  margin-bottom: 20px;
}
/* line 541, ../sass/partials/_layout.scss */
.container--new #footer p, .container--new #footer a, .container--new #footer div:not(.container--wrapper) {
  text-shadow: none;
  color: #fff;
  display: inline-block;
}
/* line 547, ../sass/partials/_layout.scss */
.container--new #footer .small {
  padding-left: 0;
}
/* line 551, ../sass/partials/_layout.scss */
.container--new #footer .ident {
  position: relative;
  float: right;
}
/* line 556, ../sass/partials/_layout.scss */
.container--new #footer .loftIdent {
  padding-top: 6px;
}
/* line 560, ../sass/partials/_layout.scss */
.container--new #footer #reportBug {
  background: url("/img/icons/icon_report.svg") no-repeat;
  padding-left: 28px;
}
/* line 567, ../sass/partials/_layout.scss */
.ml-30 {
  margin-left:30px !important
}
/* line 571, ../sass/partials/_layout.scss */
.ml-45 {
  margin-left:45px !important
}
/* line 575, ../sass/partials/_layout.scss */
.ml-65 {
  margin-left:65px !important
}
/* line 579, ../sass/partials/_layout.scss */
.mw-180 {
  min-width: 180px;
}

/* line 2, ../sass/partials/_buttons.scss */
.button--copy-text {
  position: relative;
}
/* line 5, ../sass/partials/_buttons.scss */
.button--copy-text__tooltip {
  visibility: hidden;
  width: 140px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 8px);
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
/* line 21, ../sass/partials/_buttons.scss */
.button--copy-text__tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
}
/* line 33, ../sass/partials/_buttons.scss */
.button--copy-text:hover .button--copy-text__tooltip {
  visibility: visible;
  opacity: 1;
}
/* line 38, ../sass/partials/_buttons.scss */
.button--copy-text::after {
  background: url("/img/icons/icon_copy_link.svg") center/contain no-repeat;
}
/* line 43, ../sass/partials/_buttons.scss */
.button--copy-text::after, .button--visit-page::after {
  content: '';
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin-left: 8px;
}
/* line 52, ../sass/partials/_buttons.scss */
.button--visit-page::after {
  background: url("/img/icons/icon_visit_page.svg") center/contain no-repeat;
}
/* line 56, ../sass/partials/_buttons.scss */
.button--full {
  width: 100%;
  text-align: center;
}
/* line 61, ../sass/partials/_buttons.scss */
.button--hide {
  display: none;
}

/* line 1, ../sass/partials/_errors.scss */
.section.message.error-message, #csrf-element .errors, dl.zend_form .errors {
  border-radius: 4px;
  border: 2px solid #D02020;
  background: rgba(208, 32, 32, 0.1);
  color: #D02020;
  padding: 16px;
}
/* line 8, ../sass/partials/_errors.scss */
.section.message.error-message img, #csrf-element .errors img, dl.zend_form .errors img {
  margin-right: 4px;
}
/* line 12, ../sass/partials/_errors.scss */
.section.message.error-message p, #csrf-element .errors p, dl.zend_form .errors p {
  display: inline-block;
  vertical-align: middle;
}
/* line 17, ../sass/partials/_errors.scss */
.section.message.error-message li, #csrf-element .errors li, dl.zend_form .errors li {
  color: #D02020;
  font-weight: 600;
  list-style: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
/* line 39, ../sass/landing-pages/_login.scss */
.login {
  background-color: red;
  max-width: 100%;
  background-color: #1c355e;
  background: linear-gradient(180deg, rgba(28, 53, 94, .49) 0, rgba(28, 53, 94, .49) 50%, #1c355e 80%, #1c355e), url("/img/cs/ebc-register-bg.jpeg") 50% no-repeat;
  background-size: cover;
  padding: 68px 0 60px;
  min-height: 70vh;
}
/* line 54, ../sass/landing-pages/_login.scss */
.login * {
  box-sizing: border-box;
}
/* line 58, ../sass/landing-pages/_login.scss */
.login h1, .login h2, .login h3, .login p, .login label, .login input, .login li {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
}
/* line 64, ../sass/landing-pages/_login.scss */
.login--container {
  max-width: 1440px;
  padding: 0 24px;
  margin: 0 auto;
}
/* line 69, ../sass/landing-pages/_login.scss */
.login--container-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
/* line 74, ../sass/landing-pages/_login.scss */
.login--container-inner__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 300px;
  margin: 0 auto;
}
/* line 80, ../sass/landing-pages/_login.scss */
.login--container-inner__logos img:first-child {
  max-width: 135px;
}
/* line 84, ../sass/landing-pages/_login.scss */
.login--container-inner__logos img:last-child {
  max-width: 125px;
}
@media (min-width: 1200px) {
  /* line 69, ../sass/landing-pages/_login.scss */
  .login--container-inner {
    padding: 0 121px;
  }
}
/* line 95, ../sass/landing-pages/_login.scss */
.login--container-info {
  text-align: center;
}
/* line 98, ../sass/landing-pages/_login.scss */
.login--container-info div {
  color: #fff;
}
/* line 101, ../sass/landing-pages/_login.scss */
.login--container-info div:first-of-type {
  margin-top: 24px;
}
/* line 104, ../sass/landing-pages/_login.scss */
.login--container-info div:first-of-type a, .login--container-info div:first-of-type p {
  font-size: 16px;
}
/* line 109, ../sass/landing-pages/_login.scss */
.login--container-info div:last-of-type {
  margin-top: 16px;
}
/* line 112, ../sass/landing-pages/_login.scss */
.login--container-info div:last-of-type a, .login--container-info div:last-of-type p {
  font-size: 14px;
}
/* line 118, ../sass/landing-pages/_login.scss */
.login--container-info a {
  color: #fff;
}
/* line 121, ../sass/landing-pages/_login.scss */
.login--container-info a:hover, .login--container-info a:visited {
  color: #f2f2f2;
}
/* line 128, ../sass/landing-pages/_login.scss */
.login--box {
  background-color: #E5E9EC;
  border-radius: 30px;
  margin: 48px auto 60px;
  padding: 32px;
  width: 100%;
  max-width: 450px;
}
/* line 136, ../sass/landing-pages/_login.scss */
.login--box-title {
  color: #000;
  text-align: center;
  font-size: 28px;
  margin: 0 0 24px;
}
/* line 143, ../sass/landing-pages/_login.scss */
.login--box-text {
  color: #000;
  text-align: center;
  margin-bottom: 24px;
}
/* line 150, ../sass/landing-pages/_login.scss */
.login--box .zend_form label {
  font-size: 12px;
  color: #000;
}
/* line 155, ../sass/landing-pages/_login.scss */
.login--box .zend_form input[type="submit"] {
  background: #80cc00;
  width: 100%;
  height: 48px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
/* line 162, ../sass/landing-pages/_login.scss */
.login--box .zend_form input[type="text"], .login--box .zend_form input[type="password"] {
  background: #fff;
  border: solid #d3d3d3;
  border-width: 1px 1px 3px;
  height: 48px;
  box-shadow: none;
  border-radius: 0;
  color: #222;
  font-size: 16px;
  padding-left: 48px;
}
/* line 174, ../sass/landing-pages/_login.scss */
.login--box .zend_form #username-element::after, .login--box .zend_form #password-element::after, .login--box .zend_form #email-element::after, .login--box .zend_form #password1-element::after, .login--box .zend_form #password2-element::after {
  content: '';
  height: 25px;
  width: 25px;
  position: absolute;
  left: 10px;
  top: 10px;
}
/* line 183, ../sass/landing-pages/_login.scss */
.login--box .zend_form #username-element, .login--box .zend_form #email-element {
  position: relative;
}
/* line 186, ../sass/landing-pages/_login.scss */
.login--box .zend_form #username-element::after, .login--box .zend_form #email-element::after {
  background: url("/img/icons/icon_user_login.svg") center/contain no-repeat;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 10px;
  top: 10px;
  content: '';
}
/* line 197, ../sass/landing-pages/_login.scss */
.login--box .zend_form #password-element, .login--box .zend_form #password1-element, .login--box .zend_form #password2-element {
  position: relative;
}
/* line 200, ../sass/landing-pages/_login.scss */
.login--box .zend_form #password-element::after, .login--box .zend_form #password1-element::after, .login--box .zend_form #password2-element::after {
  background: url("/img/icons/icon_lock.svg") center/contain no-repeat;
}
/* line 206, ../sass/landing-pages/_login.scss */
.login--box .confirmation {
  min-height: auto;
}
/* line 209, ../sass/landing-pages/_login.scss */
.login--box .confirmation p:last-child {
  margin: 0;
}
/* line 214, ../sass/landing-pages/_login.scss */
.login--box #csrf-label, .login--box #submit-label {
  display: none;
}
/* line 218, ../sass/landing-pages/_login.scss */
.login--box #csrf-element {
  margin-bottom: 0;
}
/* line 223, ../sass/landing-pages/_login.scss */
.login--footer {
  background: #1c355e;
  border-top: 1px solid #fff;
  position: relative;
  padding: 70px 0;
}
/* line 229, ../sass/landing-pages/_login.scss */
.login--footer * {
  box-sizing: border-box;
}
/* line 233, ../sass/landing-pages/_login.scss */
.login--footer-container {
  max-width: 1440px;
  padding: 0 24px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1200px) {
  /* line 233, ../sass/landing-pages/_login.scss */
  .login--footer-container {
    padding: 0 121px;
  }
}
/* line 244, ../sass/landing-pages/_login.scss */
.login--footer-top {
  font-size: 14px;
  padding: 0 0 60px;
  border-bottom: 1px solid #fff;
}
/* line 249, ../sass/landing-pages/_login.scss */
.login--footer-top-inner {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
}
@media (max-width: 849px) {
  /* line 249, ../sass/landing-pages/_login.scss */
  .login--footer-top-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 263, ../sass/landing-pages/_login.scss */
.login--footer-top-inner ul {
  padding: 0;
}
/* line 266, ../sass/landing-pages/_login.scss */
.login--footer-top-inner ul li {
  float: left;
  padding: 0 0 0 9px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
/* line 274, ../sass/landing-pages/_login.scss */
.login--footer-top-inner ul li a, .login--footer-top-inner ul li a:hover, .login--footer-top-inner ul li a:visited {
  font-weight: 600;
  text-decoration: none;
  color: #fff;
}
/* line 280, ../sass/landing-pages/_login.scss */
.login--footer-top-inner ul li:not(:first-child)::before {
  content: '';
  width: 2px;
  height: 15px;
  background: #fff;
  display: inline-block;
  margin: 0 10px 0 0;
}
/* line 293, ../sass/landing-pages/_login.scss */
.login--footer-bottom {
  padding: 20px 0 0;
}
/* line 296, ../sass/landing-pages/_login.scss */
.login--footer-bottom p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
/* line 303, ../sass/landing-pages/_login.scss */
.login--loading-spinner {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  display: none;
}
/* line 313, ../sass/landing-pages/_login.scss */
.login--loading-spinner::after {
  content: '';
  position: absolute;
  border-top: 4px solid transparent !important;
  border: 4px solid #ff6a80;
  width: 97px;
  height: 97px;
  top: calc(50% - 43.5px);
  left: calc(50% - 43.5px);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
/* line 318, ../sass/landing-pages/_login.scss */
.login input[type="text"], .login input[type="password"] {
  width: 100%;
}
/* line 322, ../sass/landing-pages/_login.scss */
.login .section.message.error-message p {
  vertical-align: top;
  line-height: 23px;
  width: 90%;
}
/* line 328, ../sass/landing-pages/_login.scss */
.login--redirect {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  align-items: center;
  justify-content: center;
}
/* line 340, ../sass/landing-pages/_login.scss */
.login--redirect .login--box {
  padding: 24px;
  max-width: 550px;
  border-radius: 16px;
}
/* line 345, ../sass/landing-pages/_login.scss */
.login--redirect .login--box p {
  margin: 0;
}
/* line 349, ../sass/landing-pages/_login.scss */
.login--redirect .login--box .login--redirect-spinner {
  content: '';
  position: absolute;
  border-top: 4px solid transparent !important;
  border: 4px solid #ff6a80;
  width: 97px;
  height: 97px;
  top: calc(50% - 43.5px);
  left: calc(50% - 43.5px);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transform: none;
  margin: 16px auto 0;
  border-width: 2px !important;
  position: relative;
  display: block;
}

/* line 365, ../sass/landing-pages/_login.scss */
#loginForm {
  display: none;
}

/* line 370, ../sass/landing-pages/_login.scss */
#loginFormInitial .error-message {
  display: none;
}
/* line 373, ../sass/landing-pages/_login.scss */
#loginFormInitial .error-message--show {
  display: block;
}

/* =Voucher Table (CS Employer Admin)
--------------------------------------------------------------
*/
.table-container-padding {
  padding: 0 24px 24px;
}
.voucher-table-container {
  background: inherit;
}
.voucher-table-container .voucher-table {
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: auto;
  margin: 0;
  clear: both;
  border: 1px solid #CBD5E1;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.voucher-table-container .voucher-table thead tr th {
  background: #F2F4F7;
  color: #415576;
  padding: 12px 8px;
  border: 0;
}
.voucher-table-container .voucher-table thead tr th:first-child {
  padding: 12px 24px;
}
.voucher-table-container .voucher-table tbody tr {
  background: white;
  border-bottom: 1px solid #CBD5E1;
}
.voucher-table-container .voucher-table tbody tr td {
  padding: 16px 8px;
  overflow: hidden;
  color: #415576;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 121.429% */
  white-space: nowrap;
}
.voucher-table-container .voucher-table tbody tr td:first-child {
  padding: 12px 24px;
  width: 1%;
}
.voucher-table-container .voucher-table tbody tr td:last-child {
  padding: 16px 24px 16px 0px;
  width: 10%;
}
.voucher-table-container .voucher-table tbody tr td:last-child div.table-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  padding: 0;
}
.voucher-table-container .voucher-table tbody tr td.td-emp-name {
  max-width: 150px;
}
.voucher-table-container .voucher-table tbody tr td.td-emp-email {
  max-width: 150px;
}
.voucher-table-container .voucher-table tbody tr.no-boder{
  border: none;
}
.voucher-table-container .voucher-table tbody tr td.no-padding {
  padding: 0;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item {
  display: flex;
  padding: 24px 24px 40px 24px;
  align-items: flex-end;
  gap: 50px;
  align-self: stretch;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .payment-details-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .payment-details-div .title {
  color:  #525252;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .payment-details-div .details-box {
  display: flex;
  align-items: center;
  gap: 40px;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .payment-details-div .details-box .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .payment-details-div .details-box .title {
  color: #797C7F;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 140% */
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .payment-details-div .details-box .value {
  color: #111210;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.1px;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .horizontal-line {
  width: 1px;
  height: 69px;
  background: #DCDCDC;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .action-div {
  display: flex;
  padding-right: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  flex: 1 0 0;
}
.voucher-table-container .voucher-table tbody tr td .accordion-item .action-div a.button {
  flex: 1 0 0;
  border-radius: 4px !important;
  background: #1C355E !important;
  color: #FFF;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal !important;
  margin: 0 !important;
}
/* .voucher-table-container .voucher-table input[type="checkbox"] {
  margin: 24px;
} */
.voucher-table-container .voucher-table input[type="checkbox"]:checked {
  background-color: #48850F;
  border: 1px solid #48850F !important;
}
.voucher-table-container .badge {
  padding: 0.50em 1.5em;
  align-items: center;
  border-radius: 15px;
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  max-width: 60%;
  display: block;
}
.voucher-table-container .badge .tooltiptext {
  position: absolute;
  visibility: hidden;
  width: 180px;
  background-color: #adadad;
  color: #fff;
  text-align: center;
  padding: 4px 8px;
  border-radius: 6px;
  z-index: 1;
  white-space: normal;
  font-weight: 600;
  line-height: 1.4;
  margin-top: -15px;
  margin-left: 9%;
}
@media (min-width: 780px) {
  .voucher-table-container .badge .tooltiptext {
    margin-left: 8%;
  }
}
/* Show the tooltip text when you mouse over the tooltip container */
.voucher-table-container .badge:hover .tooltiptext {
  visibility: visible;
}
.voucher-table-container .badge-success {
  background: #48850F;
  color: white;
}
.voucher-table-container .badge-danger {
  background: #A81A42;
  color: white;
}
.voucher-table-container .badge-warning {
  background: #FF8A00;
  color: white;
}
.voucher-table-container .table-action{
  padding: 16px;
}
.voucher-table-container .table-footer {
  display: flex;
  padding: 16px 24px;
  justify-content: space-between;
  margin-top:10px;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
    background-color: white;
}
.voucher-table-container .table-footer .div-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}
.voucher-table-container .table-footer form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.voucher-table-container .table-footer .pagination {
  padding: 0!important;
  display: flex;
  align-items: center;
}
.voucher-table-container .table-footer .pagination a {
  display: inline;
  background: transparent;
  box-shadow: none;
}
.voucher-table-container .table-footer .pagination span {
  display: inline;
  background: transparent;
  box-shadow: none;
}
.voucher-table-container .table-footer .pagination a:hover  {
  background: #1c355e;
  color: #fff;
}
.voucher-table-container .table-footer .pagination span.selected {
  background: #1c355e;
  color: #fff;
}
.voucher-table-container .table-footer .pagination input {
  width: 48px;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #E3E7EB;
  background: #FFF;
}
.voucher-table-container .table-footer .pagination input:focus {
  border: 1px solid #999;
}
.voucher-table-container .table-footer .pagination select {
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid #E3E7EB;
  box-shadow: none;
}
.voucher-table-container .approve-button{
  display: flex !important;
  align-items: center;
  padding: 10px 16px;
}
.voucher-table-container .approve-button i{
  margin-right: 15px;
  font-size: 24px;
  margin-top: 2px;
}
.voucher-table-container .button-expand {
  background: none !important;
  color: #667085;
  font-size: 15px;
  padding: 5px 0 5px 5px;
  text-decoration: none;
}
.voucher-table-container .button-expand .fa-chevron-down{
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.voucher-table-container .button-expand .fa-chevron-down.open{
  transform: rotate(180deg);
  transition: transform 0.3s linear;
}

/* =Voucher View Page
--------------------------------------------------------------
*/
.voucher-page-container {
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
}
.voucher-page-container .voucher-page-header {
  display: flex;
  padding: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-top: 1px solid #DCDCDC;
}
.voucher-page-container .voucher-page-header .page-title {
  flex: 1 0 0;
  color: #1C355E;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.voucher-page-container .voucher-page-header .header-action {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.voucher-page-container .voucher-page-content {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
.voucher-page-container .voucher-page-content hr {
  width: 100%;
}
.voucher-page-container .voucher-page-content .details-container {
  display: flex;
  align-items: flex-start;
  gap: 56px;
  flex-wrap: wrap;
}
.voucher-page-container .voucher-page-content .details-container .details-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}
.voucher-page-container .voucher-page-content .details-container .details-div.table-row {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #DCDCDC;
}
.voucher-page-container .voucher-page-content .details-container .details-div .title {
  color:  #525252;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.voucher-page-container .voucher-page-content .details-container .details-div .details-box {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
.voucher-page-container .voucher-page-content .details-container .details-div .details-box .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.voucher-page-container .voucher-page-content .details-container .details-div .details-box .title {
  color: #797C7F;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 140% */
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
.voucher-page-container .voucher-page-content .details-container .details-div .details-box .value {
  color: #111210;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.1px;
}
.voucher-page-container .voucher-page-content .details-container-column {
  flex-direction: column !important;
  gap: 24px;
}
.voucher-page-container .voucher-page-content .details-container-column.table {
    gap: 16px;
    width: 100%;
}
.voucher-page-container .voucher-page-content .details-container .details-div .details-box .details.retailer-details {
    min-width: 6rem;
    max-width: 8rem;
}
.voucher-page-container .badge {
  padding: 4px 10px;
  align-items: center;
  border-radius: 15px;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  user-select: none;
  display: block;
  letter-spacing: 0.16px;
}
.voucher-page-container .badge-success {
  background: #48850F;
  color: white;
}
.voucher-page-container .badge-danger {
  background: #A81A42;
  color: white;
}
.voucher-page-container .badge-warning {
  background: #FF8A00;
  color: white;
}
#buttonBulkApproveDisplay {
  display: none !important;
}
.confirmation-message {
  display: none;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.confirmation-message .confirmation {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid  #DCDCDC !important;
  background: #E6F6F4 !important;
  color: #415576 !important;
}
.confirmation-message .confirmation .confirm-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.confirmation-message .confirmation .confirm-content .confirm-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px; /* 70.833% */
}
.confirmation-message .confirmation .confirm-content p {
  margin: 0;
  font-size: 16px;
  line-height: 17px;
}
.confirmation-message .confirmation .confirm-content .confirm-section-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.confirmation-message .confirmation .confirm-content .confirm-section-div p {
  line-height: 130%;
}
.confirmation-message .confirmation-action {
  display: flex;
  padding: 16px 0px;
  align-items: flex-start;
  align-self: stretch;
  border-top: 1px solid #DCDCDC;
}
.confirmation-message .confirmation-action form {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.confirmation-message .confirmation-action a {
  height: 36px !important;
}
.btn-primary-border {
  display: flex;
  padding: 0px 16px !important;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  border: 2px solid #1C355E !important;
  background: transparent !important;
  color: #1C355E !important;
  text-decoration: none;
}
.btn-primary-border:not(disabled):hover {
  background: #1C355E !important;
  color: white !important;
  text-decoration: none;
}
.btn-primary-border.disabled {
  cursor: not-allowed;
  border: 2px solid #1C355Eaf !important;
  color: #1C355Eaf !important;
}
.btn-primary-border.disabled:hover {
  background: transparent !important;
  border: 2px solid #1C355Eaf !important;
  color: #1C355Eaf !important;
}
.btn-primary {
  display: flex;
  padding: 0px 16px !important;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  height: 40px;
  background: #1C355E !important;
  color: white !important;
}
.btn-primary:hover {
  background: #1C355EEA !important;
}
.h-40 {
  height: 40px;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.max-w-346 {
  max-width: 346px;
}

/* =Voucher Decline Page
--------------------------------------------------------------
*/
.voucher-decline-page-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #FFF;
}
.voucher-decline-page-container .voucher-decline-form-section {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.voucher-decline-page-container .voucher-decline-form-section .page-title {
  color: #1C355E;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  gap: 2%;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  align-self: stretch;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group label {
  color: #797C7F;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 140% */
  letter-spacing: 0.1px;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group select {
  display: flex;
  padding: 16px !important;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background-image: url("/img/icons/icon_arrow_down.svg");
  background-size: 20px;
  background-position-x: 96%;
  color: #415576;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  max-width: 100% !important;
  margin: 0;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group input[type="text"] {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  color: #415576;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  width: 100%;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group input[type="number"] {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #FFF;
  color: #415576;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  width: 100%;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group textarea {
  display: flex;
  padding: 16px !important;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #FFF;
  color: #415576;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  max-width: inherit;
  width: inherit;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group input::-webkit-input-placeholder {
  color: #4155769a;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group textarea::-webkit-input-placeholder {
  color: #4155769a;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group input:-moz-placeholder {
  color: #4155769a;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group textarea:-moz-placeholder {
  color: #4155769a;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group .div-into-cyclescheme {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group .div-into-cyclescheme input[type="checkbox"] {
  margin: 0;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group .div-into-cyclescheme label {
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-form .input-group .info-into-cyclescheme {
  align-self: stretch;
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  margin-top:10px;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-preview {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  background: #F5F7F6;
  width: 50%;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-preview .preview-title {
  color: #415576;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px; /* 106.25% */
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-preview .empty-preview {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  align-self: stretch;
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-preview .empty-preview .message {
  align-self: stretch;
  color: #525252;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
.voucher-decline-page-container .voucher-decline-form-section .form-preview-container .decline-preview .preview-box {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 8px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  align-self: stretch;
}
.voucher-decline-page-container .voucher-decline-form-action {
  display: flex;
  padding: 16px 24px;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-top: 1px solid #DCDCDC;
}
.btn-secondary {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: #525252 !important;
  color: #FFF !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  gap: 12px;
}
.btn-secondary:not(.disabled):hover {
  text-decoration: none;
  background: #525252df !important;
}


/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:
*/
/* line 43, ../sass/main.scss */
::-webkit-input-placeholder {
  font-weight: 300;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
}

/* line 47, ../sass/main.scss */
:-moz-placeholder {
  font-weight: 300;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
}

/* Firefox 18- */
/* line 51, ../sass/main.scss */
::-moz-placeholder {
  font-weight: 300;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
}

/* Firefox 19+ */
/* line 55, ../sass/main.scss */
:-ms-input-placeholder {
  font-weight: 300;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
}

/* line 65, ../sass/main.scss */
.container {
  *zoom: 1;
  max-width: 61em;
  _width: 61em;
  padding-left: 3em;
  padding-right: 3em;
  margin-left: auto;
  margin-right: auto;
}
/* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 40em) {
  /* line 65, ../sass/main.scss */
  .container {
    *zoom: 1;
    max-width: 45em;
    padding-left: 3em;
    padding-right: 3em;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .container:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (max-width: 25em) {
  /* line 65, ../sass/main.scss */
  .container {
    *zoom: 1;
    max-width: 29em;
    padding-left: 3em;
    padding-right: 3em;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .container:after {
    content: "";
    display: table;
    clear: both;
  }
}
/* line 68, ../sass/main.scss */
.container--margin-top {
  margin-top: 5rem;
}
/* line 69, ../sass/main.scss */
.container--margin-top h1 {
  margin: 0 10px;
}
@media screen and (min-width: 500px) {
  /* line 69, ../sass/main.scss */
  .container--margin-top h1 {
    margin-top: 5rem;
  }
}

/* line 81, ../sass/main.scss */
html, body {
  height: 100%;
}

/* line 85, ../sass/main.scss */
body {
  margin: 0;
  padding: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
  color: #666;
  line-height: 1.6;
  font-size: 14px;
}

/* line 95, ../sass/main.scss */
.wrapper {
  position: relative;
  height: auto !important;
  /* real browsers */
  height: 100%;
  /* IE6: treaded as min-height*/
  min-height: 100%;
  /* real browsers */
}

/* ===================================================
	Page header styles
=================================================== */
/* line 109, ../sass/main.scss */
header .skybar {
  background-color: #F1F1F2;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
  font-size: em(12px);
  width: 100%;
}
/* line 114, ../sass/main.scss */
header .skybar span {
  line-height: 3;
  font-size: 12px;
  font-size: 0.75rem;
}

/* line 122, ../sass/main.scss */
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #1c355e;
}
/* line 127, ../sass/main.scss */
footer .copyright, footer .grg-link {
  color: #fff;
  line-height: 2.5;
  font-size: 12px;
  font-size: 0.75rem;
}
/* line 133, ../sass/main.scss */
footer .copyright {
  float: left;
}
/* line 136, ../sass/main.scss */
footer .grg-link {
  float: right;
}
/* line 138, ../sass/main.scss */
footer .grg-link a {
  color: #fff;
  text-decoration: underline;
}

/* line 145, ../sass/main.scss */
.development #footer {
  position: relative !important;
  z-index: 0;
}

/* line 150, ../sass/main.scss */
h1 {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  color: #1c355e;
}

/* line 157, ../sass/main.scss */
p, ul {
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 162, ../sass/main.scss */
a {
  color: #1c355e;
  text-decoration: underline;
}
/* line 166, ../sass/main.scss */
a:visited {
  color: #1c355e;
}
/* line 170, ../sass/main.scss */
a:hover, a:active {
  color: #2a88ce;
  text-decoration: underline;
}

/* line 176, ../sass/main.scss */
.login-form {
  width: 47.54098%;
  float: left;
  margin-right: 4.91803%;
  display: inline;
}
/* line 178, ../sass/main.scss */
.login-form span {
  color: #acacac;
  font-size: 14px;
  font-size: 0.875rem;
}
/* line 183, ../sass/main.scss */
.login-form span.pipe {
  margin: 0 10px;
}
/* line 187, ../sass/main.scss */
.login-form a {
  color: #acacac;
  text-decoration: none;
}

/* line 193, ../sass/main.scss */
.login-notice {
  width: 47.54098%;
  float: right;
  margin-right: 0;
  *margin-left: -3em;
  display: inline;
}
/* line 196, ../sass/main.scss */
.login-notice .post-it {
  padding: 15px 15px 2px;
  padding: 0.9375rem 0.9375rem 0.125rem;
  position: relative;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 206, ../sass/main.scss */
.login-notice .post-it img {
  width: 30%;
  margin-right: 2%;
}
/* line 210, ../sass/main.scss */
.login-notice .post-it img:last-of-type {
  margin: 0;
}
/* line 215, ../sass/main.scss */
.login-notice .post-it:after, .login-notice .post-it:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 225, ../sass/main.scss */
.login-notice .post-it:after {
  border-right-color: #FFF;
  border-width: 10px;
  top: 25%;
  margin-top: -15px;
}
/* line 233, ../sass/main.scss */
.login-notice .post-it:before {
  border-right-color: #c9c9c9;
  border-width: 11px;
  top: 25%;
  margin-top: -16px;
}

/* line 242, ../sass/main.scss */
.login-alt-service {
  background-color: #f9f9f9;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}
/* line 245, ../sass/main.scss */
.login-alt-service h1 {
  margin-bottom: 5px;
}
/* line 249, ../sass/main.scss */
.login-alt-service p {
  margin-top: 0;
  margin-bottom: 35px;
}
/* line 254, ../sass/main.scss */
.login-alt-service section {
  width: 47.54098%;
  float: left;
  margin-right: 4.91803%;
  display: inline;
}
/* line 257, ../sass/main.scss */
.login-alt-service section:nth-of-type(2n) {
  width: 47.54098%;
  float: right;
  margin-right: 0;
  *margin-left: -3em;
  display: inline;
}
/* line 263, ../sass/main.scss */
.login-alt-service section.computing-scheme h1, .login-alt-service section.childcare-scheme h1 {
  font-size: 20px;
  font-size: 1.25rem;
}
/* line 269, ../sass/main.scss */
.login-alt-service section.computing-scheme a, .login-alt-service section.childcare-scheme a {
  text-decoration: none;
}
/* line 273, ../sass/main.scss */
.login-alt-service section.computing-scheme ul, .login-alt-service section.childcare-scheme ul {
  margin: 30px 0;
  list-style-image: url(../images/blue_arrow_list.gif);
  line-height: 2;
}
/* line 280, ../sass/main.scss */
.login-alt-service section.computing-scheme img.scheme-logo, .login-alt-service section.childcare-scheme img.scheme-logo {
  margin: 30px 0;
}
/* line 287, ../sass/main.scss */
.login-alt-service section.computing-scheme h1, .login-alt-service section.computing-scheme a {
  color: #76528f;
}
/* line 293, ../sass/main.scss */
.login-alt-service section.childcare-scheme h1, .login-alt-service section.childcare-scheme a {
  color: #01a1e4;
}
/* line 299, ../sass/main.scss */
.login-alt-service section .scheme-referral {
  line-height: 1.6;
}

/* line 305, ../sass/main.scss */
.section-block {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

/* line 315, ../sass/main.scss */
.alt-scheme-dashboard {
  background-color: #f9f9f9;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}

/* line 322, ../sass/main.scss */
.zend_form {
  overflow: hidden;
}
/* line 324, ../sass/main.scss */
.zend_form dd {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  position: relative;
}
/* line 330, ../sass/main.scss */
.zend_form dd ul.errors {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}
/* line 335, ../sass/main.scss */
.zend_form dd ul.errors li {
  color: darkred;
}
/* line 340, ../sass/main.scss */
.zend_form dd .description {
  position: absolute;
  left: 300px;
  top: -40px;
  display: block;
  width: 350px;
  padding: 15px;
  padding: 0.9375rem;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 357, ../sass/main.scss */
.zend_form dd .description:after, .zend_form dd .description:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 367, ../sass/main.scss */
.zend_form dd .description:after {
  border-right-color: #FFF;
  border-width: 10px;
  top: 35%;
  margin-top: -15px;
}
/* line 375, ../sass/main.scss */
.zend_form dd .description:before {
  border-right-color: #c9c9c9;
  border-width: 11px;
  top: 35%;
  margin-top: -16px;
}

/* line 385, ../sass/main.scss */
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="color"],
input[type="email"],
.tagsinput {
  padding: 8px 1%;
  width: 98%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  border: 1px solid #ccc;
  border-bottom: 1px solid #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  font-weight: 300;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
}
/* line 409, ../sass/main.scss */
input[type="text"]:required,
input[type="password"]:required,
input[type="url"]:required,
input[type="tel"]:required,
input[type="number"]:required,
input[type="color"]:required,
input[type="email"]:required,
.tagsinput:required {
  border: 1px solid #acacac;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 419, ../sass/main.scss */
input[type="submit"],
input[type="button"],
button,
a.button {
  background: #98c132;
  background: -moz-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98c132), color-stop(100%, #517d00));
  background: -webkit-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: -o-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: -ms-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: linear-gradient(to bottom, #98c132 0%, #517d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c132', endColorstr='#517d00',GradientType=0 );
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  appearance: none;
  border: none;
  text-shadow: 0px -1px 1px #7a7a7a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  text-decoration: none;
}
/* line 454, ../sass/main.scss */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.button:hover {
  background: #98c132;
  text-shadow: none;
}
/* line 460, ../sass/main.scss */
input[type="submit"].button--pink,
input[type="button"].button--pink,
button.button--pink,
a.button.button--pink {
  background: #F786B8;
  background: -moz-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F786B8), color-stop(100%, #B92E72));
  background: -webkit-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: -o-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: -ms-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: linear-gradient(to bottom, #f786b8 0%, #b92e72 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F786B8', endColorstr='#B92E72',GradientType=0 );
}
/* line 470, ../sass/main.scss */
input[type="submit"].button--pink:hover,
input[type="button"].button--pink:hover,
button.button--pink:hover,
a.button.button--pink:hover {
  background: #F786B8;
}

/* line 483, ../sass/main.scss */
a.faux-button {
  background: #98c132;
  background: -moz-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98c132), color-stop(100%, #517d00));
  background: -webkit-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: -o-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: -ms-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: linear-gradient(to bottom, #98c132 0%, #517d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c132', endColorstr='#517d00',GradientType=0 );
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  text-shadow: 0px -1px 1px #7a7a7a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  text-decoration: none;
}
/* line 514, ../sass/main.scss */
a.faux-button:hover {
  background: #98c132;
  text-shadow: none;
  text-decoration: none;
}
/* line 521, ../sass/main.scss */
a.faux-button--pink {
  background: #F786B8;
  background: -moz-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F786B8), color-stop(100%, #B92E72));
  background: -webkit-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: -o-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: -ms-linear-gradient(top, #F786B8 0%, #B92E72 100%);
  background: linear-gradient(to bottom, #f786b8 0%, #b92e72 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F786B8', endColorstr='#B92E72',GradientType=0 );
}
/* line 531, ../sass/main.scss */
a.faux-button--pink:hover {
  background: #F786B8;
}

/* line 547, ../sass/main.scss */
#container form.download-form {
  margin-bottom: 20px;
}
/* line 550, ../sass/main.scss */
#container form.download-form .button {
  display: inline;
}

/* line 564, ../sass/main.scss */
h1, h2, h3, h4, .navigation, .pagination, .breadcrumbs {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
  font-weight: 300;
}

/* line 570, ../sass/main.scss */
.app {
  background-color: #f1f1f1;
}

/* line 574, ../sass/main.scss */
ul {
  padding-left: 15px;
}
/* line 578, ../sass/main.scss */
ul.no-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/* line 586, ../sass/main.scss */
#container {
  position: relative;
  z-index: 1;
  /* padding-bottom: 45px; */
}

/* line 591, ../sass/main.scss */
.ie6 #container {
  padding-bottom: 0px;
  background-image: url(/images/back-body-repeat.gif);
}

/* line 595, ../sass/main.scss */
#container .last {
  margin: 0;
}

/* line 599, ../sass/main.scss */
#container .breadcrumbs {
  padding: 10px 20px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  height: 19px;
}

/* line 605, ../sass/main.scss */
.breadcrumbs a {
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
  float: left;
}

/* line 610, ../sass/main.scss */
.breadcrumbs span {
  float: left;
  width: 24px;
  height: 27px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/blue_arrow.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 621, ../sass/main.scss */
.left {
  float: left;
}

/* line 624, ../sass/main.scss */
.right {
  float: right;
}

/* line 627, ../sass/main.scss */
.ll {
  max-width: 550px;
}

/* line 630, ../sass/main.scss */
.mobile {
  display: none;
}

/* line 633, ../sass/main.scss */
small {
  color: #666;
}

/* ==|== Text Formatting ==================================================== */
/*a, a:visited{
	color: #1c355e;
	text-decoration: none;
	position: relative;
}
a:hover{
	color: #1c355e;
	text-decoration: underline;
}
a.link, a.link:hover, #tertiary ul li a, #tertiary ul li a:hover, td a, td a:hover{
	padding-right: 10px;
	background-image: url(../images/blue_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
	zoom: 1;
}*/
/*h2, h3, h4, p, ul, ol, form {
	margin: 0 0 20px 0;
	font-weight: normal;
	display: block;
}
ul, ol{
	padding: 0 0 0 15px;
}*/
/* line 662, ../sass/main.scss */
.mobileHeadline {
  display: none;
}

/* line 665, ../sass/main.scss */
.blue {
  color: #1c355e;
}

/* line 669, ../sass/main.scss */
p.small {
  font-size: 0.857em;
  margin: 0;
}

/* ==|== Form =============================================================== */
/* line 675, ../sass/main.scss */
form .fieldWrap {
  height: 25px;
}

/* line 678, ../sass/main.scss */
.ie6 form .fieldWrap {
  height: auto;
}

/* line 686, ../sass/main.scss */
form input, form textarea {
  padding: 4px 0;
  line-height: 16px;
}

/* line 692, ../sass/main.scss */
form textarea {
  max-width: 500px;
  width: 100%;
  min-width: 0;
  border: 1px solid #ccc;
  border-bottom: 1px solid #eee;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
}

/* line 706, ../sass/main.scss */
form select {
  padding-right: 20px !important;
  max-width: 510px;
  min-width: 0;
  margin: 0 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  border-bottom: 1px solid #eee;
  padding: 8px;
}
/* line 733, ../sass/main.scss */
form select:first-letter {
  text-transform: capitalize;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  /* line 738, ../sass/main.scss */
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
  }

  /* line 744, ../sass/main.scss */
  select,
  select[size="0"],
  select[size="1"] {
    background-image: url("../images/select_arrow.gif");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  /*::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: white;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border: 0;
  }*/
}
/* line 775, ../sass/main.scss */
form input:focus, form textarea:focus, form select:focus {
  outline: 0;
  border: 1px solid #999;
  border-bottom: 1px solid #bbb;
}

/* line 780, ../sass/main.scss */
form select option, form select {
  outline: 0;
}

/* line 783, ../sass/main.scss */
#container form input.button,
#container form button,
#container a.button,
#loginModal input#login,
#loginModal input#submit,
.basicZendWrap input[type="submit"],
.zend_form input[type="submit"] {
  width: auto;
  min-width: 0;
  display: block;
  /*font-size: 1em;
  line-height: 26px;
  height: 26px;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,.1);
  background: rgb(242,106,172);
  background: linear-gradient(bottom, rgb(242,106,172) 0%, rgb(250,158,198) 100%);
  background: -o-linear-gradient(bottom, rgb(242,106,172) 0%, rgb(250,158,198) 100%);
  background: -moz-linear-gradient(bottom, rgb(242,106,172) 0%, rgb(250,158,198) 100%);
  background: -webkit-linear-gradient(bottom, rgb(242,106,172) 0%, rgb(250,158,198) 100%);
  background: -ms-linear-gradient(bottom, rgb(242,106,172) 0%, rgb(250,158,198) 100%);
  background: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(242,106,172)),
  	color-stop(1, rgb(250,158,198))
  );
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 1px #fff, 0 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 1px #fff, 0 0 1px 1px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 1px #fff, 0 0 1px 1px rgba(0,0,0,.2);*/
  position: relative;
  border: 0 none;
  text-indent: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

#loginErrorModal {
  margin: auto;
  text-align: center;
  height: 500px;
  width: 1000px;
  max-width: 80%;
  background: url('../images/bikecrash.svg') bottom center no-repeat;
  margin-bottom: 35px;
  background-size: cover;
}

@media screen and (max-width: 1020px) {
  #loginErrorModal {
    background-size: auto;
  }

  #loginErrorModal {
    width: 80%;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 850px) {
  #loginErrorModal {
    height: 400px;
  }
}

.saml_bg {
  background-color: white;
}

.errorModalText1 {
  margin-top:75px;
  font-size: 30px;
  font-weight: bold;
  font-family: aktiv-grotesk, sans-serif;
  text-align: right;
  color: #1c355e;
}

.errorModalText2 {
  font-size: 16px;
  font-weight: bold;
  font-family: aktiv-grotesk, sans-serif;
  text-align: right;
  color: #1c355e;
}

.errorModalText3 {
  font-size: 14px;
  font-family: aktiv-grotesk, sans-serif;
  text-align: right;
  color: #1c355e;
}

@media screen and (max-width: 750px) {
  #loginErrorModal {
    height: 325px;
  }

  .errorModalText1 {
    font-size: 21px;
  }

  .errorModalText2 {
    font-size: 14px;
  }

  .errorModalText3 {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  #loginErrorModal {
    height: 275px;
  }
}

@media screen and (max-width: 360px) {
  #loginErrorModal {
    height: 245px;
    background-size: auto;
  }

  .errorModalText1 {
    font-size: 16px;
  }

  .errorModalText2 {
    font-size: 12px;
  }

  .errorModalText3 {
    font-size: 11px;
  }
}

@media screen and (max-width: 290px) {
  .errorModalText1 {
    font-size: 15px;
  }

  .errorModalText2 {
    font-size: 11px;
  }

  .errorModalText3 {
    font-size: 10px;
  }
}

.extrasGreen {
  color: #80cc00;
}

#contactEmail {
  text-decoration: none;
}
/* line 826, ../sass/main.scss */
.basicZendWrap__button {
  margin-bottom: 2rem;
}
/* line 829, ../sass/main.scss */
.basicZendWrap__form {
  margin-top: 1rem;
}

/* line 834, ../sass/main.scss */
#container form input.button.red, #container a.button.red {
  background: #bd0000;
  background: linear-gradient(to top, #bd0000 0%, #e85d33 100%);
  background: -o-linear-gradient(bottom, #bd0000 0%, #e85d33 100%);
  background: -moz-linear-gradient(bottom, #bd0000 0%, #e85d33 100%);
  background: -webkit-linear-gradient(bottom, #bd0000 0%, #e85d33 100%);
  background: -ms-linear-gradient(bottom, #bd0000 0%, #e85d33 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bd0000), color-stop(1, #e85d33));
}

/* line 849, ../sass/main.scss */
#container form input.button.green, #container a.button.green {
  background: #205712;
  background: linear-gradient(to top, #205712 0%, #1d9e2c 100%);
  background: -o-linear-gradient(bottom, #205712 0%, #1d9e2c 100%);
  background: -moz-linear-gradient(bottom, #205712 0%, #1d9e2c 100%);
  background: -webkit-linear-gradient(bottom, #205712 0%, #1d9e2c 100%);
  background: -ms-linear-gradient(bottom, #205712 0%, #1d9e2c 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #205712), color-stop(1, #1d9e2c));
}

/* line 865, ../sass/main.scss */
#container form input.button.disabled, #container a.button.disabled {
  background: silver;
  color: #fff;
  cursor: not-allowed;
  text-shadow: none;
}

/* line 872, ../sass/main.scss */
#container form input.button.disabled:active, #container a.button.disabled:active {
  box-shadow: none;
}

/* line 876, ../sass/main.scss */
#container a.button {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  z-index: 2;
  float: left;
  margin-right: 15px;
  padding: 10px 20px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
/* line 886, ../sass/main.scss */
#container a.button.no-margin {
  margin: 0;
}
/* line 890, ../sass/main.scss */
#container a.button:hover {
  text-decoration: none;
}

/* line 894, ../sass/main.scss */
#container a.button.arrow {
  -moz-border-radius: 6px 0px 0px 6px;
  -webkit-border-radius: 6px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-radius: 6px 0px 0px 6px;
  margin-right: 25px;
}

/* line 902, ../sass/main.scss */
#container a.button.arrow:after {
  content: ' ';
  height: 20px;
  width: 20px;
  display: block;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: linear-gradient(to left top, #f26aac 0%, #fa9ec6 100%);
  background-image: -o-linear-gradient(right bottom, #f26aac 0%, #fa9ec6 100%);
  background-image: -moz-linear-gradient(right bottom, #f26aac 0%, #fa9ec6 100%);
  background-image: -webkit-linear-gradient(right bottom, #f26aac 0%, #fa9ec6 100%);
  background-image: -ms-linear-gradient(right bottom, #f26aac 0%, #fa9ec6 100%);
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #f26aac), color-stop(1, #fa9ec6));
  position: absolute;
  top: 4px;
  right: -10px;
  z-index: -1;
  -moz-border-radius: 0 4px 0 0;
  -webkit-border-top-right-radius: 4px;
  border-radius: 0 4px 0 0;
}

/* line 930, ../sass/main.scss */
#container input.button.go {
  width: 36px;
  height: 36px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url(../images/white_arrow_green_bg.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 942, ../sass/main.scss */
#container input.button.go:hover {
  background: #98c132;
}

/* line 946, ../sass/main.scss */
.cssgradients #container input.button.go {
  background: url(../images/white_arrow_green_bg.gif) no-repeat center center, -moz-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: url(../images/white_arrow_green_bg.gif) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98c132), color-stop(100%, #517d00));
  background: url(../images/white_arrow_green_bg.gif) no-repeat center center, -webkit-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: url(../images/white_arrow_green_bg.gif) no-repeat center center, -o-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: url(../images/white_arrow_green_bg.gif) no-repeat center center, -ms-linear-gradient(top, #98c132 0%, #517d00 100%);
  background: url(../images/white_arrow_green_bg.gif) no-repeat center center, linear-gradient(to bottom, #98c132 0%, #517d00 100%);
}

/* line 954, ../sass/main.scss */
.boxshadow #container input.button:focus, .boxshadow #container input.button:active {
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #fff;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #fff;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #fff;
}

/* line 959, ../sass/main.scss */
input.blur {
  color: #999;
}

/* line 963, ../sass/main.scss */
input[type="checkbox"], input[type="radio"] {
  float: left;
  margin-right: 15px;
  vertical-align: baseline;
  width: 15px;
  margin-left: 5px;
}

/* line 970, ../sass/main.scss */
.zend_form input[type="checkbox"], .zend_form input[type="radio"] {
  float: none;
}

/* line 973, ../sass/main.scss */
textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled],
input[type="week"][readonly] {
  background-color: #eeeeee;
}

/* line 992, ../sass/main.scss */
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default;
}

/* line 1010, ../sass/main.scss */
fieldset legend {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 15px;
}

/* ==|== ZEND FORMS D: =================================================== */
/*
.wrappedForm{
	background: #1c355e;
	padding: 3px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-top-right-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
*/
/* ==|== Basic Zend Form TEMP =================================================== */
/*.basicZendWrap br{
	display: none;
}

.basicZendWrap .employerContract br {
	display: block;
}

.basicZendWrap input[type="checkbox"], .basicZendWrap input[type="radio"]{
	width: auto;
	max-width: auto;
	margin-right: 20px;
}*/
/* ==|== Table Formatting =================================================== */
/* line 1045, ../sass/main.scss */
.tableCloth {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 6px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-radius: 0 0 6px 6px;
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: auto;
  margin: 0 0 20px 0;
  clear: both;
}

/* line 1061, ../sass/main.scss */
table {
  border: 0 none;
  width: 100%;
  margin: 0;
  font-size: 14px;
}
/* line 1069, ../sass/main.scss */
table tr td input[type="checkbox"], table tr th input[type="checkbox"] {
  margin: 0;
}

/* line 1079, ../sass/main.scss */
tr:first-child {
  -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  color: #fff;
  font-weight: bold;
  -pie-background: linear-gradient(to top, #0b2a46 0%, #194f79 100%);
}

/* line 1087, ../sass/main.scss */
tr:last-child {
  -moz-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 6px;
  -webkit-border-radius-top-left: 0px;
  -webkit-border-radius-top-right: 6px;
  border-radius: 0px 0px 6px 6px;
}

/* line 1095, ../sass/main.scss */
tr:nth-child(even) {
  background-color: #f5f5f5;
}

/* line 1098, ../sass/main.scss */
tr:nth-child(odd) {
  background-color: #fff;
}

/* line 1101, ../sass/main.scss */
th, td {
  padding: 7px 10px;
  text-align: left;
  vertical-align: middle;
}

/* line 1106, ../sass/main.scss */
th {
  padding: 0 10px 10px;
  color: #333;
  background-color: #fff;
  border-bottom: #185079 3px solid;
}

/* line 1112, ../sass/main.scss */
th a, th a:visited {
  color: #185079;
  text-decoration: none;
  background: url(../images/reorder.gif) no-repeat left bottom;
  padding-left: 14px;
}

/* line 1118, ../sass/main.scss */
th a:hover {
  text-decoration: underline;
}

/* line 1121, ../sass/main.scss */
th.checkbox, td.checkbox {
  width: 50px;
  text-align: center;
}

/* line 1125, ../sass/main.scss */
tr.base td {
  border-top: #185079 3px solid;
  font-weight: bold15;
}

/* line 1129, ../sass/main.scss */
.tableOptions {
  padding: 5px;
  margin-bottom: 20px;
  background: #f5f5f5;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
}

/* line 1140, ../sass/main.scss */
.tableOptions form {
  float: left;
  margin-bottom: 0;
}

/* line 1145, ../sass/main.scss */
.tableOptions p, .tableOptions dl, .tableOptions dt, .tableOptions dd {
  float: left;
  padding: 0 0 10px 0;
  margin: 0 15px 0 0;
  height: 26px;
  display: inline;
  vertical-align: middle;
}

/* line 1153, ../sass/main.scss */
.tableOptions p.tight {
  margin: 0;
}

/* line 1156, ../sass/main.scss */
.tableOptions p.date {
  margin: 0 5px 0 0;
}

/* line 1159, ../sass/main.scss */
.tableOptions input {
  float: left;
}

/* line 1167, ../sass/main.scss */
.tableOptions input[type="text"],
.tableOptions input[type="password"],
.tableOptions input[type="url"],
.tableOptions input[type="tel"],
.tableOptions input[type="number"],
.tableOptions input[type="color"],
.tableOptions input[type="email"] {
  width: auto;
  padding: 8px 0;
}

/* line 1182, ../sass/main.scss */
.tableOptions select {
  float: left;
  max-width: 150px;
  width: 150px;
  min-width: 150px;
  display: block;
}

/* line 1189, ../sass/main.scss */
.tableOptions p.date select {
  margin-right: 10px;
}

/* line 1192, ../sass/main.scss */
.tableOptions label {
  float: left;
  text-shadow: 1px 1px 1px #fff;
  color: #666;
  margin: 0 10px 0 0;
  line-height: 2.4;
}

/* line 1200, ../sass/main.scss */
.tableOptions .errors {
  margin: 12px 0;
  clear: both;
  color: red;
  list-style-type: none;
}

/* line 1210, ../sass/main.scss */
.stats__eoh p #day {
  display: none !important;
}

/* ==|== Reports ========================================================================= */
/* line 1219, ../sass/main.scss */
.report td a, .report td a:hover {
  background-image: none;
}

/* ==|== Notifications/Lists ============================================================= */
/* line 1224, ../sass/main.scss */
h2.notifications {
  padding: 0 0 20px;
  border: none;
  border-bottom: 1px solid #ddd;
  background: none;
}

/* line 1230, ../sass/main.scss */
.tableCloth.notifications {
  background: #f5f5f5;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
  color: #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* line 1241, ../sass/main.scss */
.tableCloth.notifications table {
  background: none;
  line-height: 24px;
}

/* line 1245, ../sass/main.scss */
.tableCloth.notifications tr {
  border-top: 1px solid #ddd;
}

/* line 1248, ../sass/main.scss */
.tableCloth.notifications tr:first-child {
  color: #333;
  border-top: none;
  font-weight: normal;
}

/* line 1253, ../sass/main.scss */
.tableCloth.notifications td {
  background: #fafafa;
  word-wrap: break-word;
}

/* line 1257, ../sass/main.scss */
.tableCloth.notifications th {
  background: none;
  background: #eee;
  border-right: 1px solid #ddd;
  width: 25px;
  border-bottom: none;
}

/* line 1264, ../sass/main.scss */
.tableCloth.notifications th .metric {
  line-height: 20px;
  color: #fff;
  text-align: center;
  height: 20px;
  width: 20px;
  display: block;
  float: left;
  padding: 0;
  margin-top: 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  /*background: rgb(245,156,194);
  background: linear-gradient(bottom, rgb(243,115,175) 20%, rgb(245,156,194) 100%);
  background: -o-linear-gradient(bottom, rgb(243,115,175) 20%, rgb(245,156,194) 100%);
  background: -moz-linear-gradient(bottom, rgb(243,115,175) 20%, rgb(245,156,194) 100%);
  background: -webkit-linear-gradient(bottom, rgb(243,115,175) 20%, rgb(245,156,194) 100%);
  background: -ms-linear-gradient(bottom, rgb(243,115,175) 20%, rgb(245,156,194) 100%);
  background: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.2, rgb(243,115,175)),
  	color-stop(1, rgb(245,156,194))
  );*/
  background: #1c355e;
  font-weight: bold;
  font-size: 0.857em;
  border: 1px solid #fff;
}

/* line 1296, ../sass/main.scss */
.tableCloth.notifications th .metric.empty {
  background: #bbbbbb;
  /*background: linear-gradient(bottom, rgb(119,119,119) 20%, rgb(187,187,187) 100%);
  background: -o-linear-gradient(bottom, rgb(119,119,119) 20%, rgb(187,187,187) 100%);
  background: -moz-linear-gradient(bottom, rgb(119,119,119) 20%, rgb(187,187,187) 100%);
  background: -webkit-linear-gradient(bottom, rgb(119,119,119) 20%, rgb(187,187,187) 100%);
  background: -ms-linear-gradient(bottom, rgb(119,119,119) 20%, rgb(187,187,187) 100%);
  background: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.2, rgb(119,119,119)),
  	color-stop(1, rgb(187,187,187))
  );*/
}

/* ==|== pagination ============================================================= */
/* line 1314, ../sass/main.scss */
.pagination {
  color: #666;
  text-align: left;
  padding-bottom: 20px;
  margin: 0;
}

/* line 1320, ../sass/main.scss */
.pagination a, .pagination span {
  display: block;
  float: left;
  padding: 0 10px;
  background: #f5f5f5;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

/* line 1334, ../sass/main.scss */
.pagination a:hover, .pagination span.selected {
  background: #1c355e;
  color: #fff;
}

/* ==|== Header ============================================================= */
/* line 1341, ../sass/main.scss */
#header {
  padding-top: 20px;
  background: #fff;
}

/* line 1347, ../sass/main.scss */
.public .skybar img {
  margin: 0 20px;
}

/* line 1351, ../sass/main.scss */
.public #banner {
  background: #fff;
  padding: 0 0 20px 20px;
  position: relative;
}
/* line 1357, ../sass/main.scss */
.public #banner h1 {
  margin: 0;
  overflow: hidden;
  font-weight: normal;
}

/* line 1363, ../sass/main.scss */
.oldie .public #banner, .touch .public #banner, .no-js #banner {
  padding: 15px 20px;
}

/* line 1367, ../sass/main.scss */
.public #banner h1 #logo {
  margin: 0 20px 0 0;
}

/* line 1372, ../sass/main.scss */
.user-views {
  position: absolute;
  top: 0;
  right: 20px;
}

/* line 1378, ../sass/main.scss */
#user {
  position: absolute;
  top: 0;
  right: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 2.6;
  color: #666;
}

/* line 1390, ../sass/main.scss */
.public #user {
  color: #333;
}

/* line 1393, ../sass/main.scss */
#user li {
  float: left;
  margin-left: 15px;
}

/*#user li a{
	color: #666;
}
.public #user li a{
	color: #1c355e;
}*/
/* line 1403, ../sass/main.scss */
#headerNavigation {
  position: relative;
  width: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ccc;
}

/* line 1412, ../sass/main.scss */
.boxshadow #headerNavigation {
  border-bottom: 1px solid #ccc;
}

/* line 1418, ../sass/main.scss */
.nav-info__label {
  background: #6797F7;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  padding: 0 8px;
  margin-left: 4px;
  margin-top: 1px;
}
/* line 1433, ../sass/main.scss */
.nav-info__info-box {
  background-color: #6797F7;
  border-radius: 5px;
  color: #fff;
  display: none;
  left: 110%;
  padding: 5px 10px;
  position: absolute;
  top: 0;
  width: 310px;
}

/* line 1446, ../sass/main.scss */
#monoLogo, #logo {
  position: absolute;
  top: 15px;
  left: 20px;
  margin: 0;
  padding: 0;
  height: 25px;
}

/* line 1454, ../sass/main.scss */
.public #logo {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin-right: 20px;
  text-align: center;
}

/* line 1462, ../sass/main.scss */
#logo img {
  margin: 0;
  display: inline;
  height: 25px;
}

/* line 1467, ../sass/main.scss */
.oldie #headerNavigation, .touch #headerNavigation, .no-js #headerNavigation {
  position: relative;
  top: 0px;
  left: 0px;
}

/* line 1472, ../sass/main.scss */
#primary {
  list-style: none;
  margin: 0;
  height: 40px;
  padding: 15px 0 0 20px;
  background: #0b2a46;
}

/* line 1479, ../sass/main.scss */
#primary li {
  float: left;
  margin-left: 1px;
}

/* line 1483, ../sass/main.scss */
#primary li a {
  color: #fff;
  display: block;
  background-color: #185079;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 40px;
  height: 40px;
  padding: 0 11px 0 11px;
  background-image: none;
  width: auto;
  text-indent: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  /* font-size and padding located in media queries*/
}

/* line 1502, ../sass/main.scss */
#primary li a:hover, #primary li a.selected {
  background-color: #e8ecef;
  color: #1c355e;
  text-shadow: 1px 1px 1px #fff;
}

/* line 1507, ../sass/main.scss */
#secondary:not(.section) {
  display: block;
  list-style: none;
  margin: 0;
  padding: 7px 0;
  background: #e8ecef;
}

/* line 1514, ../sass/main.scss */
#secondary li {
  float: left;
  padding: 0 0 0 20px;
}
/* line 1518, ../sass/main.scss */
#secondary li:first-of-type {
  margin-left: 10px;
}

/* line 1522, ../sass/main.scss */
#secondary li a {
  display: block;
  color: #1c355e;
  text-shadow: 1px 1px 1px #fff;
  padding: 5px 9px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 1533, ../sass/main.scss */
#secondary li a.selected, #secondary li a:hover {
  color: #fff;
  text-shadow: none;
  background: #185079;
}

/* ==|== ie6 Header ========================================================== */
/* line 1542, ../sass/main.scss */
.ie6 #primary li a {
  padding: 11px;
}

/* line 1545, ../sass/main.scss */
.ie6 #secondary {
  height: 33px;
  padding: 13px 0 0 0;
}

/* line 1549, ../sass/main.scss */
.ie6 #primary li, .ie6 #primary li a, .ie6 #secondary li, .ie6 #secondary li a {
  float: none;
  display: inline;
}

/* ==|== Workspace ========================================================== */
/* line 1556, ../sass/main.scss */
#workspaceWrap {
  position: relative;
  padding: 20px 0;
  background: #f1f1f1;
  height: 100%;
}

/* line 1563, ../sass/main.scss */
#workspace {
  margin: 0 0 0 200px;
}

/* line 1566, ../sass/main.scss */
#workspaceWrap.noSidebar #workspace {
  margin: 0;
}

/* ==|== sections ========================================================== */
/* line 1572, ../sass/main.scss */
.section {
  padding: 1rem 2rem;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  overflow: hidden;
  margin-left: 20px;
}
/* line 1580, ../sass/main.scss */
.section > h1:first-child,
.section > h2:first-child,
.section > h3:first-child {
  margin-top: 0;
}
/* line 1586, ../sass/main.scss */
.section--new h2 {
  color: #185079;
  font-size: 1rem;
}
/* line 1590, ../sass/main.scss */
.section--new h3 {
  color: #185079;
  font-size: .95rem;
}
/* line 1594, ../sass/main.scss */
.section--new ul {
  color: #185079;
  list-style-image: url(../images/blue_arrow_list.gif);
}
/* line 1597, ../sass/main.scss */
.section--new ul li {
  padding: .25rem 0;
}
/* line 1601, ../sass/main.scss */
.section--new__buttons {
  margin-bottom: 2rem;
}
/* line 1603, ../sass/main.scss */
.section--new__buttons a {
  margin-right: 1rem;
}
/* line 1608, ../sass/main.scss */
.section--flex {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0 3rem;
}
/* line 1612, ../sass/main.scss */
.section--flex__column {
  width: 30%;
}
/* line 1615, ../sass/main.scss */
.section--flex .image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
/* line 1619, ../sass/main.scss */
.section--flex .image img {
  width: 100%;
}

/* line 1625, ../sass/main.scss */
#workspaceWrap.noSidebar #workspace .section {
  margin-left: 0;
}

/* line 1628, ../sass/main.scss */
.sectionWrap {
  margin: 0 0 20px 20px;
}

/* line 1631, ../sass/main.scss */
#workspaceWrap.noSidebar #workspace .sectionWrap {
  margin: 0 0 20px;
}

/* line 1634, ../sass/main.scss */
.sectionHead {
  background-color: #185079;
  color: #fff;
  border: 1px solid #185079;
  padding: 1rem 2rem;
  position: relative;
}

/* line 1641, ../sass/main.scss */
.sectionHead.icon {
  padding: 1rem 2rem;
}

/* line 1644, ../sass/main.scss */
.sectionHead h2 {
  margin: 0;
  font-size: 1.429em;
  line-height: 1.400em;
  /* text-transform: capitalize; */
}

/* line 1650, ../sass/main.scss */
.sectionHead.icon h2 {
  /*background-image: url(../images/header_icons.gif);
  background-repeat: no-repeat;
  margin-left: -35px;
  padding-left: 35px;*/
}

/* ==|== sections - split half way ========================================================== */
/* line 1659, ../sass/main.scss */
.indexBox {
  width: 49%;
  float: left;
}
/* line 1664, ../sass/main.scss */
.indexBox .section .splash {
  min-height: 260px;
}
/* line 1668, ../sass/main.scss */
.indexBox .section .logo {
  display: inline-block;
  margin-top: 22%;
  float: right;
}
/* line 1672, ../sass/main.scss */
.indexBox .section .logo img {
  width: 150px;
}
/* line 1677, ../sass/main.scss */
.indexBox .section .description-care-4 {
  display: inline-block;
  margin-bottom: 10px;
}
/* line 1681, ../sass/main.scss */
.indexBox .section .description-care-4__button {
  margin-top: 16px;
}
/* line 1686, ../sass/main.scss */
.indexBox .section .title {
  text-align: center;
}

/* line 1692, ../sass/main.scss */
.halfSection {
  width: 47%;
}

/* line 1696, ../sass/main.scss */
.halfSection-responsive {
  margin: 3% 0;
}
/* line 1698, ../sass/main.scss */
.halfSection-responsive div {
  width: 94%;
  margin: 10px;
  display: inline-block;
}
@media screen and (min-width: 750px) {
  /* line 1698, ../sass/main.scss */
  .halfSection-responsive div {
    width: 44%;
  }
}
/* line 1709, ../sass/main.scss */
.halfSection-responsive .ebc-box2 {
  vertical-align: top;
}
@media screen and (min-width: 300px) {
  /* line 1709, ../sass/main.scss */
  .halfSection-responsive .ebc-box2 {
    margin-left: 10px;
  }
}
/* line 1717, ../sass/main.scss */
.halfSection-responsive .ebc-box1 {
  text-align: center;
}
/* line 1719, ../sass/main.scss */
.halfSection-responsive .ebc-box1 img {
  width: 80%;
  display: block;
  margin: 25px auto 30px;
}
@media screen and (max-width: 750px) {
  /* line 1719, ../sass/main.scss */
  .halfSection-responsive .ebc-box1 img {
    margin: 35px 0 20px;
  }
}
/* line 1729, ../sass/main.scss */
.halfSection-responsive .ebc-box1 p {
  margin-left: 40px;
}
/* line 1733, ../sass/main.scss */
.halfSection-responsive .ebc-box1--btn {
  background-color: #1c355e;
  width: 100%;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 600;
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 50px;
}
@media screen and (max-width: 750px) {
  /* line 1748, ../sass/main.scss */
  .halfSection-responsive .ebc-box1 p {
    margin-left: 0;
  }
}
@media screen and (min-width: 750px) {
  /* line 1756, ../sass/main.scss */
  .halfSection-responsive .box1 {
    float: left;
  }
  /* line 1759, ../sass/main.scss */
  .halfSection-responsive .box2 {
    float: right;
  }
}

/* line 1765, ../sass/main.scss */
.logos {
  width: 100% !important;
  margin: 0 !important;
}
/* line 1769, ../sass/main.scss */
.logos img {
  max-width: 40%;
  margin: 1rem;
}
@media screen and (max-width: 800px) {
  /* line 1769, ../sass/main.scss */
  .logos img {
    max-width: 35%;
  }
}

/* line 1780, ../sass/main.scss */
.left {
  float: left;
}

/* line 1784, ../sass/main.scss */
.right {
  float: right;
}

/* line 1790, ../sass/main.scss */
.serviceIntro .logo img {
  max-height: 85px;
  padding: 10px 0;
}
/* line 1797, ../sass/main.scss */
.serviceIntro .intro img {
  max-width: 75%;
}

/* line 1806, ../sass/main.scss */
#workspaceWrap.noSidebar #workspace .sectionWrap.split.second {
  float: right;
}

/* line 1811, ../sass/main.scss */
.section .splash {
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-bottom: 20px;
}
/* line 1817, ../sass/main.scss */
.section .splash.cps .hero, .section .splash.ccs .hero, .section .splash.ps .hero {
  position: absolute;
  bottom: 21px;
  right: 30px;
}
/* line 1825, ../sass/main.scss */
.sectionWrap.split .section .splash.cps {
  background-image: url("../images/computingSplash.jpg");
}
/* line 1828, ../sass/main.scss */
.section .splash.cps .hero {
  width: 50%;
}
/* line 1834, ../sass/main.scss */
.sectionWrap.split .section .splash.ccs {
  background-image: url("../images/childcareSplash.jpg");
}
/* line 1837, ../sass/main.scss */
.section .splash.ccs .hero {
  width: 55%;
}
/* line 1843, ../sass/main.scss */
.sectionWrap.split .section .splash.ps {
  background-image: url("../images/phoneschemeSplash.jpg");
}
/* line 1848, ../sass/main.scss */
.section .splash h2 {
  line-height: 30px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #185079;
  width: 45%;
  margin-top: 0;
}
/* line 1858, ../sass/main.scss */
.section.extra-spacing {
  padding-bottom: 10px;
}

/* line 1863, ../sass/main.scss */
.sectionWrap.split .section .splash h2 {
  width: 100%;
}

/* line 1868, ../sass/main.scss */
.sectionWrap.split .section .splash ul {
  width: 80%;
}

/* line 1872, ../sass/main.scss */
.section .splash ul {
  list-style-image: url(../images/blue_arrow_list.gif);
  line-height: 2;
  color: #185079;
  width: 40%;
}

/* line 1880, ../sass/main.scss */
.section .splash ul li {
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 1885, ../sass/main.scss */
.section .splash h4 a {
  display: block;
  float: left;
  padding: 5px 0;
}

/* ==|== Icons ========================================================== */
/* line 1902, ../sass/main.scss */
.sectionHead.icon h2.user {
  background-position: 0 3px;
}

/* line 1905, ../sass/main.scss */
.sectionHead.icon h2.list {
  background-position: 0 -77px;
}

/* line 1908, ../sass/main.scss */
.sectionHead.icon h2.money {
  background-position: 0 -156px;
}

/* line 1911, ../sass/main.scss */
.sectionHead.icon h2.employer {
  background-position: 0 -120px;
}

/* line 1914, ../sass/main.scss */
.sectionHead.icon h2.settings {
  background-position: 0 -38px;
}

/* line 1917, ../sass/main.scss */
.sectionHead.icon h2.document {
  background-position: 0 -198px;
}

/* line 1920, ../sass/main.scss */
.sectionHead.icon h2.documents {
  background-position: 0 -355px;
}

/* line 1923, ../sass/main.scss */
.sectionHead.icon h2.order {
  background-position: 0 -276px;
}

/* line 1926, ../sass/main.scss */
.sectionHead.icon h2.certificate {
  background-position: 0 -276px;
}

/* line 1929, ../sass/main.scss */
.sectionHead.icon h2.dashboard {
  background-position: 0 -238px;
}

/* line 1932, ../sass/main.scss */
.sectionHead.icon h2.mail {
  background-position: 0 -314px;
}

/* line 1935, ../sass/main.scss */
.sectionHead.icon h2.poster {
  background-position: 0 -439px;
}

/* line 1938, ../sass/main.scss */
.sectionHead.icon h2.customise {
  background-position: 0 -398px;
}

/* ==|== sections continued ========================================================== */
/* line 1949, ../sass/main.scss */
.sectionHead h2 span {
  font-size: 0.700em;
}

/* line 1952, ../sass/main.scss */
.sectionHead p {
  margin: 0;
  font-size: 0.857em;
  line-height: 1.200em;
}

/* line 1957, ../sass/main.scss */
.sectionWrap .section {
  margin: 0;
  /*-moz-border-radius: 0 0 6px 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-radius: 0 0 6px 6px;*/
}

/* line 1964, ../sass/main.scss */
.flexbox .columns {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  width: 100%;
}

/* line 1973, ../sass/main.scss */
.flexbox .columns .sectionWrap {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  min-width: 250px;
  width: 0;
}

/* ==|== MESSAGES ========================================================== */
/* line 1984, ../sass/main.scss */
.section.message {
  padding: 1rem 2rem;
}

/* line 1988, ../sass/main.scss */
.section .section.message {
  margin: 0 0 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* line 1995, ../sass/main.scss */
.section.info, .section.confirmation {
  background: #fdf0d4;
  background: linear-gradient(to top, #ffe9bf 20%, #fdf0d4 60%);
  background: -o-linear-gradient(bottom, #ffe9bf 20%, #fdf0d4 60%);
  background: -moz-linear-gradient(bottom, #ffe9bf 20%, #fdf0d4 60%);
  background: -webkit-linear-gradient(bottom, #ffe9bf 20%, #fdf0d4 60%);
  background: -ms-linear-gradient(bottom, #ffe9bf 20%, #fdf0d4 60%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #ffe9bf), color-stop(0.6, #fdf0d4));
  border: 1px solid #f7be4f;
  color: #934d0f;
}
/* line 2014, ../sass/main.scss */
.section.info.notification, .section.confirmation.notification {
  text-align: center;
}
/* line 2017, ../sass/main.scss */
.section.info.notification button.notificationDismiss, .section.confirmation.notification button.notificationDismiss {
  margin-left: 20px;
}

/* line 2022, ../sass/main.scss */
.section.error {
  background: #fce4ef;
  background: linear-gradient(to top, #fcddec 20%, #fce4ef 50%);
  background: -o-linear-gradient(bottom, #fcddec 20%, #fce4ef 50%);
  background: -moz-linear-gradient(bottom, #fcddec 20%, #fce4ef 50%);
  background: -webkit-linear-gradient(bottom, #fcddec 20%, #fce4ef 50%);
  background: -ms-linear-gradient(bottom, #fcddec 20%, #fce4ef 50%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fcddec), color-stop(0.5, #fce4ef));
  border: 1px solid #ec97be;
  color: #d42959;
}

/* line 2047, ../sass/main.scss */
.section.message.login {
  margin-left: 0;
}

/* line 2051, ../sass/main.scss */
.section.message.error h3 {
  background-position: 0 -30px;
}

/* line 2054, ../sass/main.scss */
.section.message.info h3 {
  background-position: 0 -60px;
}

/* line 2057, ../sass/main.scss */
.section.message h3, .section.message p, .section.message ul {
  margin: 0 0 10px;
}

/* line 2060, ../sass/main.scss */
.section.message p input {
  float: left;
  margin: 0 15px 0 0;
}

/* line 2064, ../sass/main.scss */
.section.message .code {
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 5px 6px;
  margin-bottom: 10px;
  color: #444;
}

/* line 2076, ../sass/main.scss */
.section.info .code, .section.confirmation .code {
  border: 1px solid #f7be4f;
}
/* line 2078, ../sass/main.scss */
.section.info .code .faux-button, .section.confirmation .code .faux-button {
  margin-top: 20px;
}

/* line 2082, ../sass/main.scss */
.section.error .code {
  border: 1px solid #f3c0d8;
}

/* line 2086, ../sass/main.scss */
.section.message.confirmation.dashboard {
  margin: 20px 0 0 20px;
}

/* line 2090, ../sass/main.scss */
.message__button {
  margin-top: 1rem !important;
}

/* ==|== pageForm ========================================================== */
/* line 2095, ../sass/main.scss */
.pageForm .sectionHead {
  margin: 0;
}

/* ==|== Tertiary ========================================================== */
/* line 2101, ../sass/main.scss */
#tertiary {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 200px;
  padding: 0 0 40px 0;
}

/* line 2108, ../sass/main.scss */
#tertiary h2 {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 1.286em;
}

/* line 2113, ../sass/main.scss */
#tertiary .section {
  padding: 10px 15px;
  margin-left: 0;
}

/* line 2117, ../sass/main.scss */
#tertiary form {
  padding: 0 0 5px 0;
  margin: 0;
}

/* line 2121, ../sass/main.scss */
#tertiary p {
  padding: 10px 0 0 0;
  margin: 0;
}

/* line 2125, ../sass/main.scss */
#tertiary form select {
  width: 100%;
  margin: 0;
}

/* line 2129, ../sass/main.scss */
#tertiary form .searchInput {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
  float: left;
}

/* line 2135, ../sass/main.scss */
#tertiary form .button {
  float: right;
}

/* line 2139, ../sass/main.scss */
#tertiary ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 2144, ../sass/main.scss */
#tertiary ul li a, #tertiary ul li a:hover {
  display: block;
}

/* ==|== Sparklines ====================================================== */
/* line 2150, ../sass/main.scss */
.sparklines {
  height: 30px;
  margin: 5px 0 0 -6px;
  background: url(/images/small_grid.gif) center center;
}

/* line 2155, ../sass/main.scss */
.sparkValue {
  display: block;
  line-height: 1.167em;
  font-size: 0.857em;
  padding: 10px 0;
  border-bottom: 1px solid #185079;
  border-top: 2px solid #185079;
  font-weight: bold;
  min-height: 28px;
}

/* line 2165, ../sass/main.scss */
.sparkValue b {
  font-size: 2.333em;
  line-height: 1em;
  margin-right: 10px;
  float: left;
}

/* ==|== Login ====================================================== */
/* line 2174, ../sass/main.scss */
#loginModal {
  width: 550px;
  margin: auto;
  text-align: center;
}

/* line 2179, ../sass/main.scss */
#loginModal #logo {
  float: none;
  margin: 0;
}

/* line 2183, ../sass/main.scss */
#loginModal p {
  color: #666;
}

/* line 2186, ../sass/main.scss */
#loginModal p, #loginModal p a {
  text-shadow: 1px 1px 1px #fff;
}

/* line 2189, ../sass/main.scss */
#loginModal #loft {
  display: block;
  margin: auto;
  padding: 20px 0;
}

/* line 2194, ../sass/main.scss */
#loginModal #loft img {
  display: inline;
  padding: 0;
  margin: 0;
}

/* line 2199, ../sass/main.scss */
#loginModal h1#logo {
  position: relative;
  top: 0;
  left: 0;
  text-align: right;
  width: 100%;
  line-height: 1em;
  font-size: 1.786em;
  height: auto;
  padding: 25px 0;
  font-weight: normal;
  text-shadow: 1px 1px 1px #fff;
}

/* line 2212, ../sass/main.scss */
#loginModal h1 a {
  position: absolute;
  top: 25px;
  left: 0;
  display: block;
}

/* line 2218, ../sass/main.scss */
#loginModal .section {
  padding: 20px;
  text-align: left;
  margin: 0 0 20px;
}

/* line 2223, ../sass/main.scss */
#loginModal a {
  color: #1c355e;
}

/* line 2226, ../sass/main.scss */
#loginModal .section h2 {
  font-size: 1.714em;
  line-height: 1em;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

/* line 2232, ../sass/main.scss */
#loginModal .section form {
  padding: 10px 20px 20px 20px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  background: #f5f5f5;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
}

/* ==|== Modal Dialogues ====================================================== */
/* line 2246, ../sass/main.scss */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}

 /*
.ui-dialog{
	padding:0;
	background: rgba(0,0,0,.9);
	color: #fff;
	-moz-box-shadow: 0 2px 6px 4px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 2px 6px 4px rgba(0,0,0,.4);
	box-shadow: 0 2px 6px 4px rgba(0,0,0,.4);
	@include border-radius(6px);
}
.ui-dialog-titlebar{
	position: relative;
	margin: 0;
	padding: 10px 20px;
	background: darkred;
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
	font-size: 1.286em;
	line-height: 1.286em;
	color:#fff;
	@include border-radius(0);
}
.ui-dialog-content{
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-radius: 0 0 6px 6px;
	padding: 0 20px 20px 20px;
}
.ui-dialog-content p{
	margin: 20px 0 0;
}

.ui-dialog {
	&.ui-widget {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,sans-serif;
		font-weight: 300;

		.ui-widget-header {
			font-weight: 300;
			border:none;
		}
	}

	&.ui-widget-content {
		border:none;
	}

	.ui-dialog-content {
		&.ui-widget-content {
			color:#fff;
			background: rgba(0,0,0,.9);
			border:none;
		}
	}

	.ui-dialog-titlebar {
		.ui-state-default {
			background: none;
			border: none;
			color: #fff;
			outline: none;
		}
		.ui-dialog-titlebar-close {
			display: block;
			right: 15px;
			width: 18px;
			height: 18px;
			text-indent: -9999px;
			overflow: hidden;
			background-image: url('/images/large_close.png');
			background-repeat: no-repeat;
			background-position: 0 0;

			&.ui-state-hover {
				background:none;
				background-image: url('/images/large_close.png');
				background-repeat: no-repeat;
				background-position: 0 -18px;
				border:none;
			}

			span {
				display: none;
			}
		}
	}
}*/
/* ==|== Details ====================================================== */
/* line 2340, ../sass/main.scss */
.details h3 {
  border-bottom: 1px dashed #DDDDDD;
  font-size: 1.357em;
  padding-bottom: 10px;
}

/* line 2345, ../sass/main.scss */
.details p strong {
  color: #757575;
  font-weight: normal;
}

/* ==|== Footer ====================================================== */
/* line 2352, ../sass/main.scss */
#footer {
  border-top: 1px solid #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  background: #e8ecef;
  z-index: 100;
}

/* line 2368, ../sass/main.scss */
.ie6 #footer {
  position: relative;
}

/* line 2371, ../sass/main.scss */
#footer p {
  padding: 6px 20px;
  color: #666;
  text-shadow: 1px 1px 1px #fff;
  margin: 0;
  line-height: 26px;
}

/* line 2378, ../sass/main.scss */
#reportBug {
  display: block;
  height: 26px;
  padding-left: 17px;
  background: url(/images/report_bug.png) no-repeat;
}

/* line 2384, ../sass/main.scss */
#footer .ident {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 2389, ../sass/main.scss */
#footer .loftIdent {
  width: 32px;
  height: 18px;
  padding: 5px 20px 10px 0;
  margin: 0;
}

/* line 2395, ../sass/main.scss */
#footer .loftIdent img {
  width: 32px;
  height: 18px;
  margin: 0;
}

/* line 2401, ../sass/main.scss */
.signedAgreement, .employerContract, .termsAndConditions {
  background-color: #fff;
  border: 1px solid black;
  height: 500px;
  width: 650px;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 2412, ../sass/main.scss */
.psEmployerContract {
  margin: 0 auto;
  width: 80%;
}
/* line 2416, ../sass/main.scss */
.psEmployerContract #contract_reg_employer {
  padding: 20px;
}

/* line 2421, ../sass/main.scss */
.employerAgreesCheckboxLabel {
  font-size: 16px;
}

/*Employer Contract*/
/* line 2426, ../sass/main.scss */
.employerContract p {
  margin: 10px 0;
}

/* line 2429, ../sass/main.scss */
.employerContract td {
  vertical-align: top;
}

/* line 2432, ../sass/main.scss */
.employerContract a {
  background: none;
}

/* line 2436, ../sass/main.scss */
.employerContract span {
  font-size: 10px !important;
}

/* line 2439, ../sass/main.scss */
.employerContract table tr td[style] {
  height: auto !important;
}

/* line 2442, ../sass/main.scss */
.confirmMessage h1 {
  font-weight: normal;
  font-size: 1.500em;
  padding: 20px 0 0 0;
}

/* line 2447, ../sass/main.scss */
tr.error td {
  color: #FF0000;
  font-weight: bold;
}

/* Dashboard */
/* line 2454, ../sass/main.scss */
img.marketing-email {
  float: left;
  margin-right: 20px;
  width: 130px;
}

/* line 2460, ../sass/main.scss */
ul.cta-icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 2465, ../sass/main.scss */
ul.cta-icon-list li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
/* line 2469, ../sass/main.scss */
ul.cta-icon-list li:last-of-type {
  border-bottom: none;
}
/* line 2473, ../sass/main.scss */
ul.cta-icon-list li h3 {
  margin: 0 0 10px;
}
/* line 2477, ../sass/main.scss */
ul.cta-icon-list li p {
  margin-top: 0;
}
/* line 2481, ../sass/main.scss */
ul.cta-icon-list li img {
  width: 60px;
  float: left;
  margin-right: 10px;
}

/* line 2489, ../sass/main.scss */
div.dashboard-marketing-left {
  float: left;
  width: 50%;
}

/* line 2494, ../sass/main.scss */
div.dashboard-marketing-right {
  float: right;
  width: 50%;
}

/* line 2499, ../sass/main.scss */
div.dashboard-left-column {
  margin-right: 20px;
  float: left;
  width: 50%;
}

/* line 2505, ../sass/main.scss */
#workspaceWrap.noSidebar #workspace div.dashboard.section {
  margin-left: 20px;
}

/* /Dashboard */
/* Marketing custom poster */
/* line 2517, ../sass/main.scss */
.selected-bold {
  font-weight: bold;
}

/* line 2521, ../sass/main.scss */
.selected-shadow {
  box-shadow: 0 0 5px 1px #AAA;
}

/* Poster */
/* line 2528, ../sass/main.scss */
.poster-list {
  background-color: #f5f5f5;
  padding: 20px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
}

/* line 2539, ../sass/main.scss */
.poster-list__item {
  float: left;
  width: 150px;
  margin: 0 15px;
  text-align: center;
  height: 250px;
}

/* line 2547, ../sass/main.scss */
.poster-list__radio-input[type="radio"] {
  margin: 0 auto 10px;
  float: none;
  display: block;
}

/* line 2553, ../sass/main.scss */
.poster-list__image {
  margin: 0 auto 10px;
  width: 100px;
  display: block;
}

/* Marketing - Welcome email */
/* line 2565, ../sass/main.scss */
.email-addresses__option {
  width: 24%;
  margin-right: 1%;
  float: left;
}

/* line 2571, ../sass/main.scss */
.email-addresses__option--hidden {
  display: none;
}

@media (max-width: 1250px) {
  /* line 2582, ../sass/main.scss */
  .sectionWrap.split .section .splash.cps {
    background-image: url("../images/computingSplash15opacity.jpg");
  }
  /* line 2588, ../sass/main.scss */
  .sectionWrap.split .section .splash.ccs {
    background-image: url("../images/childcareSplash15opacity.jpg");
  }
}
@media (max-width: 40em) {
  /* line 2618, ../sass/main.scss */
  .container {
    *zoom: 1;
    max-width: 46;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .container:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 2625, ../sass/main.scss */
  footer .copyright,
  footer .grg-link {
    display: block;
    float: none;
  }

  /* line 2632, ../sass/main.scss */
  .login-form, .login-notice {
    width: 100%;
    float: left;
    margin-right: 6.66667%;
  }

  /* line 2637, ../sass/main.scss */
  .login-form span {
    font-size: 12px;
    font-size: 0.75rem;
  }

  /* line 2643, ../sass/main.scss */
  .login-notice {
    border-top: 1px solid #e4e4e6;
    border-bottom: 1px solid #e4e4e6;
    margin-bottom: 20px;
  }
  /* line 2648, ../sass/main.scss */
  .login-notice .post-it {
    padding: 0;
    box-shadow: none;
    border: 0px solid #ccc;
  }
  /* line 2653, ../sass/main.scss */
  .login-notice .post-it:after, .login-notice .post-it:before {
    display: none;
  }
  /* line 2657, ../sass/main.scss */
  .login-notice .post-it img {
    display: none;
  }

  /* line 2664, ../sass/main.scss */
  .login-alt-service section {
    width: 100%;
    float: left;
    margin-right: 6.66667%;
  }
  /* line 2668, ../sass/main.scss */
  .login-alt-service section:nth-of-type(2n) {
    width: 100%;
    float: left;
    margin-right: 6.66667%;
  }
  /* line 2672, ../sass/main.scss */
  .login-alt-service section img {
    display: block;
  }

  /* line 2682, ../sass/main.scss */
  .zend_form dd input[type="text"],
  .zend_form dd input[type="password"],
  .zend_form dd input[type="url"],
  .zend_form dd input[type="tel"],
  .zend_form dd input[type="number"],
  .zend_form dd input[type="color"],
  .zend_form dd input[type="email"] {
    width: 100%;
  }
}
@media (max-width: 25em) {
  /* line 2703, ../sass/main.scss */
  .container {
    *zoom: 1;
    max-width: 30;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .container:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 2710, ../sass/main.scss */
  footer .copyright,
  footer .grg-link {
    line-height: 3;
    font-size: 11px;
    font-size: 0.6875rem;
  }

  /* line 2718, ../sass/main.scss */
  h1 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  /* line 2725, ../sass/main.scss */
  .login-form span.pipe {
    display: none;
  }
  /* line 2729, ../sass/main.scss */
  .login-form span a {
    display: block;
    margin: 10px 0 0 0;
  }

  /* line 2738, ../sass/main.scss */
  .login-alt-service section.computing-scheme {
    border-bottom: 1px solid white;
  }

  /* line 2747, ../sass/main.scss */
  .zend_form dd input[type="submit"],
  .zend_form dd input[type="button"] {
    display: block;
    width: 100%;
  }
}
/* line 2757, ../sass/main.scss */
.logo_img_wrapper img {
  max-width: 350px;
}

/* line 2762, ../sass/main.scss */
.half-section-ebc {
  margin: 3% 0;
}
/* line 2765, ../sass/main.scss */
.half-section-ebc .separator {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #acacac;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
/* line 2772, ../sass/main.scss */
.half-section-ebc .separator span {
  background: #fff;
  padding: 0 10px;
}

/* line 2779, ../sass/main.scss */
.last-item {
  margin-bottom: 70px;
}

.compliance-item {
	padding-left: 30px;
}

.confirm-margin {
  margin-bottom: 10px;
}

.table-color {
  color: #000;
}

.table-overflow-scroll {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
input[type='checkbox']:checked {
  background-color: #80CC00;
  border: 1px solid #80CC00 !important;
}
input[type='checkbox']:checked:after {
  content: '\2713';
  color:white;
}
input[type='checkbox']{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 16px !important;
  height: 16px !important;
  appearance: none;
  border: 1px solid #999 !important;
  box-shadow: none;
  font-size: 12px;
  line-height: 6px;
  border-radius: 4px;
  text-indent: 2px;
}
#into_cyclescheme_text {
  color: #666;
  transition: color 1s, opacity 1s;
  display: none;
}

@keyframes fadeGreen {
  0% {
    color: #666;
    opacity: 0;
  }
  100% {
    color: #80CC00;
    opacity: 1;
  }
}
@keyframes fadeGrey {
  0% {
    color: #80CC00;
    opacity: 1;
  }
  100% {
    color: #666;
    opacity: 1;
  }
}
.green {
  color: #80CC00 !important;
  opacity: 1;
}
#plus_text {
  padding: 8px;
}

.required , .error { color: red; }

.custom-disable {
  background-color: #eeeeee;
}
.pagination select {
    padding: 2px 15px;
}

.filter-section {
  background: #FFF;
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  gap: 24px;
  overflow-y: auto;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  margin-bottom: 15px;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}

.filter-section .filter-input-container {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  align-self: stretch;
}

.filter-main-heading {
  color: var(--Black-black-500, #111210);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px; /* 83.333% */
  letter-spacing: 0.1px;
}

.filter-label {
  color: var(--Black-black-500, #111210);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px; /* 166.667% */
  letter-spacing: 0.1px;
}

.filter-section-input {
  flex: auto;
  width: 26%;
}

.filter-section-submit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}

.filter-section-submit .filter-section-button-container {
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
}

.filter-section-submit input[type="submit"] {
  display: flex;
  padding: 0px 56px !important;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #1C355E !important;
  color: white !important;
}

.filter-section .filter-section-input input[type="text"] {
  padding: 11px 8px;
  border-radius: 4px;
  border: 1px solid var(--Border, #E3E7EB);
  background: var(--White, #FFF);
}

.filter-section .filter-section-input .search
{
  padding: 9px 8px !important;
}

.filter-section .filter-section-input input {
    width: 100%;
}
.filter-section .filter-section-input select {
  padding: 10px 8px;
  border-radius: 4px;
  border: 1px solid var(--Border, #E3E7EB);
  width: 100%;
}
.filter-section .filter-section-input .select2-container.select2-container--default {
  width: 100% !important;
}
.filter-section .filter-section-input .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--Border, #E3E7EB) !important;
  min-height: 40px;
}
.filter-section .filter-section-input .select2-container--default .select2-selection--multiple .select2-selection__choice {
  text-overflow: ellipsis;
  max-width: 88%;
  overflow: hidden;
}


.filter-section-submit .filter-button {
  padding: 14px;
}

.search-container input[type="text"] {
  border: none;
  outline: none;
  flex: 1;
  padding: 5px;
  font-size: 16px;
}

.search-container .search-icon {
  color: #ccc;
  position: relative;
}

.search-container .search-icon i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

#searchIcon {
  display: inline-block;
}

.hide {
  display: none;
}

.section-input {
  width: 100%;
}

.input-container {
  display: flex;
  gap: 16px;
}

.main-section {
  width: 100%;
}

.main-section .line-separation{
  margin-top: 40px;
  margin-bottom: 40px;
}

.main-section .line-separation-top{
  margin-top: 20px;
}

.main-section .sub-section .title {
  color: var(--Text-text-placeholder, #525252);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.input-container .section-input .section-label {
  color: var(--Secondary-black, #797C7F);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}

.input-container .section-input .input-field .long {
  height: 40px;
  padding: 12px;
  width: 100%;
}

.decoration-none {
  text-decoration: none;
}

.sidebar_header {
    padding: 14px 15px 0 15px;
    background-color: #1C365E;
    height: 46px;
}

.sidebar_nopadding {
    padding: 0px !important;
}

.text_white {
    color: white !important;
}

.sidebar_ul {
    padding: 14px !important;
}