@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(18ffcf226304def99bcc.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(22ec2a1e5a46daa456fd.woff2) format('woff2'),
       url(fdacd233ebe49b1c70bb.woff) format('woff'),
       url(6779da6e004a8de33747.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

@charset "UTF-8";

/*
 *  Empty-coop:
 *  A front-end starting point from the team at Hatchd
 *
 *  @Author Hatchd Digital
 *
 *  ...HHH...........................................HH ................DDD....
 *  ...HHH.......................TT .................HH.................DDD....
 *  ...HHH.......................TT..................HH.................DDD....
 *  ...HHHHHHHH..... AAAAAA......TTTTTT....CCCCCC....HHHHHHHN..... DDDDDDDD....
 *  ...HHHHHHHHH ...AAAAAAAAA....TTTTTT...CCCCCCCC...HHHHHHHHH... DDDDDDDDD....
 *  ...HHH... HH..........AAA....TTT..... CCC........HH....HHH....DD....DDD....
 *  ...HHH... HH.....AAAAAAAA....TTT......CC.........HH....HHH...DDD....DDD....
 *  ...HHH... HH....AAA...AAA....TTT......CC ........HH....HHH...DDD....DDD....
 *  ...HHH... HH....AAA...AAA....TTT..... CCC........HH....HHH....DD....DDD....
 *  ...HHH... HH....AAA..AAAA....TTT..... CCCC..CC...HH....HHH....DDD..DDDD....
 *  ...HHH... HH.....AAAAAAAA....TTTTTT....CCCCCCC...HH....HHH.... DDDDDDD.....
 *
 */


/**
* Eggbox @font-face declaration
**/

@font-face {
    font-family: "eggbox";
    src: url(9b8f96f0f4db33a90285.eot);
    src: url(9b8f96f0f4db33a90285.eot?#iefix) format("embedded-opentype"), url(0bdc773c7788682b7966.woff) format("woff"), url(884ebfdcfe4c3da44065.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}


/**
 * Eggbox classes
 * An alternative to using the mixin
 * (which is the preferred option)
 */

[data-eggbox]:before {
    display: inline-block;
    font-family: eggbox;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

[data-eggbox="chevron-arrow-down"]:before {
    content: "";
}

[data-eggbox="delete-button"]:before {
    content: "";
}

[data-eggbox="warning"]:before {
    content: "";
}

.site-header:after,
.site-header .site-nav:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    z-index: 1;
    background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
}


/**
 * normalize.css v2.1.3
 * MIT License
 * @src git.io/normalize
 *
 * All unneeded components, and ones addressing presentation that are
 * handled elsewhere have been stripped out. (With a // LESS comment)
 */


/**
 * HTML5 display definitions
 *
 */


/**
*  Default box-sizing to border-box
*/

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


/**
* Corrects `block` display not defined in IE6/7/8/9 & FF3.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}


/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}


    /**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

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


/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/**
 * Remove list-style and margin on nav
 *
 * Added by the Hatchd team
 *
 */

nav ul,
nav ol {
    margin: 0;
    list-style: none;
}

nav li {
    margin: 0;
}


/**
 * Base
 *
 */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */

body {
    margin: 0;
}


/**
 * Links
 *
 */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}


    /**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

    a:focus {
        outline: thin dotted;
    }


    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

    a:active,
    a:hover {
        outline: 0;
    }


/**
 * Typography
 */


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */


/**
 * Address styling not present in Safari 5 and Chrome.
 */


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}


/**
 * Address styling not present in IE 8/9.
 */


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}


/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

    small.label-heading {
        color: #01858F;
    }


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/**
 * Embedded content
 */


/**
 * Remove border when inside `a` element in IE 8/9.
 */


/**
 * Correct overflow displayed oddly in IE 9.
 */

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


/**
 * Figures
 */


/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}


/**
 * Forms
 *
 */


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Stops iOS safari to zoom in on focus
 */

.touch input,
.touch textarea,
.touch select {
    font-size: 16px !important;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
        color: #ccc;
    }

    button[disabled] {
        color: #4d4c4c;
        border: 2px solid #d4d3d3;
        background: #d4d3d3;
    }


/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}


    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }


/**
 * Remove inner padding and border in Firefox 4+.
 */

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


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/**
 * Tables
 *
 */


/**
 * Remove most spacing between table cells.
 */

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


/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */


/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/**
 * The picker input element.
 */

.picker__input {
    cursor: default;
}


    /**
 * When the picker is opened, the input element is “activated”.
 */

    .picker__input.picker__input--active {
        border-color: #0089ec;
    }


/**
 * The holder is the only “scrollable” top-level container element.
 */

.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */


/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

.picker {
    width: 100%;
}


/**
 * The holder is the base of the picker.
 */

.picker__holder {
    position: absolute;
    background: #ffffff;
    border: 1px solid #aaaaaa;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
    transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}


/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */

.picker__frame {
    padding: 1px;
}

.picker__wrap {
    margin: -1px;
}


/**
 * When the picker opens...
 */

.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
    overflow: unset;
}


/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */


/**
 * The picker box.
 */

.picker__box {
    padding: 0 1em;
}


/**
 * The header containing the month and year stuff.
 */

.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em;
}


/**
 * The month and year labels.
 */

.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}

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


/**
 * The month and year selectors.
 */

.picker__select--month,
.picker__select--year {
    display: inline-block;
    border: 1px solid #b7b7b7;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em;
    font-size: 1em;
    background-size: 15px;
}

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

.picker__select--month {
    width: 35%;
}

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

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


/**
 * The month navigation buttons.
 */

.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -0.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--prev,
    .picker__nav--next {
        top: -0.33em;
    }
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em;
}

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

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em;
}

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

.picker__nav--prev:before,
.picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #000000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto;
}

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

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}

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


/**
 * The calendar table of dates
 */

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em;
}

@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em;
    }
}

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


/**
 * The weekday labels
 */

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

@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em;
    }
}


/**
 * The days on the calendar
 */

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent;
}

.picker__day--today {
    position: relative;
}

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

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

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

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

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

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

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

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

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


/**
 * The footer containing the "today", "clear", and "close" buttons.
 */

.picker__footer {
    text-align: center;
}

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

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

    .picker__button--today:focus,
    .picker__button--clear:focus,
    .picker__button--close:focus {
        background: #b1dcfb;
        border-color: #0089ec;
        outline: none;
    }

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

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

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

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

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

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

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


/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */


/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */


/**
 * The list of times.
 */

.picker--time .picker__holder {
    overflow: auto;
}

.picker__list {
    list-style: none;
    padding: 0.75em 0 4.2em;
    margin: 0;
}


/**
 * The times on the clock.
 */

.picker__list-item {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin-bottom: -1px;
    position: relative;
    background: #ffffff;
    padding: .75em 1.25em;
}

@media (min-height: 46.75em) {
    .picker__list-item {
        padding: .5em 1em;
    }
}


/* Hovered time */

.picker__list-item:hover {
    cursor: pointer;
    color: #000000;
    background: #cce7e9;
    border-color: #01858F;
    z-index: 10;
}


/* Highlighted and hovered/focused time */

.picker__list-item--highlighted {
    border-color: #01858F;
    z-index: 10;
}

    .picker__list-item--highlighted:hover,
    .picker--focused .picker__list-item--highlighted {
        cursor: pointer;
        color: #000000;
        background: #ffe7a0;
        border-color: #ffcf40;
    }


/* Selected and hovered/focused time */

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background: #01858F;
    border-color: #01858F;
    color: #ffffff;
    z-index: 10;
}


/* Disabled time */

.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
    border-color: #dddddd;
    z-index: auto;
}


/**
 * The clear button
 */

.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: none;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666;
}

    .picker--time .picker__button--clear:hover,
    .picker--time .picker__button--clear:focus {
        color: #000000;
        cursor: pointer;
        outline: none;
    }

    .picker--time .picker__button--clear:before {
        top: -0.25em;
        color: #666;
        font-size: 1.25em;
        font-weight: bold;
    }


/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */


/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */

.picker--time {
    min-width: 256px;
    max-width: 320px;
}


    /**
 * The holder is the base of the picker.
 */

    .picker--time .picker__holder {
        background: #f2f2f2;
    }

@media (min-height: 40.125em) {
    .picker--time .picker__holder {
        font-size: .875em;
    }
}


/**
 * The box contains the list of times.
 */

.picker--time .picker__box {
    padding: 0;
    position: relative;
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*
Created on: 17 Sep, 2014, 4:29:37 PM
Author: senthil
*/

.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.time,
.mins,
.meridian {
    width: 60px;
    float: left;
    margin: 0 10px;
    font-size: 20px;
    color: #2d2e2e;
    font-family: arial;
    font-weight: 700;
}

.prev,
.next {
    cursor: pointer;
    padding: 18px;
    width: 28%;
    border: 1px solid #bababa;
    margin: auto;
    background: url(e5e352906db366999f80.png) no-repeat;
    border-radius: 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

    .prev:hover,
    .next:hover {
        background-color: #ebebeb;
    }

.next {
    background-position: 50% 150%;
}

.prev {
    background-position: 50% -50%;
}

.time_pick {
    position: relative;
}

    .time_pick * {
        font-family: "Open Sans", sans-serif;
    }

.timepicker_wrap {
    padding: 10px;
    border-radius: 5px;
    z-index: 998;
    display: none;
    background: #fff;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
    float: left;
    position: absolute;
    top: 60px;
    left: 0;
}

.arrow_top {
    position: absolute;
    top: -10px;
    left: 20px;
    background: url(e09e62dbb3712dd6a61a.png) no-repeat;
    width: 18px;
    height: 10px;
    z-index: 999;
    display: none;
}

input.timepicki-input {
    float: none;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    width: 70%;
    border: 1px solid #F7F7F7;
    color: #333;
    font-size: 100%;
}

    input.timepicki-input::-moz-selection {
        background: #fff;
        color: #333;
    }

    input.timepicki-input::selection {
        background: #fff;
        color: #333;
    }

a.reset_time {
    color: #000;
    margin-top: 10px;
    display: inline-block;
    font-size: 1.2em;
    background: #F7F7F7;
    border-radius: 2px;
    width: 100%;
    text-align: center;
    padding: 3px;
}


/**
 * Base type styles
 */


/**
 * Set base font size/line-height and declare the px size of an em unit
 */

body {
    font-size: 62.5%;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans", sans-serif;
}

p,
li,
dt,
dd,
input,
textarea,
button {
    line-height: 1.5em;
}


/**
 * Labels
 */

.label,
.news-preview .news-date {
    background: #bababa;
    padding: .2em 1em;
    border-radius: 3px;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
}

.label--valid {
    background: #01858F;
    color: #fff;
}

.label--invalid {
    background: #FE0000;
    color: #fff;
}

.label--info,
.news-preview .news-date {
    background: #ffcf40;
}

.muted {
    color: #a1a1a1;
}


/**
 * Headings
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3em;
    font-family: sans-serif;
    margin: 0 0 0.5em 0;
}

h1 {
    font-size: 3.5em;
    font-family: "Open Sans", sans-serif;
    color: #173f3e;
    font-weight: 400;
}

    h1 span {
        font-weight: normal;
    }

h2 {
    font-size: 3em;
    font-family: "Open Sans", sans-serif;
    color: #173f3e;
    font-weight: 400;
}

    h2 span {
        font-weight: normal;
    }

h3 {
    font-size: 2.5em;
    font-family: "Open Sans", sans-serif;
    color: #173f3e;
    font-weight: 400;
}

    h3 span {
        font-weight: normal;
    }

h4 {
    font-size: 2em;
    font-family: "Open Sans", sans-serif;
    color: #173f3e;
    font-weight: 400;
}

    h4 span {
        font-weight: normal;
    }

h5 {
    font-size: 1.5em;
    font-family: "Open Sans", sans-serif;
    color: #173f3e;
    font-weight: 400;
}

    h5 span {
        font-weight: normal;
    }

h6 {
    font-size: 1em;
    font-family: "Open Sans", sans-serif;
    color: #173f3e;
    font-weight: 400;
}

    h6 span {
        font-weight: normal;
    }

h1 {
    font-weight: bold;
}


/**
 * Block elements
 */

p {
    margin: 0 0 1em 0;
    font-size: 1.6em;
}

hr {
    height: 0;
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
    border-top: 1px solid gray;
}


/**
 * Quotes
 */


/**
 * Blockquotes
 */

blockquote {
    margin: 0 0 1em 3em;
}

    blockquote > p {
        margin-bottom: .60em;
        font-size: 1.4em;
    }

        blockquote > p:first-child:before {
            content: '\201C';
        }

        blockquote > p:first-child:after {
            content: '\201D';
        }

    blockquote footer p {
        margin: -.5em 0 0 0;
        font-size: .85em;
        font-style: italic;
    }

        blockquote footer p:before {
            content: '-';
        }


/**
 * Inline quotes
 */

q {
    color: inherit;
    font-style: italic;
}

cite {
    font-style: italic;
}


/**
 * Lists
 */


/**
 * Globals
 */

ul,
ol,
dl {
    margin: 0 0 1em 2em;
    padding: 0;
}

li {
    margin: 0 0 .25em 0;
}


/**
 * Unordered lists
 */

ul {
    list-style: disc outside;
}

    ul ul {
        margin: .25em 0 .5em 1em;
    }


/**
 * Ordered lists
 */

ol {
    list-style: decimal outside;
}

    ol ol {
        margin: .25em 0 .5em 1.5em;
        list-style-type: lower-roman;
    }


/**
 * Definiton lists
 */

dl {
    margin-left: 0;
}

dt {
    margin: 0 0 .5em 0;
    font-weight: bold;
}

dd {
    margin: 0 0 .5em 0;
}


/**
 * Inline elements
 */


/**
 * Superscript/subscript
 */

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}


/**
 * For marking up content relevency/edits and highlighting content
 */

ins {
    background-color: #FFFB88;
}

del {
    text-decoration: line-through;
}

s {
    color: gray;
    text-decoration: line-through;
}

mark {
    background-color: #FFFB88;
    color: inherit;
    font-weight: normal;
}


/**
 * Small print
 */

small {
    font-weight: normal;
    font-style: normal;
}


/**
 * Phrase tags
 */

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

dfn,
abbr {
    position: relative;
    font-style: inherit;
}


/**
 * Base link and text selection styles
 */


/**
 * Link styles
 */

a {
    color: #01858F;
    text-decoration: none;
}

    a:hover {
        color: #01b4c2;
        text-decoration: underline;
    }

    a[href^="tel"] {
        color: inherit;
    }

:focus {
    outline: none;
}

a:focus {
    outline: none;
}

.show-focus-outlines a:focus {
    text-decoration: underline !important;
}


/**
 * Selection styles
 */

::-moz-selection {
    color: #fff;
    background: #01858F;
}

::selection {
    color: #fff;
    background: #01858F;
}

::-webkit-selection {
    color: #fff;
    background: #01858F;
}

::-moz-selection {
    color: #fff;
    background: #01858F;
}

::-ms-selection {
    color: #fff;
    background: #01858F;
}


/**
 * Form elements
 */

form {
    position: relative;
    margin: 0 0 1em 0;
}

@media (min-width: 50em) {
    form .form-cols {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
    }

        form .form-cols:after {
            content: "";
            display: table;
            clear: both;
        }
}

@media (min-width: 50em) {
    form .form-col {
        -webkit-flex-basis: calc(50% - 40px);
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        width: calc(50% - 40px);
        margin-bottom: 2em;
    }

        form .form-col:nth-child(1n) {
            margin-left: 20px;
            margin-right: 20px;
            clear: none;
        }

        form .form-col:nth-child(2n-1) {
            clear: left;
        }
}

form p {
    font-size: 1.4em;
}

fieldset {
    margin: 0;
    padding: 0 0 3em 0;
    border: none;
}

legend {
    margin: 0 0 .8em 0;
    padding: 0;
    font-size: 1.8em;
    color: #01858F;
    display: block;
    font-weight: bold;
}

.error-text {
    color: #FE0000;
}

label {
    font-size: 1.6em;
    margin: 0 0 .4em 0;
    padding: 0;
    display: block;
}

    label .required {
        color: #FE0000;
    }

.input {
    margin-bottom: 2em;
}

    .input em {
        margin-top: .5em;
        font-size: 1.2em;
        display: inline-block;
    }

input,
textarea,
select {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    color: #333;
    border: none;
    font-size: 1.7em;
    padding: .75em;
    background: #fff no-repeat center right;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQAAAAA3bvkkAAAAAnRSTlMAAQGU/a4AAAAKSURBVHgBY2gAAACCAIFMF9ffAAAAAElFTkSuQmCC) no-repeat center right 0.75em;
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    -webkit-transition: background .5s;
    transition: background .5s;
}

.show-focus-outlines input:focus,
.show-focus-outlines textarea:focus,
.show-focus-outlines select:focus {
    outline: 1px solid #01858F;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #FE0000;
}

input:focus:valid,
textarea:focus:valid,
select:focus:valid {
    color: #01858F;
}

input.focus-applied:valid,
textarea.focus-applied:valid,
select.focus-applied:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABp0lEQVR42rVWvUoEMRBeBBUbERs7KzsrEbnNqmArWIoPYHHgz8JdkR+u0BSCrTZa+ARiKYi13RUKNr6AcM+gu4jOB+7duG52c0UCA8n8fJOdfJNsVDdavd6CkHInVupUKHMvlB5AME+UsbDBJxp3LFs7RQBnBJaTfDdIDl/EeIELY1Zoh68IHkcQg9h6cK2PyDlzgHyQ9CGYO3wyYDh3XgGeC6nPYVtttycLX8yhg62ijBls/2peUZa3xJi1ppLCB77lcv05ExxSGVx0uzO+pIBvOQkwh1QsfWbu2Hnjl5RxgB2Byzwz6uoDuC7lptD6gnY/X+gQy7GAjfJYrmyiGkas9R75fv7GvGx1OnMFUTgWGjRCV3IqMrYgYIl0j0Ka/aFOqWPSfXGggpqI5RQGdoTWZ879AmhD60Vav49s6jpW5rKC+8+8TMBgtoErAcpw4NG9T63UzsLflcBZou00nab1XU2CB05lV4nqD9naiUTqqwrwW4BxcNche9GUdCejBlI3SMztdTT1bjQC3iU5HLfRgl4VwS+78Nd1+Acn/JMZ/tEP/tvyAzUXuKFq9aWBAAAAAElFTkSuQmCC);
    background-size: 24px auto;
}

textarea {
    background-position: top .75em right .75em;
    min-height: 150px;
    resize: vertical;
}

select {
    background: #fff no-repeat center right .75em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAaCAQAAACJbB0EAAABXElEQVR4Aa2UQ5tdQRBAK7ZWse38gSyziW17G9v+MTHnjD37sTLWesxndT2/e09tGtXna4sbFlBLNpPEBnhFB3v8lbkU48DBF8ZbFt/2mAbZJSKsowyHL34xzZL4QcDUwz7hN46Q+MG4lMV3DZND2EmH0fSbqdZm7IvbIsJWWpV8nGXxDX/HDrqszJxHSnxVgrCOBqOTxOU8VeIrOmG7mvkfpqQkvhgpaQX/jaRMZsUVv0xA7IYttBiJaUyOKX6uxOdjJa9WM89mTtTcN0p8TmLDRnWgGUxMaCvOS3xYT6MxKJfZouC1Ep+RxGAVNWpbZhr9b5MT65k3G4NzgreFd0bPGMclOVhIhaEoZJ6n/ZOa8QlJHtap25LFIv2kOSapwSJz5uobG0lWrO95VVCm9viYWIMlvpmbMcRBsQ7LIsiPij2wikZbxepXrNdP2jbY6HtEx8V+WE4JNyVhnPAVYZCpdXtaAAAAAElFTkSuQmCC);
    background-size: 30px auto;
    cursor: pointer;
    padding-top: .9em;
    padding-bottom: .9em;
    padding-right: 50px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    select.no-value {
        color: #bababa;
    }

    select::-ms-expand {
        display: none;
    }

.lt-ie10 select {
    background-image: none;
    padding-right: .9em;
}

input[data-datepicker],
input[data-timepicker] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAyCAQAAABFPRu3AAABGklEQVR4Ae2XJVtuURCF98HdEv8CK7h3LNG+ghY8oX8BT0jD4eSFa/4iCbeC3lNw2Qw+yMVlZsX3Wfs9LuqpgR+mcIBmljnDPGcmnFkagVXsIlO9dlCIU51ghqUSS2Wbg5qtv15dQ8vHM8xGzMY27Zf06eUNRCEVfDpp+QqG1RGrY5vzRFP5IAqGQitOvyStCkdfpD5SOP2qkBoLqGEyRrSdYSYxk21uEOXYwl312Odd4Rh7ibqMaBjDMohlsM0RzbZerw7E7DnrhcEwD8ycsxl4sM1k7OEI+a9U013vzxNNA55gzvBkAaP+rBG1jgX7p8W6Vn9BRP3brnBRi1rUoha1qEUtalGLWtSilp/cvS9S7ylkw/oCsYXsM++sSGLiBQJfAAAAAElFTkSuQmCC);
    background-size: 30px auto;
    padding-right: 50px;
    cursor: pointer;
}

.show-focus-outlines input[data-datepicker].picker__input--active,
.show-focus-outlines input[data-timepicker].picker__input--active {
    outline: 1px solid #01858F;
}

input[data-datepicker].hidden-picker,
input[data-timepicker].hidden-picker {
    overflow: hidden;
    height: 1px;
    padding: 0;
    opacity: 0;
}

input[data-datepicker].has-value,
input[data-timepicker].has-value {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABp0lEQVR42rVWvUoEMRBeBBUbERs7KzsrEbnNqmArWIoPYHHgz8JdkR+u0BSCrTZa+ARiKYi13RUKNr6AcM+gu4jOB+7duG52c0UCA8n8fJOdfJNsVDdavd6CkHInVupUKHMvlB5AME+UsbDBJxp3LFs7RQBnBJaTfDdIDl/EeIELY1Zoh68IHkcQg9h6cK2PyDlzgHyQ9CGYO3wyYDh3XgGeC6nPYVtttycLX8yhg62ijBls/2peUZa3xJi1ppLCB77lcv05ExxSGVx0uzO+pIBvOQkwh1QsfWbu2Hnjl5RxgB2Byzwz6uoDuC7lptD6gnY/X+gQy7GAjfJYrmyiGkas9R75fv7GvGx1OnMFUTgWGjRCV3IqMrYgYIl0j0Ka/aFOqWPSfXGggpqI5RQGdoTWZ879AmhD60Vav49s6jpW5rKC+8+8TMBgtoErAcpw4NG9T63UzsLflcBZou00nab1XU2CB05lV4nqD9naiUTqqwrwW4BxcNche9GUdCejBlI3SMztdTT1bjQC3iU5HLfRgl4VwS+78Nd1+Acn/JMZ/tEP/tvyAzUXuKFq9aWBAAAAAElFTkSuQmCC);
    background-size: 24px auto;
}

input[data-timepicker] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABAUlEQVR4AZ2UNUIEQRBFP3aFzSbGDkGOn2DjvcEkOJxmwom2fuHucCPkI2sffePyWqq6G71EI+dynTUfXrY613MuGviKg1Gu8ip2YjkKycXL3Q6vuHowikFykicsqxGImIgJiGqEJU9yEr1kk6ft6c4zW2x1ntrTPM1mb+mnt2OAFcTt2Isy2Wn7iUr3QqeWk/e+cJUlYIUeWHJVgeRVNfKzoO5fRQM5FzuAFQaInZxDrsfyr4XlXAfrKH4tFKzBBxiMIPjQJXCNj13bjBd8k4Rvku+08J32YRU+rD5xwifODw3hh4YffMIPPj+8hR/efgIJP4H8FBV+iv5/EfjtMvMMYGbDJFGUQtIAAAAASUVORK5CYII=);
}

input:not([type="radio"]):not([type="checkbox"]) {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
}

    input:not([type="radio"]):not([type="checkbox"])::-ms-clear {
        display: none;
    }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    width: auto;
    float: left;
    border: none;
    margin: .25em .5em 0 0;
}

.radio {
    margin: .5em 2em .5em 0;
    display: inline-block;
}

    .radio.radio-hidden {
        display: none;
    }

    .radio label,
    .checkbox label {
        color: #333;
        display: inline;
    }

input[type="file"] {
    padding: 0;
    border: none;
}

input[type="date"] {
    padding-right: 0;
}

button,
input[type="submit"] {
    padding: .5em;
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #bababa;
}

:-moz-placeholder {
    color: #bababa;
    opacity: 1;
}

::-moz-placeholder {
    color: #bababa;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #bababa;
}

.ws-popover {
    z-index: 3;
}

.ws-po-outerbox .ws-po-arrow {
    border-bottom-color: #ffcf40;
}

    .ws-po-outerbox .ws-po-arrow .ws-po-arrowbox {
        border-bottom-color: #ffcf40;
    }

.ws-po-outerbox .ws-po-box {
    border-color: #ffcf40;
    background-color: #ffcf40;
    color: #01858F;
    border-radius: 3px;
    min-width: 150px;
}

.step-controls {
    display: none;
}

.fancy-input {
    border: solid #01858F 0.05em;
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: .25em .5em 0 0;
    cursor: pointer;
    background: #fff;
    position: relative;
    display: inline-block;
}

    .fancy-input:after {
        content: "";
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        display: block;
        position: absolute;
        opacity: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .fancy-input.fancy-input-radio {
        border-radius: 100%;
    }

        .fancy-input.fancy-input-radio.fancy-input--checked:after {
            opacity: 1;
            background: #01858F;
            width: 60%;
            height: 60%;
            border-radius: 100%;
        }

    .fancy-input.fancy-input-checkbox.fancy-input--checked:after {
        opacity: 1;
        background: no-repeat center;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAxElEQVR4AWNAAaOgoYHJtLRUIjQ0lJnqZoMMtSqrWGJZVv4fiFc7NDSw0Mrw/8iW0MJwBC4vX0gDwxHYoqz8AvUNR+Db5mVlMvQz3KK83NeytHwDMNzcqW94WZkfUOInVMEPoGWetDEcgX9Yl1Z6USXMLcsqDmDTALa0tNSH4gi1KK1IACr4h9OSsrIAilOLZWlFEh5L/lNiOKYllBtOuSWYhlNuCWHDKbcE03AqWoJpOFUtgRtOC2BVWmpgWVgoxDBiAQCV1Ia8A6GZHAAAAABJRU5ErkJggg==);
        background-size: contain;
        width: 90%;
        height: 90%;
    }

.show-focus-outlines .fancy-input.fancy-input--focus {
    border: 1px solid #01858F;
}

.fancy-input input {
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.01;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.fancy-input-wrapper {
    padding-bottom: .25em;
}

[data-tooltip]:after {
    content: "?";
    display: inline-block;
    background: #01858F;
    border-radius: 100%;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    margin-left: 0.5em;
}

.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5em 1em;
    font-size: 1.3em;
    line-height: 1;
    background-color: #ffcf40;
    color: #01858F;
    border-radius: 3px;
    min-width: 150px;
    max-width: 300px;
}

    .tooltip:after {
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #ffcf40;
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }


/**
 * Base image styles
 */


/**
 * Image on its own
 */

img {
    display: block;
    width: auto;
    max-width: 100%;
    border: 0;
    margin: 0 0 1em 0;
    /**
   * Prevent google maps ui elements from being resized
   */
}

    img[src*="maps.gstatic.com"] {
        max-width: none;
    }


/**
 * Image within a figure tag
 * Used when the image is supporting some related copy
 */

figure {
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
}

    figure img {
        margin-bottom: 0;
    }

figcaption {
    margin-top: .5em;
    font-style: italic;
}

.btn-primary,
.btn,
[data-slider] .slick-next,
[data-slider] .slick-prev,
[class*='btn'] {
    display: inline-block;
    background: #01858F;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 12px;
    border: 2px solid #01858f;
    padding: .8em 1.2em;
    font-size: 1.6em;
    margin: 0 .5em .5em 0;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 1.5em;
}

    .btn-primary:active,
    .btn:active,
    [data-slider] .slick-next:active,
    [data-slider] .slick-prev:active,
    [class*='btn']:active {
        background: #349da5;
        border-color: #349da5;
    }

.btn-primary-right {
    float: right;
}

.show-focus-outlines .btn-primary:focus,
.show-focus-outlines .btn:focus,
.show-focus-outlines [data-slider] .slick-next:focus,
[data-slider] .show-focus-outlines .slick-next:focus,
.show-focus-outlines [data-slider] .slick-prev:focus,
[data-slider] .show-focus-outlines .slick-prev:focus,
.show-focus-outlines [class*='btn']:focus {
    color: #01858F;
    background: #ffcf40;
    border-color: #ffcf40;
}

.no-touchevents .btn-primary:hover,
.no-touchevents .btn:hover,
.no-touchevents [data-slider] .slick-next:hover,
[data-slider] .no-touchevents .slick-next:hover,
.no-touchevents [data-slider] .slick-prev:hover,
[data-slider] .no-touchevents .slick-prev:hover,
.no-touchevents [class*='btn']:hover {
    color: #01858F;
    background: #ffcf40;
    border-color: #ffcf40;
}

table .btn-primary,
table .btn,
table [class*='btn'] {
    font-size: 1em;
}

table legend {
    font-size: 1em;
}

.btn-small {
    font-size: 1em;
}

.btn-secondary,
[data-slider] .slick-next,
[data-slider] .slick-prev {
    background: #ffcf40;
    border-color: #ffcf40;
    color: #173f3e;
}

    .btn-secondary:active,
    [data-slider] .slick-next:active,
    [data-slider] .slick-prev:active {
        background: #349da5;
        border-color: #349da5;
    }

.show-focus-outlines .btn-secondary:focus,
.show-focus-outlines [data-slider] .slick-next:focus,
[data-slider] .show-focus-outlines .slick-next:focus,
.show-focus-outlines [data-slider] .slick-prev:focus,
[data-slider] .show-focus-outlines .slick-prev:focus {
    color: #01858F;
    border-color: #ffcf40;
    background: #ffcf40;
}

.no-touchevents .btn-secondary:hover,
.no-touchevents [data-slider] .slick-next:hover,
[data-slider] .no-touchevents .slick-next:hover,
.no-touchevents [data-slider] .slick-prev:hover,
[data-slider] .no-touchevents .slick-prev:hover {
    color: #ffcf40;
    border-color: #01858F;
    background: #01858F;
}

button[disabled]:hover {
    color: #4d4c4c !important;
    border: 2px solid #d4d3d3 !important;
    background: #d4d3d3 !important;
}

.btn-border {
    background: transparent;
    border: 2px solid #ffcf40;
    color: #01858F;
}

.btn-border--grey {
    background: transparent;
    border: 2px solid #bababa;
    color: #01858F;
}

.no-touchevents .btn-border--grey:hover {
    background: #bababa;
}

.show-focus-outlines .no-touchevents .btn-border--grey:focus {
    background: #bababa;
}

.buttons {
    padding-top: 1em;
    text-align: center;
}

    .buttons * {
        margin: 0 0 .5em 0;
        display: block;
        width: 100%;
    }

.greyhound-height-fix {
    max-height: 359px;
}

/* .greyhound-height-fix-named {
    max-height: 850px;
} */

@media (min-width: 30em) {
    .buttons * {
        width: auto;
        display: inline-block;
    }

        .buttons *:first-child {
            float: left;
        }

        .buttons *:last-child {
            float: right;
        }
}

@media (max-width: 30em) {
    .buttons {
        display: flex;
        flex-direction: column;
    }

        .buttons > #btnCancel {
            order: 2;
        }

        .buttons > #btnNextGreyhoundTab {
            order: 1;
        }

        .buttons > #btnNextOwnershipTab {
            order: 1;
        }

        .buttons > #btnNextLocationTab {
            order: 1;
        }
}

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

table:not(.picker__table) {
    width: 100%;
    margin: 0 0 2em 0;
    border: none;
    border-collapse: collapse;
}

    table:not(.picker__table) th,
    table:not(.picker__table) td {
        border-collapse: collapse;
    }

    table:not(.picker__table) th,
    table:not(.picker__table) td {
        padding: .5em;
        border: none;
        text-align: left;
        font-size: 1.5em;
    }

@media (min-width: 50em) {
    table:not(.picker__table) th,
    table:not(.picker__table) td {
        font-size: 1.6em;
        padding: 1em;
    }
}

table:not(.picker__table) th:only-child {
    border-bottom: 2px solid #01858F;
    color: #01858F;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    background: transparent url(bd0c775cd1e69450c4a5.png) no-repeat bottom left;
    background-size: 50px auto;
    padding-top: .5em;
}

@media (min-width: 50em) {
    table:not(.picker__table) th:only-child {
        padding-top: 1em;
    }
}

table:not(.picker__table) th:only-child a {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    text-align: center;
    margin-bottom: 2em;
}

@media (min-width: 50em) {
    table:not(.picker__table) th:only-child a {
        position: absolute;
        right: 0px;
        top: 0;
        margin-bottom: 0;
    }
}

table:not(.picker__table) th:only-child .row-title {
    font-size: 1.4em;
    padding-left: 60px;
    margin-top: 1em;
    display: inline-block;
}

@media (min-width: 50em) {
    table:not(.picker__table) th:only-child .row-title {
        font-size: 1.8em;
    }
}

table:not(.picker__table) th:only-child .row-title span {
    font-weight: normal;
}

table:not(.picker__table) th:only-child.row-greyhounds {
    padding-bottom: 0;
}

table:not(.picker__table) th:only-child .row-greyhounds {
    padding-left: 60px;
    padding-bottom: 0.6em;
    margin-top: 1em;
}

    table:not(.picker__table) th:only-child .row-greyhounds.row-title-secondary {
        margin-top: 0;
        padding-left: 0px;
    }

        table:not(.picker__table) th:only-child .row-greyhounds.row-title-secondary:before {
            content: ' - ';
        }

table:not(.picker__table) th:only-child .row-title span {
    font-weight: normal;
}

@media screen and (max-width: 49.9em) {
    table:not(.picker__table) th:only-child .row-greyhounds {
        font-size: 1.4em;
        padding-left: 60px;
        padding-bottom: 0;
        margin-top: 1em;
        display: block;
    }

        table:not(.picker__table) th:only-child .row-greyhounds.row-title-secondary {
            margin-top: 0;
            padding-left: 60px;
        }

            table:not(.picker__table) th:only-child .row-greyhounds.row-title-secondary:before {
                content: '';
            }

    table:not(.picker__table) th:only-child .row-title span {
        font-weight: normal;
    }
}

table:not(.picker__table) th {
    font-weight: bold;
    background: #F7F7F7;
    color: #01858F;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.2em;
    padding-top: 1em;
}

@media (min-width: 50em) {
    table:not(.picker__table) th {
        padding-top: 1.5em;
    }
}

table:not(.picker__table) tbody {
    padding-bottom: 2em;
}

table:not(.picker__table) td {
    border-bottom: 5px solid #F7F7F7;
    background: #fff;
}

    table:not(.picker__table) td a {
        display: block;
        margin: .5em 0;
        text-decoration: none;
    }

        table:not(.picker__table) td a:after {
            content: "\203A";
            font-size: 1.5em;
            line-height: 0;
            padding-left: 4px;
            position: relative;
            top: 1px;
        }

table:not(.picker__table) .label,
table:not(.picker__table) .news-preview .news-date,
.news-preview table:not(.picker__table) .news-date {
    font-size: 0.7em;
}

@media (max-width: 49.9375em) {
    table:not(.picker__table) * {
        display: block;
    }
}

@media (max-width: 49.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table) tr {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
    }

        .flexbox table:not(.picker__table) tr:after {
            content: "";
            display: table;
            clear: both;
        }
}

@media (max-width: 49.9375em) {
    .flexbox table:not(.picker__table) tr::after {
        display: none;
    }

    table:not(.picker__table) tbody tr {
        border-bottom: 5px solid #F7F7F7;
    }
    /*table:not(.picker__table) th:not(:only-child) {
        display: none;
    }*/
}

@media (max-width: 49.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table) th:only-child {
        -webkit-flex-basis: calc(100% - 0em);
        -ms-flex-preferred-size: calc(100% - 0em);
        flex-basis: calc(100% - 0em);
        width: calc(100% - 0em);
        margin-bottom: 0;
    }

        .flexbox table:not(.picker__table) th:only-child:nth-child(1n) {
            margin-left: 0em;
            margin-right: 0em;
            clear: none;
        }

        .flexbox table:not(.picker__table) th:only-child:nth-child(1n-0) {
            clear: left;
        }
}

@media (max-width: 49.9375em) {
    table:not(.picker__table) td {
        border-bottom: none;
        padding-top: 0px;
    }
}

@media (max-width: 49.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table) td {
        -webkit-flex-basis: calc(33.33333% - 0em);
        -ms-flex-preferred-size: calc(33.33333% - 0em);
        flex-basis: calc(33.33333% - 0em);
        width: calc(33.33333% - 0em);
        margin-bottom: 0;
    }

        .flexbox table:not(.picker__table) td:nth-child(1n) {
            margin-left: 0em;
            margin-right: 0em;
            clear: none;
        }

        .flexbox table:not(.picker__table) td:nth-child(3n-2) {
            clear: left;
        }
}

@media (max-width: 49.9375em) and (max-width: 29.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table) td {
        -webkit-flex-basis: calc(50% - 0em);
        -ms-flex-preferred-size: calc(50% - 0em);
        flex-basis: calc(50% - 0em);
        width: calc(50% - 0em);
        margin-bottom: 0;
    }

        .flexbox table:not(.picker__table) td:nth-child(1n) {
            margin-left: 0em;
            margin-right: 0em;
            clear: none;
        }

        .flexbox table:not(.picker__table) td:nth-child(1n-0) {
            clear: left;
        }
}

@media (max-width: 49.9375em) and (max-width: 29.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table) td.full-size {
        -webkit-flex-basis: calc(100% - 0em);
        -ms-flex-preferred-size: calc(100% - 0em);
        flex-basis: calc(100% - 0em);
        width: calc(100% - 0em);
        margin-bottom: 0;
    }

    .flexbox table:not(.picker__table) td:nth-child(1n) {
        margin-left: 0em;
        margin-right: 0em;
        clear: none;
    }

    .flexbox table:not(.picker__table) td:nth-child(1n-0) {
        clear: left;
    }
}

@media (max-width: 49.9375em) {
    table:not(.picker__table) td:before {
        content: attr(title);
        display: block;
        padding: .5em;
        background: #F7F7F7;
        color: #01858F;
        text-transform: uppercase;
        font-size: 0.8em;
        margin: 0 -.5em 1em -.5em;
    }
}

@media (max-width: 49.9375em) {
    .group-member-table thead tr th {
        width: 33%;
    }
}

table:not(.picker__table).my-applications td {
    padding: 1em;
}

    table:not(.picker__table).my-applications td .label,
    table:not(.picker__table).my-applications td .news-preview .news-date,
    .news-preview table:not(.picker__table).my-applications td .news-date {
        margin: 0;
    }

    table:not(.picker__table).my-applications td a {
        margin: 0;
    }

    table:not(.picker__table).my-applications td.link {
        text-align: right;
    }

@media (max-width: 49.9375em) {
    table:not(.picker__table).my-applications tr {
        display: block;
    }
}

@media (max-width: 49.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table).my-applications td {
        -webkit-flex-basis: calc(100% - 0em);
        -ms-flex-preferred-size: calc(100% - 0em);
        flex-basis: calc(100% - 0em);
        width: calc(100% - 0em);
        margin-bottom: 0;
    }

        .flexbox table:not(.picker__table).my-applications td:nth-child(1n) {
            margin-left: 0em;
            margin-right: 0em;
            clear: none;
        }

        .flexbox table:not(.picker__table).my-applications td:nth-child(1n-0) {
            clear: left;
        }
}

@media (max-width: 49.9375em) and (max-width: 29.9375em) {
    table:not(.picker__table).my-applications td {
        padding: .5em !important;
    }

    .flexbox table:not(.picker__table).my-applications td {
        display: block;
    }
}

@media (max-width: 49.9375em) and (max-width: 29.9375em) and (min-width: 0em) {
    .flexbox table:not(.picker__table).my-applications td {
        -webkit-flex-basis: calc(100% - 0em);
        -ms-flex-preferred-size: calc(100% - 0em);
        flex-basis: calc(100% - 0em);
        width: calc(100% - 0em);
        margin-bottom: 0;
    }

        .flexbox table:not(.picker__table).my-applications td:nth-child(1n) {
            margin-left: 0em;
            margin-right: 0em;
            clear: none;
        }

        .flexbox table:not(.picker__table).my-applications td:nth-child(1n-0) {
            clear: left;
        }
}

@media (max-width: 49.9375em) {
    table:not(.picker__table).my-applications td:before {
        display: none;
    }

    table:not(.picker__table).my-applications td.forms {
        padding-bottom: 0;
    }

    .flexbox table:not(.picker__table).my-applications td.forms {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    table:not(.picker__table).my-applications td.details {
        padding-bottom: 0;
        text-align: right;
    }

    .flexbox table:not(.picker__table).my-applications td.details {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media (max-width: 49.9375em) and (max-width: 29.9375em) {
    table:not(.picker__table).my-applications td.details {
        text-align: left;
    }

    .flexbox table:not(.picker__table).my-applications td.details {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 49.9375em) {
    table:not(.picker__table).my-applications td.details .label,
    table:not(.picker__table).my-applications td.details .news-preview .news-date,
    .news-preview table:not(.picker__table).my-applications td.details .news-date {
        display: table;
    }

        table:not(.picker__table).my-applications td.details .label:before,
        table:not(.picker__table).my-applications td.details .news-preview .news-date:before,
        .news-preview table:not(.picker__table).my-applications td.details .news-date:before,
        table:not(.picker__table).my-applications td.details .label:after,
        table:not(.picker__table).my-applications td.details .news-preview .news-date:after,
        .news-preview table:not(.picker__table).my-applications td.details .news-date:after {
            content: "";
            opacity: 0;
            display: inline-block;
            width: 5px;
            height: 10px;
            border: 1px solid red;
        }

    table:not(.picker__table).my-applications td.status {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    table:not(.picker__table).my-applications td.link {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        text-align: right;
    }
}

@media (max-width: 49.9375em) and (max-width: 29.9375em) {
    table:not(.picker__table).my-applications td.link {
        text-align: left;
    }
}

.tabs {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

@media (min-width: 22.5em) {
    .tabs {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .tabs:after {
            content: "";
            display: table;
            clear: both;
        }
}

.tabs .tab {
    margin-bottom: 2em;
    text-align: center;
}

@media (min-width: 22.5em) {
    .tabs .tab {
        -webkit-flex-basis: calc(50% - 2em);
        -ms-flex-preferred-size: calc(50% - 2em);
        flex-basis: calc(50% - 2em);
        width: calc(50% - 2em);
        margin-bottom: 2em;
    }

        .tabs .tab:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .tabs .tab:nth-child(2n-1) {
            clear: left;
        }
}

@media (min-width: 50em) {
    .tabs .tab {
        -webkit-flex-basis: calc(25% - 2em);
        -ms-flex-preferred-size: calc(25% - 2em);
        flex-basis: calc(25% - 2em);
        width: calc(25% - 2em);
        margin-bottom: 2em;
    }

        .tabs .tab:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .tabs .tab:nth-child(4n-3) {
            clear: left;
        }
}

@media (max-width: 22.4375em) {
    .tabs .tab {
        margin-bottom: 1em;
    }
}

.tabs .tab a {
    display: table;
    font-size: 1.6em;
    background: #F7F7F7;
    border-radius: 5px 5px 0 0;
    padding: 1em;
    color: #173f3e;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    height: 100%;
}

@media (max-width: 22.4375em) {
    .tabs .tab a {
        border-radius: 5px;
    }
}

.tabs .tab a:hover {
    background: #ebebeb;
}

.tabs .tab a:after {
    content: "";
    display: block;
    height: 2px;
    background: #173f3e;
    position: absolute;
    bottom: 0px;
    left: -5%;
    right: -5%;
}

@media (max-width: 22.4375em) {
    .tabs .tab a:after {
        display: none;
    }
}

.tabs .tab a .title {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}

.tabs .tab.tab--active a {
    background: #173f3e;
    color: #fff;
}

section.container .tabs {
    position: relative;
    top: 7em;
}

@media (max-width: 22.4375em) {
    section.container .tabs:not(.tabs--progress) {
        top: 2em;
    }
}

@media (min-width: 0em) {
    .flexbox .tabs.tabs--progress {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .flexbox .tabs.tabs--progress:after {
            content: "";
            display: table;
            clear: both;
        }
}

@media (min-width: 0em) {
    .flexbox .tabs.tabs--progress .tab {
        -webkit-flex-basis: calc(25% - 2em);
        -ms-flex-preferred-size: calc(25% - 2em);
        flex-basis: calc(25% - 2em);
        width: calc(25% - 2em);
        margin-bottom: 2em;
    }

        .flexbox .tabs.tabs--progress .tab:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .flexbox .tabs.tabs--progress .tab:nth-child(4n-3) {
            clear: left;
        }
}

@media (max-width: 22.4375em) {
    .tabs.tabs--progress .tab a:after {
        display: block;
    }
}

.tabs.tabs--progress .tab a .step {
    position: absolute;
    bottom: -1.8em;
    left: 0px;
    display: block;
    width: 100%;
    text-align: center;
    color: #173f3e;
    font-weight: bold;
}

@media (max-width: 49.9375em) {
    .tabs.tabs--progress .tab a {
        padding: 0;
    }

        .tabs.tabs--progress .tab a .title {
            display: none;
        }
}

.tabs.tabs--progress .tab.tab--todo a {
    background: transparent;
    color: #bababa;
}

    .tabs.tabs--progress .tab.tab--todo a .step {
        color: #bababa;
    }

    .tabs.tabs--progress .tab.tab--todo a:after {
        display: none;
    }

.tabs.tabs--progress .tab.tab--done a .step {
    text-indent: 9999px;
    overflow: hidden;
    background: no-repeat center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAxElEQVR4AWNAAaOgoYHJtLRUIjQ0lJnqZoMMtSqrWGJZVv4fiFc7NDSw0Mrw/8iW0MJwBC4vX0gDwxHYoqz8AvUNR+Db5mVlMvQz3KK83NeytHwDMNzcqW94WZkfUOInVMEPoGWetDEcgX9Yl1Z6USXMLcsqDmDTALa0tNSH4gi1KK1IACr4h9OSsrIAilOLZWlFEh5L/lNiOKYllBtOuSWYhlNuCWHDKbcE03AqWoJpOFUtgRtOC2BVWmpgWVgoxDBiAQCV1Ia8A6GZHAAAAABJRU5ErkJggg==);
    background-size: auto 100%;
    line-height: 1.1em;
}

.picker__holder {
    background: #F7F7F7;
    background: #fff;
    border: none;
    overflow: hidden;
}

    .picker__holder .picker__header {
        color: #01858F;
    }

        .picker__holder .picker__header .picker__month,
        .picker__holder .picker__header .picker__year {
            font-weight: bold;
        }

    .picker__holder .picker__nav--next:hover,
    .picker__holder .picker__nav--prev:hover {
        background: transparent;
    }

    .picker__holder .picker__nav--next:before {
        border-left-color: #01858F;
    }

    .picker__holder .picker__nav--prev:before {
        border-right-color: #01858F;
    }

    .picker__holder .picker__weekday {
        text-transform: uppercase;
    }

    .picker__holder .picker__day:hover {
        background: #99ced2;
    }

    .picker__holder .picker__day--today {
        border: 1px solid #01858F;
    }

        .picker__holder .picker__day--today:before {
            border-top-color: #01858F;
        }

    .picker__holder .picker__day--highlighted {
        border: none;
        background: #fff5d9;
    }

    .picker__holder .picker__day--selected {
        background: #01858F;
    }

    .picker__holder td,
    .picker__holder th {
        text-align: center;
    }

    .picker__holder td,
    .picker__holder th,
    .picker__holder table,
    .picker__holder button {
        border: none;
    }

        .picker__holder button,
        .picker__holder button:hover,
        .picker__holder button:focus {
            background: transparent;
        }

.show-focus-outlines .picker__holder button:focus {
    outline: 1px solid #01858F;
}

.picker__holder .picker__button--today:before {
    border-top-color: #01858F;
}

.picker__holder .picker__button--clear:before {
    border-top-color: #FE0000;
}

@media (min-width: 30em) {
    .article-preview-container {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .article-preview-container:after {
            content: "";
            display: table;
            clear: both;
        }
}

.article-preview {
    padding-bottom: 2em;
    margin-bottom: 3em;
    border-bottom: 6px solid #01858F;
}

@media (min-width: 30em) {
    .article-preview {
        -webkit-flex-basis: calc(50% - 2em);
        -ms-flex-preferred-size: calc(50% - 2em);
        flex-basis: calc(50% - 2em);
        width: calc(50% - 2em);
        margin-bottom: 2em;
    }

        .article-preview:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .article-preview:nth-child(2n-1) {
            clear: left;
        }
}

.article-preview .article-title {
    text-transform: uppercase;
    line-height: 1;
}

@media (min-width: 30em) {
    .article-preview .article-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.article-preview .article-title span {
    font-weight: bold;
    display: block;
}

.article-preview .article-image {
    background: #F7F7F7 no-repeat center;
    background-size: cover;
    margin-bottom: 2em;
}

    .article-preview .article-image img {
        visibility: hidden;
        height: 0px;
        padding-bottom: 60%;
    }

.article-preview .article-intro p {
    line-height: 1.9;
}

@media (min-width: 30em) {
    .article-preview .article-link {
        display: table;
    }
}

.banner {
    background: #ffcf40 no-repeat center;
    background-size: cover;
    color: #173f3e;
    margin-bottom: 2em;
    font-weight: bold;
    padding: 2em;
}

@media (min-width: 30em) {
    .banner {
        padding: 4em;
    }
}

@media (min-width: 62.5em) {
    .banner {
        padding: 6em 4em;
    }
}

.banner-title {
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}

@media (min-width: 30em) {
    .banner-title {
        font-size: 4em;
    }
}

@media (min-width: 62.5em) {
    .banner-title {
        font-size: 5em;
    }
}

.slider {
    margin: 0 -1em;
}

[data-slider] {
    margin: 2em 0;
    padding: 0px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

    [data-slider].slick-initialized {
        opacity: 1;
    }

    [data-slider] .slide {
        padding: 2em;
        margin: 0 1em;
        background: #173f3e;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        text-decoration: none;
        min-height: 200px;
    }

@media (min-width: 50em) {
    [data-slider] .slide {
        padding: 3em;
    }
}

[data-slider] .slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #173f3e;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

[data-slider] .slide:hover:after {
    opacity: 0.8;
}

[data-slider] .slide-image {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 0;
    background: #173f3e no-repeat center;
    background-size: cover;
}

[data-slider] .slide-content {
    position: relative;
    z-index: 1;
}

[data-slider] .slide-title {
    color: #ffcf40;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.2em;
    font-size: 1.6em;
}

@media (min-width: 50em) {
    [data-slider] .slide-title {
        font-size: 2.3em;
    }
}

[data-slider] .slide-intro {
    margin: 0px;
    font-size: 1.4em;
}

@media (min-width: 50em) {
    [data-slider] .slide-intro {
        font-size: 1.5em;
    }
}

[data-slider] .slick-next,
[data-slider] .slick-prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    border-radius: 3px;
    margin: 0px;
    overflow: hidden;
    line-height: 300em;
    width: 30px;
    height: 30px;
    padding: 0px;
}

    [data-slider] .slick-next:before,
    [data-slider] .slick-prev:before {
        line-height: 1;
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 2em;
    }

    [data-slider] .slick-next.slick-disabled,
    [data-slider] .slick-prev.slick-disabled {
        cursor: default;
        opacity: 0.3;
    }

        [data-slider] .slick-next.slick-disabled:hover,
        [data-slider] .slick-prev.slick-disabled:hover {
            background: #ffcf40;
            color: #173f3e;
        }

[data-slider] .slick-next {
    right: -.5em;
}

    [data-slider] .slick-next:before {
        content: "\203A";
    }

[data-slider] .slick-prev {
    left: -.5em;
}

    [data-slider] .slick-prev:before {
        content: "\2039";
    }

[data-slider] .slick-dots {
    list-style-type: none;
    width: 100%;
    text-align: center;
    margin: .5em 0;
    padding: 0;
}

    [data-slider] .slick-dots li {
        display: inline-block;
        padding: .2em;
        margin: 0;
    }

        [data-slider] .slick-dots li button {
            background: #01858F;
            color: #01858F;
            border-radius: 100%;
            width: 10px;
            height: 10px;
            overflow: hidden;
            border: none;
        }

        [data-slider] .slick-dots li.slick-active button {
            background: #ffcf40;
            color: #ffcf40;
        }

.panel-container {
    padding: 2em 0;
}

@media (min-width: 30em) {
    .panel-container {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .panel-container:after {
            content: "";
            display: table;
            clear: both;
        }
}

@media (min-width: 30em) {
    .panel-container {
        max-width: 1000px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
    }
}

.section-brand .panel-container {
    margin-bottom: -1em;
}

.panel {
    background: #F7F7F7;
    border-bottom: 3px solid #ffcf40;
    display: table;
    margin-bottom: 1em;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    top: 0px;
    left: 0px;
}

@media (min-width: 30em) {
    .panel {
        -webkit-flex-basis: calc(50% - 2em);
        -ms-flex-preferred-size: calc(50% - 2em);
        flex-basis: calc(50% - 2em);
        width: calc(50% - 2em);
        margin-bottom: 2em;
    }

        .panel:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .panel:nth-child(2n-1) {
            clear: left;
        }
}

@media (min-width: 62.5em) {
    .panel {
        -webkit-flex-basis: calc(25% - 2em);
        -ms-flex-preferred-size: calc(25% - 2em);
        flex-basis: calc(25% - 2em);
        width: calc(25% - 2em);
        margin-bottom: 2em;
    }

        .panel:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .panel:nth-child(4n-3) {
            clear: left;
        }
}

@media (min-width: 30em) {
    .panel {
        text-align: center;
        padding: 3em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.panel:hover {
    background-color: #e4e4e4;
}

.panel .panel-image {
    display: table-cell;
    padding: 1em;
    vertical-align: middle;
    width: 60px;
}

@media (min-width: 30em) {
    .panel .panel-image {
        display: block;
        width: 100%;
        padding: 0 0 1em 0;
    }
}

.panel .panel-image img {
    margin: 0;
    width: 100%;
    height: auto;
}

@media (min-width: 30em) {
    .panel .panel-image img {
        margin: 0 auto;
        max-width: 100px;
    }
}

.panel .panel-title {
    display: table-cell;
    margin: 0;
    padding: 1em;
    vertical-align: middle;
    font-size: 1.6em;
    color: #01858F;
}

@media (min-width: 30em) {
    .panel .panel-title {
        display: block;
        padding: 0;
    }
}

.news-previews .page-title {
    margin-bottom: 0;
}

.news-previews .section-grey {
    padding-top: 4em;
    margin-bottom: 5em;
}

.news-previews .news-preview {
    position: relative;
    top: 2em;
    top: calc(2em + 4px);
}

@media (min-width: 30em) {
    .news-preview-container {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .news-preview-container:after {
            content: "";
            display: table;
            clear: both;
        }
}

.news-preview {
    padding-bottom: 2em;
    margin-bottom: 3em;
    border-bottom: 4px solid #01858F;
}

@media (min-width: 30em) {
    .news-preview {
        -webkit-flex-basis: calc(50% - 2em);
        -ms-flex-preferred-size: calc(50% - 2em);
        flex-basis: calc(50% - 2em);
        width: calc(50% - 2em);
        margin-bottom: 2em;
    }

        .news-preview:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .news-preview:nth-child(2n-1) {
            clear: left;
        }
}

@media (min-width: 50em) {
    .news-preview {
        -webkit-flex-basis: calc(25% - 2em);
        -ms-flex-preferred-size: calc(25% - 2em);
        flex-basis: calc(25% - 2em);
        width: calc(25% - 2em);
        margin-bottom: 2em;
    }

        .news-preview:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .news-preview:nth-child(4n-3) {
            clear: left;
        }
}

.news-preview .news-date {
    display: table;
}

.news-preview .news-title {
    line-height: 1;
    font-size: 1.7em;
    font-weight: bold;
    color: #01858F;
}

@media (min-width: 30em) {
    .news-preview .news-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.news-preview .news-title span {
    font-weight: bold;
    display: block;
}

.news-preview .news-image {
    background: #F7F7F7 no-repeat center;
    background-size: cover;
    margin-bottom: 2em;
    display: block;
}

    .news-preview .news-image img {
        visibility: hidden;
        height: 0px;
        padding-bottom: 60%;
    }

.show-focus-outlines .news-preview .news-image:focus {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.news-preview .news-intro p {
    font-size: 1.3em;
}

@media (min-width: 30em) {
    .news-preview .news-link {
        display: table;
    }
}

.alert {
    width: 100%;
    background: #bababa;
    padding: 1em;
    font-size: .8em;
}

    .alert .container,
    .alert .container--large {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .alert p {
        margin: 0;
        font-size: 1.6em;
        padding-right: 30px;
    }

    .alert .alert-content {
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
    }

        .alert .alert-content:before {
            content: "";
            display: inline-block;
            font-family: eggbox;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
        }

        .alert .alert-content:before {
            margin-right: 5px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 0px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 1.7em;
        }

    .alert .alert-close {
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: auto;
        width: 20px;
        height: 20px;
        min-width: 20px;
        display: block;
        border-radius: 3px;
        background: #333;
        color: #fff;
        position: absolute;
        overflow: hidden;
        line-height: 999px;
    }

        .alert .alert-close:before {
            content: "";
            display: inline-block;
            font-family: eggbox;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
        }

        .alert .alert-close:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

.alert--info {
    background: #ffcf40;
    color: #01858F;
}

    .alert--info .alert-close {
        background: #01858F;
        color: #ffcf40;
    }

.alert--valid,
.alert--success {
    background: #01858F;
    color: #ffcf40;
}

    .alert--valid .alert-close,
    .alert--success .alert-close {
        background: #ffcf40;
        color: #01858F;
    }

.alert--invalid,
.alert--error {
    background: #FE0000;
    color: #fff;
}

    .alert--invalid .alert-close,
    .alert--error .alert-close {
        background: #fff;
        color: #FE0000;
    }

.user-hub {
    border: 2px solid #ffcf40;
    border-radius: 5px;
    padding: .5em;
    position: relative;
}

@media (min-width: 75em) {
    .user-hub {
        display: table;
        margin-left: 2em;
    }
}

.user-hub > * {
    display: table-cell;
    vertical-align: middle;
}

.user-hub .user-image {
    overflow: hidden;
    border-radius: 4px;
}

    .user-hub .user-image img {
        width: 32px;
        height: auto;
        margin: 0;
    }

.user-hub .user-name {
    font-size: 1em;
    color: #01858F;
    text-transform: uppercase;
    font-weight: bold;
    display: none;
    padding-left: .5em;
}

@media (min-width: 30em) {
    .user-hub .user-name {
        display: table-cell;
    }

    .user-hub .user-admin {
        font-size: 1.6em;
    }
}

.user-hub .user-hub-open {
    padding-left: .5em;
    width: 20px;
    height: 20px;
    position: relative;
}

    .user-hub .user-hub-open:before {
        content: "";
        display: inline-block;
        font-family: eggbox;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
    }

.user-hub .user-notifications {
    border-radius: 100%;
    background: #FE0000;
    color: #fff;
    font-size: 1.4em;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    right: -10px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
}

.site-feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 7em 0;
    min-height: 260px;
    text-align: center;
    position: relative;
    background: #ffcf40;
    border-bottom: 8px solid #017881;
}

    .site-feature .feature-image {
        z-index: 1;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        bottom: 0px;
        right: 0px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #01858F no-repeat center;
        background-size: cover;
        opacity: 1;
        max-width: 1200px;
    }

    .site-feature:after,
    .site-feature:before,
    .site-feature .feature-slide:before,
    .site-feature .feature-slide:after {
        content: "";
        display: block;
        width: 100%;
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 50%;
        bottom: 0px;
        right: 0px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: no-repeat center;
        background-image: url(a10e313174223fffd3fd.png);
        background-size: 102% 102%;
        max-width: 1200px;
    }

@media screen and (max-width: 50em) {
    .site-feature--small {
        padding: 1em 0;
        min-height: 140px;
    }
}

@media screen and (max-width: 1200px) {
    .site-feature:after,
    .site-feature .feature-slide:after {
        display: none;
    }
}

.site-feature:before,
.site-feature .feature-slide:before {
    background: #3fbbc6;
    width: 50%;
    z-index: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: none;
}

.site-feature .container {
    position: relative;
    z-index: 3;
}

.site-feature .feature-title,
.site-feature .feature-content {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
    font-family: "Open Sans Condensed", sans-serif;
    padding-left: 25px;
    padding-right: 25px;
}

.site-feature .feature-title {
    margin: 0px;
    padding: 0px;
    font-weight: 800;
    color: #fff;
    font-size: 5em;
    line-height: 1;
}

.site-feature .feature-content {
    color: #fff;
    font-size: 3em;
    margin: 0.8em 0 0 0;
    line-height: 1.2;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
}

.site-feature .feature-buttons {
    margin: 2em 0 0 0;
}

    .site-feature .feature-buttons [class*='btn'] {
        padding: 1em 1.5em;
    }

@media (min-width: 62.5em) {
    .site-feature--large {
        padding: 20em 0;
    }
}

.site-feature--large .feature-title {
    font-size: 7em;
}

.site-feature--large:after,
.site-feature--large .feature-image {
    max-width: 1600px;
}

.site-feature--slider {
    display: block;
    padding: 0;
    min-height: 0;
}

.site-feature--slider--slider-init {
    min-height: 260px;
}

.site-feature--slider:before,
.site-feature--slider:after {
    display: none;
}

.site-feature--slider [data-slider] {
    opacity: 1;
    margin: 0;
}

    .site-feature--slider [data-slider] .feature-slide {
        padding: 7em 0;
        margin: 0px;
        position: relative;
        display: none;
    }

        .site-feature--slider [data-slider] .feature-slide:first-of-type {
            display: block;
        }

    .site-feature--slider [data-slider].slick-initialized .feature-slide {
        display: block;
    }

    .site-feature--slider [data-slider] .slick-next {
        right: 2%;
    }

    .site-feature--slider [data-slider] .slick-prev {
        left: 2%;
    }

    .site-feature--slider [data-slider] .slick-dots {
        position: absolute;
        bottom: 1em;
    }

        .site-feature--slider [data-slider] .slick-dots li button {
            background: transparent;
            border: 2px solid #fff;
        }

        .site-feature--slider [data-slider] .slick-dots li.slick-active button {
            background: #fff;
        }

html {
    background: #01858F url(e1f207a331f2a3ae59fd.png);
    background-size: 70px auto;
    min-height: 100vh;
}

#site-container {
    overflow: hidden;
}

.site-content {
    background: #fff;
    padding-bottom: 5em;
}

.container,
.container--large {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.container-alert {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.container--large,
.container--large--large {
    max-width: 1600px;
}

section {
    padding: 5em 0;
}

    section.dashboard {
        padding: 0 0;
    }

    section.section-brand.dashboard {
        padding-top: 2.5em;
    }

    section.container.dashboard {
        margin-top: 2.5em;
    }

@media (min-height: 861px) {
    section.dashboard {
        padding: 5em 0;
    }

    section.section-brand.dashboard {
        padding-top: 50px;
    }
}

.section-mini {
    padding: .05em 0;
}

.section-grey {
    background-color: #F7F7F7;
}

.section-brand {
    background-color: #01858F;
    color: #fff;
}

head {
    font-family: '{""none"": "(min-width:0em)",""small-mobile-reverse"": "(max-width:22.4375em)",""mobile-reverse"": "(max-width:29.9375em)",""tablet-reverse"": "(max-width:49.9375em)",""desktop-reverse"": "(max-width:62.4375em)",""desktop-large-reverse"": "(max-width:81.1875em)",""nav-switch-reverse"": "(max-width:74.9375em)",""small-mobile"": "(min-width:22.5em)",""mobile"": "(min-width:30em)",""tablet"": "(min-width:50em)",""desktop"": "(min-width:62.5em)",""desktop-large"": "(min-width:81.25em)",""nav-switch"": "(min-width:75em)"}';
}

.nav-open {
    overflow: hidden;
}

.site-header {
    background: #fff;
    width: 100%;
    z-index: 999;
    position: relative;
    padding: .5em 0 0 0;
}

@media (min-width: 75em) {
    .site-header {
        padding: .5em 0 0 0;
    }
}

.site-header--fixed {
    position: fixed !important;
    top: 0px;
    left: 0px;
}

.nav-open .site-header:after {
    display: none;
}

@media (min-width: 75em) {
    .site-header {
        position: relative;
    }
}

.site-header .container {
    position: relative;
}

.site-header .alert {
    position: relative;
    top: -.5em;
}

@media (min-width: 75em) {
    .site-header .alert {
        top: -1em;
    }
}

.site-header nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .site-header nav .header-right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

.site-header .site-nav {
    position: absolute;
    display: none;
    width: 120%;
    text-align: left;
    top: 100%;
    left: -10%;
    background: #fff;
    border-top: 5px solid #F7F7F7;
    padding: 2em 1em;
    margin: 0;
    z-index: 2;
    height: 100vh;
}

@media (min-width: 75em) {
    .site-header .site-nav {
        position: static;
        display: block !important;
        height: auto !important;
        text-align: right;
        border-top: none;
        background: transparent;
        padding: 0;
        width: auto;
    }
}

@media (min-width: 75em) {
    .site-header .site-nav:after {
        display: none;
    }
}

.nav-open .site-header .site-nav:after {
    display: none;
}

.site-header .site-nav ul {
    list-style-type: none;
}

.site-header .site-nav > ul {
    overflow-x: auto;
    margin: 0 auto;
    max-width: 90%;
}

@media (min-width: 50em) {
    .site-header .site-nav > ul {
        max-width: 70%;
    }
}

@media (min-width: 75em) {
    .site-header .site-nav > ul {
        overflow: visible;
        max-height: none;
        max-width: none;
    }
}

@media (min-width: 75em) {
    .site-header .site-nav li {
        display: inline-block;
    }
}

.site-header .site-nav li a {
    border-bottom: 2px solid #173f3e;
    display: block;
    text-transform: uppercase;
    padding: 0.8em;
    margin: 0 auto;
    max-width: 80%;
    color: #173f3e;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    .site-header .site-nav li a:hover {
        color: #ffcf40;
    }

@media (min-width: 75em) {
    .site-header .site-nav li a {
        border: none;
        max-width: none;
    }
}

.site-header .site-nav li.login a {
    font-weight: bold;
}

@media (min-width: 75em) {
    .site-header .site-nav li.login a {
        background-color: #01858F;
        border-radius: 5px;
        color: white;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .site-header .site-nav li.login a:hover {
            background-color: #016a72;
        }

        .site-header .site-nav li.login a:active {
            background: #349da5;
        }

    .show-focus-outlines .site-header .site-nav li.login a:focus {
        color: #01858F;
        background: #ffcf40;
    }

    .no-touchevents .site-header .site-nav li.login a:hover {
        color: #01858F;
        background: #ffcf40;
    }
}

.site-header .site-nav li:last-child a {
    border-bottom: none;
}

.site-header .site-nav li {
    position: relative;
}

    .site-header .site-nav li ul {
        margin: 0px;
        display: none;
    }

@media (min-width: 75em) {
    .site-header .site-nav li ul {
        position: absolute;
        top: 100%;
        left: 0px;
        background: #fff;
        text-align: left;
        min-width: 150px;
        z-index: 10;
        list-style: none;
    }
}

.site-header .site-nav li ul li {
    width: 100%;
}

    .site-header .site-nav li ul li a {
        border-bottom: 2px solid #F7F7F7;
        font-weight: 400;
    }

@media (min-width: 75em) {
    .site-header .site-nav li ul li a {
        width: 100%;
    }
}

.site-header .site-nav li ul li:last-child a {
    border-bottom: 2px solid #173f3e;
}

.site-header .site-nav li .sub-toggle {
    position: absolute;
    top: 0;
    right: 10%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 500ms ease;
    transition: 500ms ease;
    cursor: pointer;
}

    .site-header .site-nav li .sub-toggle:before {
        content: "";
        display: inline-block;
        font-family: eggbox;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
    }

    .site-header .site-nav li .sub-toggle.open {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

@media (min-width: 75em) {
    .site-header .site-nav li .sub-toggle {
        display: none;
    }
}

@media (min-width: 75em) {
    .site-header .site-nav li:hover ul {
        display: block;
    }
}

.show-focus-outlines .site-header .site-nav li a:focus + ul,
.show-focus-outlines .site-header .site-nav li .has-focus {
    display: block !important;
}

.site-header .user-hub-container {
    padding: 0 1em;
}

    .site-header .user-hub-container .user-hub {
        float: right;
    }

.site-header a {
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.5em;
}

.site-header #site-logo a {
    font-weight: bold;
    padding: 0.5em 0;
    color: #173f3e;
    font-size: 2.2em;
    display: block;
}

@media (min-width: 50em) {
    .site-header #site-logo a {
        font-size: 3em;
    }
}

@media (min-width: 75em) {
    .site-header #site-logo a {
        position: static;
    }
}

.site-header #nav-toggle {
    width: 50px;
}

@media (min-width: 75em) {
    .site-header #nav-toggle {
        display: none;
    }
}

.site-header #nav-toggle a {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
}

#nav-toggle {
    position: relative;
}

    #nav-toggle:after,
    #nav-toggle:before {
        content: "";
        width: 60%;
        max-width: 40px;
        height: 5px;
        display: block;
        background: #01858F;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    #nav-toggle:before {
        margin-top: -10px;
        box-shadow: 0 10px 0 0 #01858F;
    }

.nav-opening #nav-toggle:before,
.nav-closing #nav-toggle:before {
    box-shadow: -50px 10px 0 0 transparent;
}

.nav-open #nav-toggle:before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
    box-shadow: none !important;
    margin-top: 0;
}

#nav-toggle:after {
    margin-top: 10px;
}

.nav-open #nav-toggle:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    margin-top: 0;
}

#nav-toggle:hover:before,
#nav-toggle:hover:after {
    background: #173f3e;
}

#nav-toggle:hover:before {
    box-shadow: 0 10px 0 0 #173f3e;
}

@media (min-width: 50em) {
    .page-content {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .page-content:after {
            content: "";
            display: table;
            clear: both;
        }
}

@media (min-width: 50em) {
    .page-content .content {
        -webkit-flex-basis: calc(66.66667% - 2em);
        -ms-flex-preferred-size: calc(66.66667% - 2em);
        flex-basis: calc(66.66667% - 2em);
        width: calc(66.66667% - 2em);
        margin-bottom: 2em;
    }

        .page-content .content:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .page-content .content:nth-child(3n-2) {
            clear: left;
        }
}

@media (min-width: 50em) {
    .page-content .sidebar {
        -webkit-flex-basis: calc(33.33333% - 2em);
        -ms-flex-preferred-size: calc(33.33333% - 2em);
        flex-basis: calc(33.33333% - 2em);
        width: calc(33.33333% - 2em);
        margin-bottom: 2em;
    }

        .page-content .sidebar:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .page-content .sidebar:nth-child(3n-2) {
            clear: left;
        }
}

.page-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.page-title {
    position: relative;
    padding-bottom: 0.4em;
    display: inline-block;
}

    .page-title:after {
        content: "";
        display: block;
        width: 50%;
        max-width: 200px;
        min-width: 20px;
        height: 2px;
        background: #ffcf40;
        position: absolute;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.section-brand .page-title {
    color: #fff;
}

.page-title--center {
    text-align: center;
}

.page-subtitle {
    color: #959595;
}

.section-brand .page-subtitle {
    color: #fff;
}

.site-footer {
    margin: 3em 0 10em 0;
    color: #fff;
    text-align: center;
}

@media (min-width: 30em) {
    .site-footer {
        text-align: left;
    }
}

@media (min-width: 62.5em) {
    .site-footer {
        margin-top: 1.5em;
    }
}

@media (min-width: 62.5em) and (min-width: 0em) {
    .site-footer {
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin-left: -1em;
        margin-right: -1em;
    }

        .site-footer:after {
            content: "";
            display: table;
            clear: both;
        }
}

.site-footer .footer-left,
.site-footer .footer-right {
    width: 100%;
}

@media (min-width: 62.5em) {
    .site-footer .footer-left {
        -webkit-flex-basis: calc(33.33333% - 2em);
        -ms-flex-preferred-size: calc(33.33333% - 2em);
        flex-basis: calc(33.33333% - 2em);
        width: calc(33.33333% - 2em);
        margin-bottom: 2em;
    }

        .site-footer .footer-left:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .site-footer .footer-left:nth-child(3n-2) {
            clear: left;
        }
}

@media (min-width: 62.5em) {
    .site-footer .footer-right {
        -webkit-flex-basis: calc(66.66667% - 2em);
        -ms-flex-preferred-size: calc(66.66667% - 2em);
        flex-basis: calc(66.66667% - 2em);
        width: calc(66.66667% - 2em);
        margin-bottom: 2em;
    }

        .site-footer .footer-right:nth-child(1n) {
            margin-left: 1em;
            margin-right: 1em;
            clear: none;
        }

        .site-footer .footer-right:nth-child(3n-2) {
            clear: left;
        }
}

@media (min-width: 62.5em) {
    .site-footer .footer-right {
        text-align: right;
    }
}

.site-footer a,
.site-footer p {
    font-size: 1.2em;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

@media (min-width: 30em) {
    .site-footer .footer-nav li {
        display: inline-block;
        border-right: 2px solid #fff;
        padding-right: .5em;
        margin-right: .5em;
        margin-bottom: .5em;
    }
}

@media (min-width: 30em) {
    .site-footer .footer-nav li:last-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
}


/**
 * Shame file
 * Add quick changes here, to be incorperated properly at a later point
 */

.ui-helper-hidden-accessible {
    display: none;
}

ul.ui-autocomplete {
    list-style-type: none;
    background: white;
    width: 100px;
}

    ul.ui-autocomplete li.ui-menu-item {
        font-size: 1.7em;
        color: #01858F;
        padding: .75em;
    }


.highlighted-workflow {
    border-left: 5px solid #01858F;
    font-weight: 600;
}

.article-preview h2 {
    text-transform: uppercase;
    line-height: 1
}

    .article-preview h2 span {
        font-weight: bold;
        display: block;
    }

.article-preview img {
    height: 232px;
}

.article-preview a {
    font-weight: bold;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 12px;
    border: none;
    padding: .8em 1.2em;
    font-size: 1em;
    margin: 1em 0 1em 0;
    text-decoration: none !important;
    text-transform: uppercase;
    background: #ffcf40;
    color: #173f3e;
    display: table;
}

.banner-info h4 {
    font-size: 5em;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    text-transform: uppercase;
}

ol li {
    font-size: 1.5em;
}

ul.about li {
    font-size: 1.5em;
}

.alert--error ul,
.alert--info ul {
    list-style-type: none
}


/*------------------------------- Custody loction notification screen --------------------*/
.custody-location {
}

    .custody-location .earband-search-error {
        padding-top: 38px;
    }

    .custody-location .participant-address-selector {
        padding-top: 30px;
    }

    .custody-location .person-search-by-email {
        padding-top: 30px;
    }

    .custody-location .custodian-address-of-legend {
        padding-right: 20px;
    }

    .custody-location .custodian-details {
        padding-top: 41px;
    }

    .custody-location .custody-change-required {
        padding-top: 16px;
    }

    .custody-location .custody-location-agreement {
        padding-top: 41px;
    }

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

/* -------------- my-greyhound-list ---------------------------------------------------------*/
.greyhounds-component {
}

    .greyhounds-component .greyhounds-list-tools-container form {
        margin: 0;
    }

    .greyhounds-component .greyhounds-list-tools-container .form-col {
        margin-bottom: 0;
    }

    .greyhounds-component .collapsible-heading {
        padding-top: 1em;
    }

    .greyhounds-component .greyhounds-list-search {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }

        .greyhounds-component .greyhounds-list-search .input {
            flex-grow: 1;
            margin: 0.8em;
        }

    .greyhounds-component .greyhounds-found-info {
        margin-left: 0.8em;
    }

    .greyhounds-component .greyhounds-list-search .input.input-button {
        margin-bottom: 0;
    }

/* -------------- my-transaction-list ---------------------------------------------------------*/
.filter-footer {
    margin-left: 2em;
}

.container-sort-transaction {
    width: 100%
}

/* -------------- unnamed-transfer-multiple-purchaser-component ---------------------------------------------------------*/
.unnamed-transfer-multiple-purchaser-select-ownership-group-or-syndicate {
    padding-bottom: 3em;
}

.unnamed-transfer-multiple-purchaser-component .group-member-table td {
    padding: 0.2em;
}

.unnamed-transfer-multiple-purchaser-component .unnamed-transfer-multiple-purchaser-group-members .info {
    padding-top: .75em;
    padding-left: 1em;
}

.unnamed-transfer-multiple-purchaser-component .group-member-table .max-font {
    font-size: 100%;
}

.unnamed-transfer-multiple-purchaser-component .group-member-table .ownership-header-alignment {
    text-align: right;
}

.unnamed-transfer-multiple-purchaser-component .group-member-table .ownership-percentage-alignment {
    text-align: center;
}

.unnamed-transfer-multiple-purchaser-component .group-member-table .group-member-column-no-input {
    background: #F7F7F7;
    text-indent: 0.6em;
}

.unnamed-transfer-multiple-purchaser-component .group-member-table .group-member-column-input {
    width: 20%;
}

    .unnamed-transfer-multiple-purchaser-component .group-member-table .group-member-column-input input {
        padding: 0.5em;
        font-size: 100%;
        text-align: right;
    }

.unnamed-transfer-multiple-purchaser-component .group-member-table .ownership-total-label {
    text-indent: .7em;
}

.unnamed-transfer-multiple-purchaser-select-ownership-group-or-syndicate > fieldset {
    padding-bottom: 0em;
}

.confirmed-heading {
    width: 153px;
}

/*---------------- group-participant-address-selector -------------------------------------------------------------------------*/
div .group-participant-address-selector .form-col {
    margin: 0;
}

/*---------------- gos-app-named confirmation -------------------------------------------------------------------------*/
gos-app-named .app-named-confirmation-form {
    padding-bottom: 4em;
}

gos-app-named .non-admin-warnings {
    padding-bottom: 1em;
    padding-top: 2em;
}

/*---------------- gos-app-naming confirmation -------------------------------------------------------------------------*/
gos-app-naming .app-naming-confirmation-form {
    padding-bottom: 4em;
}

gos-app-naming .non-admin-warnings {
    padding-bottom: 1em;
    padding-top: 2em;
}

.selectable {
    cursor: pointer;
}

/* mdi icons */
/* https://material.io/icons */

.gos-icon {
    vertical-align: sub;
    font-size: 1.2em;
    padding-right: 2px;
}

.icon-vertical-align {
    vertical-align: sub;
}

.icon-text-medium {
    font-size: 1.2em;
}

@keyframes slideDown {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.ng-autocomplete {
    background-color: transparent;
}

    .ng-autocomplete > input {
        outline: none;
        border: 0;
        padding: 2px;
        box-sizing: border-box;
        background-clip: content-box;
    }

    .ng-autocomplete > ul {
        background-color: #fff;
        margin: 0;
        width: 100%;
        overflow-y: auto;
        list-style-type: none;
        padding: 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        animation: slideDown 0.1s;
    }

        .ng-autocomplete > ul.empty {
            display: none;
        }

        .ng-autocomplete > ul li {
            padding: 2px 5px;
            font-size: 1.7em;
            color: black;
            border-bottom: 1px solid #eee;
        }

            .ng-autocomplete > ul li:last-child {
                border-bottom: none;
            }

            .ng-autocomplete > ul li:hover {
                background-color: #01858F;
            }

#helpsection ul li {
    font-size: 16px;
    list-style: disc;
}

#helpsection h4 {
    margin-top: 35px;
}

a.btn-primary {
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .simpleNotificationContainer {
        display: flex;
        flex-direction: row;
        padding: 0 50px 0 160px;
    }
}

@media screen and (min-width: 481px) {
    .simpleNotificationContainer {
        display: flex;
        flex-direction: row-reverse;
    }
}

.simpleNotification {
    width: 24px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    background-color: #ee2200;
}



/* trainer prize money */
.trainer-prize-money-split-view-component.prize-money-split-label {
    width: 80%;
    background-color: transparent;
    font-size: 16px;
    text-align: left;
}

.trainer-prize-money-split-view-component.prize-money-split-input.trainer-share {
    text-align: right;
    font-size: 16px;
    width: 100%;
    background-color: transparent;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .trainer-prize-money-split-view-component.prize-money-split-input-td input:not(*:root) {
        height: 15px;
    }
}

.trainer-prize-money-split-view-component.prize-money-split-input.owner-share {
    text-align: right;
    font-size: 16px;
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .trainer-prize-money-split-view-component.prize-money-split-input-td.owner-share input :not(*:root) {
        height: 15px;
    }
}

.trainer-prize-money-split-view-component.prize-money-split-input-td {
    width: 20%
}

.trainer-prize-money-split-view-component.prize-money-split-label-total {
    background-color: transparent;
    text-align: left;
}

    .trainer-prize-money-split-view-component.prize-money-split-label-total.prize-money-split-text-total {
        text-align: center;
        font-size: 16px;
    }

.trainer-prize-money-split-view-component.error-text { /*.error-text*/
    color: red;
    font-size: 12px;
}

    .trainer-prize-money-split-view-component.error-text.td {
        background-color: transparent
    }

.trainer-prize-money-split-view-component.prize-money-split-input-td.owner-share {
    background-color: transparent;
}

.dropin-container {
    min-height: 300px;
}

.braintree-toggle {
    display: none !important;
}

/* BELOW THIS*/

.text-input-with-checkbox {
    margin-top: 4px !important;
    margin-right: 8px !important;
    display: inline-block !important;
    width: calc(100% - 48px) !important;
}

.no-margin {
    margin: 0px;
}

.hover-tooltip {
    position: relative;
}
  
.hover-tooltip .hover-tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 70%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
  
.hover-tooltip .hover-tooltip-text::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
  }
  
.hover-tooltip:hover .hover-tooltip-text {
    visibility: visible;
    opacity: 1;
}
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 */
/* Theme for the ripple elements.*/
/** The mixins below are shared between md-menu and md-select */
/**
 * This mixin adds the correct panel transform styles based
 * on the direction that the menu panel opens.
 */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
/**
 * This mixin contains shared option styles between the select and
 * autocomplete components.
 */
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h5, .mat-typography h5 {
  font-size: 11.62px;
  font-weight: 400;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 20px;
  margin: 0 0 12px; }

.mat-h6, .mat-typography h6 {
  font-size: 9.38px;
  font-weight: 400;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 20px;
  margin: 0 0 12px; }

.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }

.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
  .mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px; }

.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em; }

.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em; }

.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em; }

.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px; }

.mat-button, .mat-raised-button, .mat-icon-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-card-title {
  font-size: 24px;
  font-weight: 400; }

.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
  font-size: 14px; }

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px; }

.mat-chip:not(.mat-basic-chip) {
  font-size: 13px;
  line-height: 16px; }

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-calendar-body {
  font-size: 13px; }

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500; }

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400; }

.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px; }
  .mat-grid-tile-header .mat-line,
  .mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-grid-tile-header .mat-line:nth-child(n+2),
    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-input-container {
  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }

.mat-input-wrapper {
  padding-bottom: 1.29688em; }

.mat-input-prefix .mat-icon,
.mat-input-prefix .mat-datepicker-toggle,
.mat-input-suffix .mat-icon,
.mat-input-suffix .mat-datepicker-toggle {
  font-size: 150%; }

.mat-input-prefix .mat-icon-button,
.mat-input-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em; }
  .mat-input-prefix .mat-icon-button .mat-icon,
  .mat-input-suffix .mat-icon-button .mat-icon {
    line-height: 1.5; }

.mat-input-infix {
  padding: 0.4375em 0;
  border-top: 0.84375em solid transparent; }

.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%; }

.mat-input-placeholder-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em; }

.mat-input-placeholder {
  top: 1.28125em; }
  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
    -ms-transform: translateY(-1.28125em) scale(0.75);
    width: 133.33333%; }

.mat-input-underline {
  bottom: 1.29688em; }

.mat-input-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.60417em;
  top: calc(100% - 1.72917em); }

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px; }

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-select-trigger {
  font-size: 16px; }

.mat-slide-toggle-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500; }

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0; }

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px; }

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
  font-size: 16px; }
  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }

.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
  font-size: 12px; }
  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px; }

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px; }

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500; }

.mat-ripple {
  overflow: hidden; }

.mat-ripple.mat-ripple-unbounded {
  overflow: visible; }

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0); }

.mat-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 48px;
  height: 48px;
  padding: 0 16px;
  text-align: left;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  outline: none; }
  .mat-option[disabled] {
    cursor: default; }
  [dir='rtl'] .mat-option {
    text-align: right; }
  .mat-option .mat-icon {
    margin-right: 16px; }
    [dir='rtl'] .mat-option .mat-icon {
      margin-left: 16px;
      margin-right: 0; }
  .mat-option[aria-disabled='true'] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default; }
  .mat-optgroup .mat-option:not(.mat-option-multiple) {
    padding-left: 32px; }
    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
      padding-left: 16px;
      padding-right: 32px; }

.mat-option-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none; }
  @media screen and (-ms-high-contrast: active) {
    .mat-option-ripple {
      opacity: 0.5; } }

.mat-option-pseudo-checkbox {
  margin-right: 8px; }
  [dir='rtl'] .mat-option-pseudo-checkbox {
    margin-left: 8px;
    margin-right: 0; }

.mat-optgroup-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 48px;
  height: 48px;
  padding: 0 16px;
  text-align: left;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-weight: bold;
  font-size: 14px; }
  .mat-optgroup-label[disabled] {
    cursor: default; }
  [dir='rtl'] .mat-optgroup-label {
    text-align: right; }
  .mat-optgroup-label .mat-icon {
    margin-right: 16px; }
    [dir='rtl'] .mat-optgroup-label .mat-icon {
      margin-left: 16px;
      margin-right: 0; }

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px; }

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.cdk-overlay-container {
  position: fixed;
  z-index: 1000; }

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000; }

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000; }

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0; }
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.48; }

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6); }

.cdk-overlay-transparent-backdrop {
  background: none; }

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll; }

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1); }

.mat-option {
  color: rgba(0, 0, 0, 0.87); }
  .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04); }
  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
    color: #009688; }
  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
    color: #64ffda; }
  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
    color: #f44336; }
  .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, 0.04); }
  .mat-option.mat-active {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87); }
  .mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54); }
  .mat-pseudo-checkbox::after {
    color: #fafafa; }

.mat-pseudo-checkbox-checked.mat-primary,
.mat-pseudo-checkbox-indeterminate.mat-primary,
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #009688; }

.mat-pseudo-checkbox-checked.mat-accent,
.mat-pseudo-checkbox-indeterminate.mat-accent,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #64ffda; }

.mat-pseudo-checkbox-checked.mat-warn,
.mat-pseudo-checkbox-indeterminate.mat-warn,
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336; }

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0; }

.mat-app-background {
  background-color: #fafafa; }

.mat-theme-loaded-marker {
  display: none; }

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: white;
    color: rgba(0, 0, 0, 0.87); }

.mat-button, .mat-icon-button {
  background: transparent; }
  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
    background-color: rgba(0, 150, 136, 0.12); }
  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
    background-color: rgba(100, 255, 218, 0.12); }
  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
    background-color: rgba(244, 67, 54, 0.12); }
  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
    background-color: transparent; }
  .mat-button.mat-primary, .mat-icon-button.mat-primary {
    color: #009688; }
  .mat-button.mat-accent, .mat-icon-button.mat-accent {
    color: #64ffda; }
  .mat-button.mat-warn, .mat-icon-button.mat-warn {
    color: #f44336; }
  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.38); }

.mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white; }
  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    color: white; }
  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    color: rgba(0, 0, 0, 0.87); }
  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    color: white; }
  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    background-color: #009688; }
  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: #64ffda; }
  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    background-color: #f44336; }
  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, 0.12); }
  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.2); }
  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.2); }
  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.2); }

.mat-button.mat-primary .mat-ripple-element {
  background-color: rgba(0, 150, 136, 0.1); }

.mat-button.mat-accent .mat-ripple-element {
  background-color: rgba(100, 255, 218, 0.1); }

.mat-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.1); }

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(0, 150, 136, 0.2); }

.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(100, 255, 218, 0.2); }

.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.2); }

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38); }
  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, 0.06); }

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: black; }

.mat-button-toggle-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38); }
  .mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd; }

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87); }

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54); }

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54); }

.mat-checkbox-checkmark {
  fill: #fafafa; }

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important; }

.mat-checkbox-mixedmark {
  background-color: #fafafa; }

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #009688; }

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #64ffda; }

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336; }

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0; }

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0; }

.mat-checkbox-disabled .mat-checkbox-label {
  color: #b0b0b0; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(0, 150, 136, 0.26); }

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(100, 255, 218, 0.26); }

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26); }

.mat-chip:not(.mat-basic-chip) {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87); }

.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
  background-color: #808080;
  color: rgba(255, 255, 255, 0.87); }
  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
    background-color: #009688;
    color: white; }
  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
    background-color: #64ffda;
    color: rgba(0, 0, 0, 0.87); }
  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
    background-color: #f44336;
    color: white; }

.mat-datepicker-content {
  background-color: white; }

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54); }

.mat-calendar-next-button,
.mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54); }

.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38); }

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12); }

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent; }
  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0, 0, 0, 0.38); }

:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04); }

.mat-calendar-body-selected {
  background-color: #009688;
  color: white; }

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 150, 136, 0.4); }

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white; }

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18); }

.mat-dialog-container {
  background: white;
  color: rgba(0, 0, 0, 0.87); }

.mat-expansion-panel {
  background: white;
  color: black; }

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  background: rgba(0, 0, 0, 0.04); }

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87); }

.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, 0.54); }

.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-icon.mat-primary {
  color: #009688; }

.mat-icon.mat-accent {
  color: #64ffda; }

.mat-icon.mat-warn {
  color: #f44336; }

.mat-input-placeholder {
  color: rgba(0, 0, 0, 0.38); }

.mat-focused .mat-input-placeholder {
  color: #009688; }
  .mat-focused .mat-input-placeholder.mat-accent {
    color: #64ffda; }
  .mat-focused .mat-input-placeholder.mat-warn {
    color: #f44336; }

.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38); }

input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
  color: #64ffda; }

.mat-input-underline {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-input-ripple {
  background-color: #009688; }
  .mat-input-ripple.mat-accent {
    background-color: #64ffda; }
  .mat-input-ripple.mat-warn {
    background-color: #f44336; }

.mat-input-invalid .mat-input-placeholder {
  color: #f44336; }
  .mat-input-invalid .mat-input-placeholder.mat-accent,
  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
    color: #f44336; }

.mat-input-invalid .mat-input-ripple {
  background-color: #f44336; }

.mat-input-error {
  color: #f44336; }

.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
  color: rgba(0, 0, 0, 0.87); }

.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
  color: rgba(0, 0, 0, 0.54); }

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-nav-list .mat-list-item {
  outline: none; }
  .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
    background: rgba(0, 0, 0, 0.04); }

.mat-menu-content {
  background: white; }

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87); }
  .mat-menu-item[disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .mat-menu-item .mat-icon {
    color: rgba(0, 0, 0, 0.54);
    vertical-align: middle; }
  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
    background: rgba(0, 0, 0, 0.04); }

.mat-progress-bar-background {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23b2dfdb%27%2F%3E%3C%2Fsvg%3E"); }

.mat-progress-bar-buffer {
  background-color: #b2dfdb; }

.mat-progress-bar-fill::after {
  background-color: #009688; }

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23a7ffeb%27%2F%3E%3C%2Fsvg%3E"); }

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #a7ffeb; }

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #64ffda; }

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2; }

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336; }

.mat-progress-spinner path, .mat-spinner path {
  stroke: #009688; }

.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
  stroke: #64ffda; }

.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
  stroke: #f44336; }

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54); }

.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38); }

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #009688; }

.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #009688; }

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 150, 136, 0.26); }

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #64ffda; }

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #64ffda; }

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(100, 255, 218, 0.26); }

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336; }

.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #f44336; }

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26); }

.mat-select-trigger,
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.38); }

.mat-select-underline {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-select-disabled .mat-select-value,
.mat-select-arrow,
.mat-select-trigger {
  color: rgba(0, 0, 0, 0.38); }

.mat-select-content, .mat-select-panel-done-animating {
  background: white; }

.mat-select-value {
  color: rgba(0, 0, 0, 0.87); }

.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
  color: #009688; }

.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
  background-color: #009688; }

.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
  color: #64ffda; }

.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
  background-color: #64ffda; }

.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
  color: #f44336; }

.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
  background-color: #f44336; }

.mat-sidenav-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }

.mat-sidenav {
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-sidenav.mat-sidenav-push {
    background-color: white; }

.mat-sidenav-backdrop.mat-sidenav-shown {
  background-color: rgba(0, 0, 0, 0.6); }

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #009688; }

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(0, 150, 136, 0.5); }

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06); }

.mat-slide-toggle .mat-ripple-element {
  background-color: rgba(0, 150, 136, 0.12); }

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #009688; }

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(0, 150, 136, 0.5); }

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06); }

.mat-slide-toggle.mat-primary .mat-ripple-element {
  background-color: rgba(0, 150, 136, 0.12); }

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336; }

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.5); }

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06); }

.mat-slide-toggle.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.12); }

.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd; }

.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.1); }

.mat-slide-toggle-thumb {
  background-color: #fafafa; }

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #009688; }

.mat-primary .mat-slider-thumb-label-text {
  color: white; }

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #64ffda; }

.mat-accent .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, 0.87); }

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336; }

.mat-warn .mat-slider-thumb-label-text {
  color: white; }

.mat-slider-focus-ring {
  background-color: rgba(100, 255, 218, 0.2); }

.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: black; }

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26); }

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7); }

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none; }

.mat-tab-label:focus {
  background-color: rgba(178, 223, 219, 0.3); }

.mat-ink-bar {
  background-color: #009688; }

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87); }
  .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87); }
  .mat-toolbar.mat-primary {
    background: #009688;
    color: white; }
  .mat-toolbar.mat-accent {
    background: #64ffda;
    color: rgba(0, 0, 0, 0.87); }
  .mat-toolbar.mat-warn {
    background: #f44336;
    color: white; }

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9); }