@charset "UTF-8";
/* Colors */
/* Font */
/* Breakpoint */
@import url(font-awesome.css);
@import url(rui-icon.css);
@import url(font-museosans.css);

.regional-header {
    /*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
    /*!
   * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b740c5b1a98aaa0b749488eac34e3311)
   * Config saved to config.json and https://gist.github.com/b740c5b1a98aaa0b749488eac34e3311
   */
    /*!
   * Bootstrap v3.3.7 (http://getbootstrap.com)
   * Copyright 2011-2016 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
}

    .regional-header html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    .regional-header body {
        margin: 0;
    }

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

    .regional-header audio,
    .regional-header canvas,
    .regional-header progress,
    .regional-header video {
        display: inline-block;
        vertical-align: baseline;
    }

        .regional-header audio:not([controls]) {
            display: none;
            height: 0;
        }

    .regional-header [hidden],
    .regional-header template {
        display: none;
    }

    .regional-header a {
        background-color: transparent;
    }

        .regional-header a:active,
        .regional-header a:hover {
            outline: 0;
        }

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

    .regional-header b,
    .regional-header strong {
        font-weight: bold;
    }

    .regional-header dfn {
        font-style: italic;
    }

    .regional-header h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }

    .regional-header mark {
        background: #ff0;
        color: #000;
    }

    .regional-header small {
        font-size: 80%;
    }

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

    .regional-header sup {
        top: -0.5em;
    }

    .regional-header sub {
        bottom: -0.25em;
    }

    .regional-header img {
        border: 0;
    }

    .regional-header svg:not(:root) {
        overflow: hidden;
    }

    .regional-header figure {
        margin: 1em 40px;
    }

    .regional-header hr {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
    }

    .regional-header pre {
        overflow: auto;
    }

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

    .regional-header button,
    .regional-header input,
    .regional-header optgroup,
    .regional-header select,
    .regional-header textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }

    .regional-header button {
        overflow: visible;
    }

    .regional-header button,
    .regional-header select {
        text-transform: none;
    }

    .regional-header button,
    .regional-header html input[type="button"],
    .regional-header input[type="reset"],
    .regional-header input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

        .regional-header button[disabled],
        .regional-header html input[disabled] {
            cursor: default;
        }

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

    .regional-header input {
        line-height: normal;
    }

        .regional-header input[type="checkbox"],
        .regional-header input[type="radio"] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
        }

        .regional-header input[type="number"]::-webkit-inner-spin-button,
        .regional-header input[type="number"]::-webkit-outer-spin-button {
            height: auto;
        }

        .regional-header input[type="search"] {
            -webkit-appearance: textfield;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

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

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

    .regional-header legend {
        border: 0;
        padding: 0;
    }

    .regional-header textarea {
        overflow: auto;
    }

    .regional-header optgroup {
        font-weight: bold;
    }

    .regional-header table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .regional-header td,
    .regional-header th {
        padding: 0;
    }

    .regional-header * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .regional-header *:before,
        .regional-header *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .regional-header html {
        font-size: 10px;
        -webkit-tap-highlight-color: transparent;
    }

    .regional-header body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333333;
        background-color: #ffffff;
    }

    .regional-header input,
    .regional-header button,
    .regional-header select,
    .regional-header textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .regional-header a {
        color: #337ab7;
        text-decoration: none;
    }

        .regional-header a:hover,
        .regional-header a:focus {
            color: #23527c;
            text-decoration: underline;
        }

        .regional-header a:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

    .regional-header figure {
        margin: 0;
    }

    .regional-header img {
        vertical-align: middle;
    }

    .regional-header .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .regional-header .img-rounded {
        border-radius: 6px;
    }

    .regional-header .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    .regional-header .img-circle {
        border-radius: 50%;
    }

    .regional-header hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .regional-header .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .regional-header .sr-only-focusable:active,
    .regional-header .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
    }

    .regional-header [role="button"] {
        cursor: pointer;
    }

    .regional-header .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    .regional-header .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .regional-header .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .regional-header .container {
        width: 1170px;
    }
}

.regional-header .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.regional-header .rowHeader {
    margin-left: -15px;
    margin-right: -15px;
}

.regional-header .col-xs-1, .regional-header .col-sm-1, .regional-header .col-md-1, .regional-header .col-lg-1, .regional-header .col-xs-2, .regional-header .col-sm-2, .regional-header .col-md-2, .regional-header .col-lg-2, .regional-header .col-xs-3, .regional-header .col-sm-3, .regional-header .col-md-3, .regional-header .col-lg-3, .regional-header .col-xs-4, .regional-header .col-sm-4, .regional-header .col-md-4, .regional-header .col-lg-4, .regional-header .col-xs-5, .regional-header .col-sm-5, .regional-header .col-md-5, .regional-header .col-lg-5, .regional-header .col-xs-6, .regional-header .col-sm-6, .regional-header .col-md-6, .regional-header .col-lg-6, .regional-header .col-xs-7, .regional-header .col-sm-7, .regional-header .col-md-7, .regional-header .col-lg-7, .regional-header .col-xs-8, .regional-header .col-sm-8, .regional-header .col-md-8, .regional-header .col-lg-8, .regional-header .col-xs-9, .regional-header .col-sm-9, .regional-header .col-md-9, .regional-header .col-lg-9, .regional-header .col-xs-10, .regional-header .col-sm-10, .regional-header .col-md-10, .regional-header .col-lg-10, .regional-header .col-xs-11, .regional-header .col-sm-11, .regional-header .col-md-11, .regional-header .col-lg-11, .regional-header .col-xs-12, .regional-header .col-sm-12, .regional-header .col-md-12, .regional-header .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.regional-header .col-xs-1, .regional-header .col-xs-2, .regional-header .col-xs-3, .regional-header .col-xs-4, .regional-header .col-xs-5, .regional-header .col-xs-6, .regional-header .col-xs-7, .regional-header .col-xs-8, .regional-header .col-xs-9, .regional-header .col-xs-10, .regional-header .col-xs-11, .regional-header .col-xs-12 {
    float: left;
}

.regional-header .col-xs-12 {
    width: 100%;
}

.regional-header .col-xs-11 {
    width: 91.66666667%;
}

.regional-header .col-xs-10 {
    width: 83.33333333%;
}

.regional-header .col-xs-9 {
    width: 75%;
}

.regional-header .col-xs-8 {
    width: 66.66666667%;
}

.regional-header .col-xs-7 {
    width: 58.33333333%;
}

.regional-header .col-xs-6 {
    width: 50%;
}

.regional-header .col-xs-5 {
    width: 41.66666667%;
}

.regional-header .col-xs-4 {
    width: 33.33333333%;
}

.regional-header .col-xs-3 {
    width: 25%;
}

.regional-header .col-xs-2 {
    width: 16.66666667%;
}

.regional-header .col-xs-1 {
    width: 8.33333333%;
}

.regional-header .col-xs-pull-12 {
    right: 100%;
}

.regional-header .col-xs-pull-11 {
    right: 91.66666667%;
}

.regional-header .col-xs-pull-10 {
    right: 83.33333333%;
}

.regional-header .col-xs-pull-9 {
    right: 75%;
}

.regional-header .col-xs-pull-8 {
    right: 66.66666667%;
}

.regional-header .col-xs-pull-7 {
    right: 58.33333333%;
}

.regional-header .col-xs-pull-6 {
    right: 50%;
}

.regional-header .col-xs-pull-5 {
    right: 41.66666667%;
}

.regional-header .col-xs-pull-4 {
    right: 33.33333333%;
}

.regional-header .col-xs-pull-3 {
    right: 25%;
}

.regional-header .col-xs-pull-2 {
    right: 16.66666667%;
}

.regional-header .col-xs-pull-1 {
    right: 8.33333333%;
}

.regional-header .col-xs-pull-0 {
    right: auto;
}

.regional-header .col-xs-push-12 {
    left: 100%;
}

.regional-header .col-xs-push-11 {
    left: 91.66666667%;
}

.regional-header .col-xs-push-10 {
    left: 83.33333333%;
}

.regional-header .col-xs-push-9 {
    left: 75%;
}

.regional-header .col-xs-push-8 {
    left: 66.66666667%;
}

.regional-header .col-xs-push-7 {
    left: 58.33333333%;
}

.regional-header .col-xs-push-6 {
    left: 50%;
}

.regional-header .col-xs-push-5 {
    left: 41.66666667%;
}

.regional-header .col-xs-push-4 {
    left: 33.33333333%;
}

.regional-header .col-xs-push-3 {
    left: 25%;
}

.regional-header .col-xs-push-2 {
    left: 16.66666667%;
}

.regional-header .col-xs-push-1 {
    left: 8.33333333%;
}

.regional-header .col-xs-push-0 {
    left: auto;
}

.regional-header .col-xs-offset-12 {
    margin-left: 100%;
}

.regional-header .col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.regional-header .col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.regional-header .col-xs-offset-9 {
    margin-left: 75%;
}

.regional-header .col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.regional-header .col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.regional-header .col-xs-offset-6 {
    margin-left: 50%;
}

.regional-header .col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.regional-header .col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.regional-header .col-xs-offset-3 {
    margin-left: 25%;
}

.regional-header .col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.regional-header .col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.regional-header .col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .regional-header .col-sm-1, .regional-header .col-sm-2, .regional-header .col-sm-3, .regional-header .col-sm-4, .regional-header .col-sm-5, .regional-header .col-sm-6, .regional-header .col-sm-7, .regional-header .col-sm-8, .regional-header .col-sm-9, .regional-header .col-sm-10, .regional-header .col-sm-11, .regional-header .col-sm-12 {
        float: left;
    }

    .regional-header .col-sm-12 {
        width: 100%;
    }

    .regional-header .col-sm-11 {
        width: 91.66666667%;
    }

    .regional-header .col-sm-10 {
        width: 83.33333333%;
    }

    .regional-header .col-sm-9 {
        width: 75%;
    }

    .regional-header .col-sm-8 {
        width: 66.66666667%;
    }

    .regional-header .col-sm-7 {
        width: 58.33333333%;
    }

    .regional-header .col-sm-6 {
        width: 50%;
    }

    .regional-header .col-sm-5 {
        width: 41.66666667%;
    }

    .regional-header .col-sm-4 {
        width: 33.33333333%;
    }

    .regional-header .col-sm-3 {
        width: 25%;
    }

    .regional-header .col-sm-2 {
        width: 16.66666667%;
    }

    .regional-header .col-sm-1 {
        width: 8.33333333%;
    }

    .regional-header .col-sm-pull-12 {
        right: 100%;
    }

    .regional-header .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .regional-header .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .regional-header .col-sm-pull-9 {
        right: 75%;
    }

    .regional-header .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .regional-header .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .regional-header .col-sm-pull-6 {
        right: 50%;
    }

    .regional-header .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .regional-header .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .regional-header .col-sm-pull-3 {
        right: 25%;
    }

    .regional-header .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .regional-header .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .regional-header .col-sm-pull-0 {
        right: auto;
    }

    .regional-header .col-sm-push-12 {
        left: 100%;
    }

    .regional-header .col-sm-push-11 {
        left: 91.66666667%;
    }

    .regional-header .col-sm-push-10 {
        left: 83.33333333%;
    }

    .regional-header .col-sm-push-9 {
        left: 75%;
    }

    .regional-header .col-sm-push-8 {
        left: 66.66666667%;
    }

    .regional-header .col-sm-push-7 {
        left: 58.33333333%;
    }

    .regional-header .col-sm-push-6 {
        left: 50%;
    }

    .regional-header .col-sm-push-5 {
        left: 41.66666667%;
    }

    .regional-header .col-sm-push-4 {
        left: 33.33333333%;
    }

    .regional-header .col-sm-push-3 {
        left: 25%;
    }

    .regional-header .col-sm-push-2 {
        left: 16.66666667%;
    }

    .regional-header .col-sm-push-1 {
        left: 8.33333333%;
    }

    .regional-header .col-sm-push-0 {
        left: auto;
    }

    .regional-header .col-sm-offset-12 {
        margin-left: 100%;
    }

    .regional-header .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .regional-header .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .regional-header .col-sm-offset-9 {
        margin-left: 75%;
    }

    .regional-header .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .regional-header .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .regional-header .col-sm-offset-6 {
        margin-left: 50%;
    }

    .regional-header .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .regional-header .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .regional-header .col-sm-offset-3 {
        margin-left: 25%;
    }

    .regional-header .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .regional-header .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .regional-header .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .regional-header .col-md-1, .regional-header .col-md-2, .regional-header .col-md-3, .regional-header .col-md-4, .regional-header .col-md-5, .regional-header .col-md-6, .regional-header .col-md-7, .regional-header .col-md-8, .regional-header .col-md-9, .regional-header .col-md-10, .regional-header .col-md-11, .regional-header .col-md-12 {
        float: left;
    }

    .regional-header .col-md-12 {
        width: 100%;
    }

    .regional-header .col-md-11 {
        width: 91.66666667%;
    }

    .regional-header .col-md-10 {
        width: 83.33333333%;
    }

    .regional-header .col-md-9 {
        width: 75%;
    }

    .regional-header .col-md-8 {
        width: 66.66666667%;
    }

    .regional-header .col-md-7 {
        width: 58.33333333%;
    }

    .regional-header .col-md-6 {
        width: 50%;
    }

    .regional-header .col-md-5 {
        width: 41.66666667%;
    }

    .regional-header .col-md-4 {
        width: 33.33333333%;
    }

    .regional-header .col-md-3 {
        width: 25%;
    }

    .regional-header .col-md-2 {
        width: 16.66666667%;
    }

    .regional-header .col-md-1 {
        width: 8.33333333%;
    }

    .regional-header .col-md-pull-12 {
        right: 100%;
    }

    .regional-header .col-md-pull-11 {
        right: 91.66666667%;
    }

    .regional-header .col-md-pull-10 {
        right: 83.33333333%;
    }

    .regional-header .col-md-pull-9 {
        right: 75%;
    }

    .regional-header .col-md-pull-8 {
        right: 66.66666667%;
    }

    .regional-header .col-md-pull-7 {
        right: 58.33333333%;
    }

    .regional-header .col-md-pull-6 {
        right: 50%;
    }

    .regional-header .col-md-pull-5 {
        right: 41.66666667%;
    }

    .regional-header .col-md-pull-4 {
        right: 33.33333333%;
    }

    .regional-header .col-md-pull-3 {
        right: 25%;
    }

    .regional-header .col-md-pull-2 {
        right: 16.66666667%;
    }

    .regional-header .col-md-pull-1 {
        right: 8.33333333%;
    }

    .regional-header .col-md-pull-0 {
        right: auto;
    }

    .regional-header .col-md-push-12 {
        left: 100%;
    }

    .regional-header .col-md-push-11 {
        left: 91.66666667%;
    }

    .regional-header .col-md-push-10 {
        left: 83.33333333%;
    }

    .regional-header .col-md-push-9 {
        left: 75%;
    }

    .regional-header .col-md-push-8 {
        left: 66.66666667%;
    }

    .regional-header .col-md-push-7 {
        left: 58.33333333%;
    }

    .regional-header .col-md-push-6 {
        left: 50%;
    }

    .regional-header .col-md-push-5 {
        left: 41.66666667%;
    }

    .regional-header .col-md-push-4 {
        left: 33.33333333%;
    }

    .regional-header .col-md-push-3 {
        left: 25%;
    }

    .regional-header .col-md-push-2 {
        left: 16.66666667%;
    }

    .regional-header .col-md-push-1 {
        left: 8.33333333%;
    }

    .regional-header .col-md-push-0 {
        left: auto;
    }

    .regional-header .col-md-offset-12 {
        margin-left: 100%;
    }

    .regional-header .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .regional-header .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .regional-header .col-md-offset-9 {
        margin-left: 75%;
    }

    .regional-header .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .regional-header .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .regional-header .col-md-offset-6 {
        margin-left: 50%;
    }

    .regional-header .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .regional-header .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .regional-header .col-md-offset-3 {
        margin-left: 25%;
    }

    .regional-header .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .regional-header .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .regional-header .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .regional-header .col-lg-1, .regional-header .col-lg-2, .regional-header .col-lg-3, .regional-header .col-lg-4, .regional-header .col-lg-5, .regional-header .col-lg-6, .regional-header .col-lg-7, .regional-header .col-lg-8, .regional-header .col-lg-9, .regional-header .col-lg-10, .regional-header .col-lg-11, .regional-header .col-lg-12 {
        float: left;
    }

    .regional-header .col-lg-12 {
        width: 100%;
    }

    .regional-header .col-lg-11 {
        width: 91.66666667%;
    }

    .regional-header .col-lg-10 {
        width: 83.33333333%;
    }

    .regional-header .col-lg-9 {
        width: 75%;
    }

    .regional-header .col-lg-8 {
        width: 66.66666667%;
    }

    .regional-header .col-lg-7 {
        width: 58.33333333%;
    }

    .regional-header .col-lg-6 {
        width: 50%;
    }

    .regional-header .col-lg-5 {
        width: 41.66666667%;
    }

    .regional-header .col-lg-4 {
        width: 33.33333333%;
    }

    .regional-header .col-lg-3 {
        width: 25%;
    }

    .regional-header .col-lg-2 {
        width: 16.66666667%;
    }

    .regional-header .col-lg-1 {
        width: 8.33333333%;
    }

    .regional-header .col-lg-pull-12 {
        right: 100%;
    }

    .regional-header .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .regional-header .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .regional-header .col-lg-pull-9 {
        right: 75%;
    }

    .regional-header .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .regional-header .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .regional-header .col-lg-pull-6 {
        right: 50%;
    }

    .regional-header .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .regional-header .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .regional-header .col-lg-pull-3 {
        right: 25%;
    }

    .regional-header .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .regional-header .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .regional-header .col-lg-pull-0 {
        right: auto;
    }

    .regional-header .col-lg-push-12 {
        left: 100%;
    }

    .regional-header .col-lg-push-11 {
        left: 91.66666667%;
    }

    .regional-header .col-lg-push-10 {
        left: 83.33333333%;
    }

    .regional-header .col-lg-push-9 {
        left: 75%;
    }

    .regional-header .col-lg-push-8 {
        left: 66.66666667%;
    }

    .regional-header .col-lg-push-7 {
        left: 58.33333333%;
    }

    .regional-header .col-lg-push-6 {
        left: 50%;
    }

    .regional-header .col-lg-push-5 {
        left: 41.66666667%;
    }

    .regional-header .col-lg-push-4 {
        left: 33.33333333%;
    }

    .regional-header .col-lg-push-3 {
        left: 25%;
    }

    .regional-header .col-lg-push-2 {
        left: 16.66666667%;
    }

    .regional-header .col-lg-push-1 {
        left: 8.33333333%;
    }

    .regional-header .col-lg-push-0 {
        left: auto;
    }

    .regional-header .col-lg-offset-12 {
        margin-left: 100%;
    }

    .regional-header .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .regional-header .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .regional-header .col-lg-offset-9 {
        margin-left: 75%;
    }

    .regional-header .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .regional-header .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .regional-header .col-lg-offset-6 {
        margin-left: 50%;
    }

    .regional-header .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .regional-header .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .regional-header .col-lg-offset-3 {
        margin-left: 25%;
    }

    .regional-header .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .regional-header .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .regional-header .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.regional-header .clearfix:before,
.regional-header .clearfix:after,
.regional-header .container:before,
.regional-header .container:after,
.regional-header .container-fluid:before,
.regional-header .container-fluid:after,
.regional-header .rowHeader:before,
.regional-header .rowHeader:after {
    content: " ";
    display: table;
}

.regional-header .clearfix:after,
.regional-header .container:after,
.regional-header .container-fluid:after,
.regional-header .rowHeader:after {
    clear: both;
}

.regional-header .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.regional-header .pull-right {
    float: right !important;
}

.regional-header .pull-left {
    float: left !important;
}

.regional-header .hide {
    display: none !important;
}

.regional-header .show {
    display: block !important;
}

.regional-header .invisible {
    visibility: hidden;
}

.regional-header .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.regional-header .hidden {
    display: none !important;
}

.regional-header .affix {
    position: fixed;
}

@-ms-viewport {
    .regional-header {
        width: device-width;
    }
}

.regional-header .visible-xs,
.regional-header .visible-sm,
.regional-header .visible-md,
.regional-header .visible-lg {
    display: none !important;
}

.regional-header .visible-xs-block,
.regional-header .visible-xs-inline,
.regional-header .visible-xs-inline-block,
.regional-header .visible-sm-block,
.regional-header .visible-sm-inline,
.regional-header .visible-sm-inline-block,
.regional-header .visible-md-block,
.regional-header .visible-md-inline,
.regional-header .visible-md-inline-block,
.regional-header .visible-lg-block,
.regional-header .visible-lg-inline,
.regional-header .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .regional-header .visible-xs {
        display: block !important;
    }

    .regional-header table.visible-xs {
        display: table !important;
    }

    .regional-header tr.visible-xs {
        display: table-row !important;
    }

    .regional-header th.visible-xs,
    .regional-header td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .regional-header .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .regional-header .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .regional-header .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .regional-header .visible-sm {
        display: block !important;
    }

    .regional-header table.visible-sm {
        display: table !important;
    }

    .regional-header tr.visible-sm {
        display: table-row !important;
    }

    .regional-header th.visible-sm,
    .regional-header td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .regional-header .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .regional-header .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .regional-header .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .regional-header .visible-md {
        display: block !important;
    }

    .regional-header table.visible-md {
        display: table !important;
    }

    .regional-header tr.visible-md {
        display: table-row !important;
    }

    .regional-header th.visible-md,
    .regional-header td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .regional-header .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .regional-header .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .regional-header .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .regional-header .visible-lg {
        display: block !important;
    }

    .regional-header table.visible-lg {
        display: table !important;
    }

    .regional-header tr.visible-lg {
        display: table-row !important;
    }

    .regional-header th.visible-lg,
    .regional-header td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .regional-header .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .regional-header .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .regional-header .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .regional-header .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .regional-header .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .regional-header .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .regional-header .hidden-lg {
        display: none !important;
    }
}

.regional-header .visible-print {
    display: none !important;
}

@media print {
    .regional-header .visible-print {
        display: block !important;
    }

    .regional-header table.visible-print {
        display: table !important;
    }

    .regional-header tr.visible-print {
        display: table-row !important;
    }

    .regional-header th.visible-print,
    .regional-header td.visible-print {
        display: table-cell !important;
    }
}

.regional-header .visible-print-block {
    display: none !important;
}

@media print {
    .regional-header .visible-print-block {
        display: block !important;
    }
}

.regional-header .visible-print-inline {
    display: none !important;
}

@media print {
    .regional-header .visible-print-inline {
        display: inline !important;
    }
}

.regional-header .visible-print-inline-block {
    display: none !important;
}

@media print {
    .regional-header .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .regional-header .hidden-print {
        display: none !important;
    }
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

    .nice-select:hover {
        border-color: #dbdbdb;
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: #999;
    }

    .nice-select:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: '';
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 5px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cccccc;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #f6f6f6;
        }

        .nice-select .option.selected {
            font-weight: bold;
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #999;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
.regional {
    /*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * These selection rule sets have to be separate.
   * Customize the background color to match your design.
   */
    /*
   * A better looking default horizontal rule
   */
    /*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */
    /*
   * Remove default fieldset styles.
   */
    /*
   * Allow only vertical resizing of textareas.
   */
    /* ==========================================================================
     Browser Upgrade Prompt
     ========================================================================== */
    /* ==========================================================================
     Author's custom styles
     ========================================================================== */
    /* ==========================================================================
     Helper classes
     ========================================================================== */
    /*
   * Hide visually and from screen readers:
   */
    /*
   * Hide only visually, but have it available for screen readers:
   * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   */
    /*
   * Extends the .visuallyhidden class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
    /*
   * Hide visually and from screen readers, but maintain layout
   */
    /*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
    /* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */
    /* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     http://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Remove the unwanted box around FAB buttons */
    /* More info: http://goo.gl/IPwKi */
    /*
   * Make html take up the entire screen
   * Then set touch-action to avoid touch delay on mobile IE
   */
    /*
  * Make body take up the entire screen
  * Remove body margin so layout containers don't cause extra overflow.
  */
    /*
   * Main display reset for IE support.
   * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
   */
    /*
  * Apply no display to elements with the hidden attribute.
  * IE 9 and 10 support.
  */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
    * Styles for HTML elements
    */
    /**
   * Class Name Styles
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
  * HACK: Even though the intention is to have the current .mdl-spinner__layer-N
  * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
  * to do proper subpixel rendering for the elements being animated. This is
  * especially visible in Chrome 39 on Ubuntu 14.04. See:
  *
  * - https://github.com/Polymer/paper-spinner/issues/9
  * - https://code.google.com/p/chromium/issues/detail?id=436255
  */
    /**
  * Patch the gap that appear between the two adjacent
  * div.mdl-spinner__circle-clipper while the spinner is rotating
  * (appears on Chrome 38, Safari 7.1, and IE 11).
  *
  * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
  * opacity is 0.99, but still does on Safari and IE.
  */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*
  * NOTE: Some rules here are applied using duplicate selectors.
  * This is on purpose to increase their specificity when applied.
  * For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
  */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /*------------------------------------*    $CONTENTS
  \*------------------------------------*/
    /**
   * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
   * -----Typography
   * -----Colors
   * -----Textfield
   * -----Switch
   * -----Spinner
   * -----Radio
   * -----Menu
   * -----List
   * -----Layout
   * -----Icon toggles
   * -----Footer
   * -----Column
   * -----Checkbox
   * -----Card
   * -----Button
   * -----Animation
   * -----Progress
   * -----Badge
   * -----Shadows
   * -----Grid
   * -----Data table
   * -----Dialog
   * -----Snackbar
   * -----Tooltip
   * -----Chip
   *
   * Even though all variables have the `!default` directive, most of them
   * should not be changed as they are dependent one another. This can cause
   * visual distortions (like alignment issues) that are hard to track down
   * and fix.
   */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
     page loading. For important text, such as the body, we want it to load
     immediately and not wait for the web font load, whereas for other sections,
     such as headers and titles, we're OK with things taking a bit longer to load.
     We do have some optional classes and parameters in the mixins, in case you
     definitely want to make sure you're using the preferred font and don't mind
     the performance hit.
     We should be able to improve on this once CSS Font Loading L3 becomes more
     widely available.
  */
    /* ==========  COLORS  ========== */
    /**
  *
  * Material design color palettes.
  * @see http://www.google.com/design/spec/style/color.html
  *
  **/
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
   * Copyright 2015 Google Inc. All Rights Reserved.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *      http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
   *
   * Dimensions
   *
   */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
}

    .regional html {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1em;
        line-height: 1.4;
    }

    .regional ::-moz-selection {
        background: #b3d4fc;
        text-shadow: none;
    }

    .regional ::selection {
        background: #b3d4fc;
        text-shadow: none;
    }

    .regional hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    }

    .regional audio,
    .regional canvas,
    .regional iframe,
    .regional img,
    .regional svg,
    .regional video {
        vertical-align: middle;
    }

    .regional fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    .regional textarea {
        resize: vertical;
    }

    .regional .browserupgrade {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
    }

    .regional .hidden {
        display: none !important;
    }

    .regional .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

        .regional .visuallyhidden.focusable:active,
        .regional .visuallyhidden.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto;
        }

    .regional .invisible {
        visibility: hidden;
    }

    .regional .clearfix:before,
    .regional .clearfix:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .regional .clearfix:after {
        clear: both;
    }

@media only screen and (min-width: 35em) {
    .regional {
        /* Style adjustments for viewports that meet the condition */
    }
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    .regional {
        /* Style adjustments for high resolution devices */
    }
}

@media print {
    .regional {
        /*
         * Don't show links that are fragment identifiers,
         * or use the `javascript:` pseudo protocol
         */
        /*
         * Printing Tables:
         * http://css-discuss.incutio.com/wiki/Printing_Tables
         */
    }

        .regional *,
        .regional *:before,
        .regional *:after,
        .regional *:first-letter {
            background: transparent !important;
            color: #000 !important;
            /* Black prints faster: http://www.sanbeiji.com/archives/953 */
            box-shadow: none !important;
        }

        .regional a,
        .regional a:visited {
            text-decoration: underline;
        }

            .regional a[href]:after {
                content: " (" attr(href) ")";
            }

        .regional abbr[title]:after {
            content: " (" attr(title) ")";
        }

        .regional a[href^="#"]:after,
        .regional a[href^="javascript:"]:after {
            content: "";
        }

        .regional pre,
        .regional blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        .regional thead {
            display: table-header-group;
        }

        .regional tr,
        .regional img {
            page-break-inside: avoid;
        }

        .regional img {
            max-width: 100% !important;
        }

        .regional p,
        .regional h2,
        .regional h3 {
            orphans: 3;
            widows: 3;
        }

        .regional h2,
        .regional h3 {
            page-break-after: avoid;
        }
}

.regional a, .regional .mdl-accordion, .regional .mdl-button, .regional .mdl-card, .regional .mdl-checkbox, .regional .mdl-dropdown-menu,
.regional .mdl-icon-toggle, .regional .mdl-item, .regional .mdl-radio, .regional .mdl-slider, .regional .mdl-switch, .regional .mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.regional html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.regional body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

.regional main {
    display: block;
}

.regional *[hidden] {
    display: none !important;
}

.regional html, .regional body {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.regional h1, .regional h2, .regional h3, .regional h4, .regional h5, .regional h6, .regional p {
    margin: 0;
    padding: 0;
}

    .regional h1 small, .regional h2 small, .regional h3 small, .regional h4 small, .regional h5 small, .regional h6 small {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 56px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.02em;
        opacity: 0.54;
        font-size: 0.6em;
    }

.regional h1 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin-top: 24px;
    margin-bottom: 24px;
}

.regional h2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.regional h3 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.regional h4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 24px;
    margin-bottom: 16px;
}

.regional h5 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-top: 24px;
    margin-bottom: 16px;
}

.regional h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin-top: 24px;
    margin-bottom: 16px;
}

.regional p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 16px;
}

.regional a {
    color: #ff4081;
    font-weight: 500;
}

.regional blockquote {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: 0.08em;
}

    .regional blockquote:before {
        position: absolute;
        left: -0.5em;
        content: '“';
    }

    .regional blockquote:after {
        content: '”';
        margin-left: -0.05em;
    }

.regional mark {
    background-color: #f4ff81;
}

.regional dt {
    font-weight: 700;
}

.regional address {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal;
}

.regional ul, .regional ol {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.regional .mdl-typography--display-4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
}

.regional .mdl-typography--display-4-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
    opacity: 0.54;
}

.regional .mdl-typography--display-3 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.regional .mdl-typography--display-3-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54;
}

.regional .mdl-typography--display-2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
}

.regional .mdl-typography--display-2-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    opacity: 0.54;
}

.regional .mdl-typography--display-1 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
}

.regional .mdl-typography--display-1-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    opacity: 0.54;
}

.regional .mdl-typography--headline {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
}

.regional .mdl-typography--headline-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.87;
}

.regional .mdl-typography--title {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
}

.regional .mdl-typography--title-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    opacity: 0.87;
}

.regional .mdl-typography--subhead {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
}

.regional .mdl-typography--subhead-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    opacity: 0.87;
}

.regional .mdl-typography--body-2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
}

.regional .mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.regional .mdl-typography--body-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.regional .mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.regional .mdl-typography--body-2-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
}

.regional .mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.regional .mdl-typography--body-1-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.regional .mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.regional .mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.regional .mdl-typography--caption-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.regional .mdl-typography--caption-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54;
}

.regional .mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54;
}

.regional .mdl-typography--menu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.regional .mdl-typography--menu-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87;
}

.regional .mdl-typography--button {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
}

.regional .mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87;
}

.regional .mdl-typography--text-left {
    text-align: left;
}

.regional .mdl-typography--text-right {
    text-align: right;
}

.regional .mdl-typography--text-center {
    text-align: center;
}

.regional .mdl-typography--text-justify {
    text-align: justify;
}

.regional .mdl-typography--text-nowrap {
    white-space: nowrap;
}

.regional .mdl-typography--text-lowercase {
    text-transform: lowercase;
}

.regional .mdl-typography--text-uppercase {
    text-transform: uppercase;
}

.regional .mdl-typography--text-capitalize {
    text-transform: capitalize;
}

.regional .mdl-typography--font-thin {
    font-weight: 200 !important;
}

.regional .mdl-typography--font-light {
    font-weight: 300 !important;
}

.regional .mdl-typography--font-regular {
    font-weight: 400 !important;
}

.regional .mdl-typography--font-medium {
    font-weight: 500 !important;
}

.regional .mdl-typography--font-bold {
    font-weight: 700 !important;
}

.regional .mdl-typography--font-black {
    font-weight: 900 !important;
}

.regional .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.regional .mdl-color-text--red {
    color: #f44336 !important;
}

.regional .mdl-color--red {
    background-color: #f44336 !important;
}

.regional .mdl-color-text--red-50 {
    color: #ffebee !important;
}

.regional .mdl-color--red-50 {
    background-color: #ffebee !important;
}

.regional .mdl-color-text--red-100 {
    color: #ffcdd2 !important;
}

.regional .mdl-color--red-100 {
    background-color: #ffcdd2 !important;
}

.regional .mdl-color-text--red-200 {
    color: #ef9a9a !important;
}

.regional .mdl-color--red-200 {
    background-color: #ef9a9a !important;
}

.regional .mdl-color-text--red-300 {
    color: #e57373 !important;
}

.regional .mdl-color--red-300 {
    background-color: #e57373 !important;
}

.regional .mdl-color-text--red-400 {
    color: #ef5350 !important;
}

.regional .mdl-color--red-400 {
    background-color: #ef5350 !important;
}

.regional .mdl-color-text--red-500 {
    color: #f44336 !important;
}

.regional .mdl-color--red-500 {
    background-color: #f44336 !important;
}

.regional .mdl-color-text--red-600 {
    color: #e53935 !important;
}

.regional .mdl-color--red-600 {
    background-color: #e53935 !important;
}

.regional .mdl-color-text--red-700 {
    color: #d32f2f !important;
}

.regional .mdl-color--red-700 {
    background-color: #d32f2f !important;
}

.regional .mdl-color-text--red-800 {
    color: #c62828 !important;
}

.regional .mdl-color--red-800 {
    background-color: #c62828 !important;
}

.regional .mdl-color-text--red-900 {
    color: #b71c1c !important;
}

.regional .mdl-color--red-900 {
    background-color: #b71c1c !important;
}

.regional .mdl-color-text--red-A100 {
    color: #ff8a80 !important;
}

.regional .mdl-color--red-A100 {
    background-color: #ff8a80 !important;
}

.regional .mdl-color-text--red-A200 {
    color: #ff5252 !important;
}

.regional .mdl-color--red-A200 {
    background-color: #ff5252 !important;
}

.regional .mdl-color-text--red-A400 {
    color: #ff1744 !important;
}

.regional .mdl-color--red-A400 {
    background-color: #ff1744 !important;
}

.regional .mdl-color-text--red-A700 {
    color: #d50000 !important;
}

.regional .mdl-color--red-A700 {
    background-color: #d50000 !important;
}

.regional .mdl-color-text--pink {
    color: #e91e63 !important;
}

.regional .mdl-color--pink {
    background-color: #e91e63 !important;
}

.regional .mdl-color-text--pink-50 {
    color: #fce4ec !important;
}

.regional .mdl-color--pink-50 {
    background-color: #fce4ec !important;
}

.regional .mdl-color-text--pink-100 {
    color: #f8bbd0 !important;
}

.regional .mdl-color--pink-100 {
    background-color: #f8bbd0 !important;
}

.regional .mdl-color-text--pink-200 {
    color: #f48fb1 !important;
}

.regional .mdl-color--pink-200 {
    background-color: #f48fb1 !important;
}

.regional .mdl-color-text--pink-300 {
    color: #f06292 !important;
}

.regional .mdl-color--pink-300 {
    background-color: #f06292 !important;
}

.regional .mdl-color-text--pink-400 {
    color: #ec407a !important;
}

.regional .mdl-color--pink-400 {
    background-color: #ec407a !important;
}

.regional .mdl-color-text--pink-500 {
    color: #e91e63 !important;
}

.regional .mdl-color--pink-500 {
    background-color: #e91e63 !important;
}

.regional .mdl-color-text--pink-600 {
    color: #d81b60 !important;
}

.regional .mdl-color--pink-600 {
    background-color: #d81b60 !important;
}

.regional .mdl-color-text--pink-700 {
    color: #c2185b !important;
}

.regional .mdl-color--pink-700 {
    background-color: #c2185b !important;
}

.regional .mdl-color-text--pink-800 {
    color: #ad1457 !important;
}

.regional .mdl-color--pink-800 {
    background-color: #ad1457 !important;
}

.regional .mdl-color-text--pink-900 {
    color: #880e4f !important;
}

.regional .mdl-color--pink-900 {
    background-color: #880e4f !important;
}

.regional .mdl-color-text--pink-A100 {
    color: #ff80ab !important;
}

.regional .mdl-color--pink-A100 {
    background-color: #ff80ab !important;
}

.regional .mdl-color-text--pink-A200 {
    color: #ff4081 !important;
}

.regional .mdl-color--pink-A200 {
    background-color: #ff4081 !important;
}

.regional .mdl-color-text--pink-A400 {
    color: #f50057 !important;
}

.regional .mdl-color--pink-A400 {
    background-color: #f50057 !important;
}

.regional .mdl-color-text--pink-A700 {
    color: #c51162 !important;
}

.regional .mdl-color--pink-A700 {
    background-color: #c51162 !important;
}

.regional .mdl-color-text--purple {
    color: #9c27b0 !important;
}

.regional .mdl-color--purple {
    background-color: #9c27b0 !important;
}

.regional .mdl-color-text--purple-50 {
    color: #f3e5f5 !important;
}

.regional .mdl-color--purple-50 {
    background-color: #f3e5f5 !important;
}

.regional .mdl-color-text--purple-100 {
    color: #e1bee7 !important;
}

.regional .mdl-color--purple-100 {
    background-color: #e1bee7 !important;
}

.regional .mdl-color-text--purple-200 {
    color: #ce93d8 !important;
}

.regional .mdl-color--purple-200 {
    background-color: #ce93d8 !important;
}

.regional .mdl-color-text--purple-300 {
    color: #ba68c8 !important;
}

.regional .mdl-color--purple-300 {
    background-color: #ba68c8 !important;
}

.regional .mdl-color-text--purple-400 {
    color: #ab47bc !important;
}

.regional .mdl-color--purple-400 {
    background-color: #ab47bc !important;
}

.regional .mdl-color-text--purple-500 {
    color: #9c27b0 !important;
}

.regional .mdl-color--purple-500 {
    background-color: #9c27b0 !important;
}

.regional .mdl-color-text--purple-600 {
    color: #8e24aa !important;
}

.regional .mdl-color--purple-600 {
    background-color: #8e24aa !important;
}

.regional .mdl-color-text--purple-700 {
    color: #7b1fa2 !important;
}

.regional .mdl-color--purple-700 {
    background-color: #7b1fa2 !important;
}

.regional .mdl-color-text--purple-800 {
    color: #6a1b9a !important;
}

.regional .mdl-color--purple-800 {
    background-color: #6a1b9a !important;
}

.regional .mdl-color-text--purple-900 {
    color: #4a148c !important;
}

.regional .mdl-color--purple-900 {
    background-color: #4a148c !important;
}

.regional .mdl-color-text--purple-A100 {
    color: #ea80fc !important;
}

.regional .mdl-color--purple-A100 {
    background-color: #ea80fc !important;
}

.regional .mdl-color-text--purple-A200 {
    color: #e040fb !important;
}

.regional .mdl-color--purple-A200 {
    background-color: #e040fb !important;
}

.regional .mdl-color-text--purple-A400 {
    color: #d500f9 !important;
}

.regional .mdl-color--purple-A400 {
    background-color: #d500f9 !important;
}

.regional .mdl-color-text--purple-A700 {
    color: #aa00ff !important;
}

.regional .mdl-color--purple-A700 {
    background-color: #aa00ff !important;
}

.regional .mdl-color-text--deep-purple {
    color: #673ab7 !important;
}

.regional .mdl-color--deep-purple {
    background-color: #673ab7 !important;
}

.regional .mdl-color-text--deep-purple-50 {
    color: #ede7f6 !important;
}

.regional .mdl-color--deep-purple-50 {
    background-color: #ede7f6 !important;
}

.regional .mdl-color-text--deep-purple-100 {
    color: #d1c4e9 !important;
}

.regional .mdl-color--deep-purple-100 {
    background-color: #d1c4e9 !important;
}

.regional .mdl-color-text--deep-purple-200 {
    color: #b39ddb !important;
}

.regional .mdl-color--deep-purple-200 {
    background-color: #b39ddb !important;
}

.regional .mdl-color-text--deep-purple-300 {
    color: #9575cd !important;
}

.regional .mdl-color--deep-purple-300 {
    background-color: #9575cd !important;
}

.regional .mdl-color-text--deep-purple-400 {
    color: #7e57c2 !important;
}

.regional .mdl-color--deep-purple-400 {
    background-color: #7e57c2 !important;
}

.regional .mdl-color-text--deep-purple-500 {
    color: #673ab7 !important;
}

.regional .mdl-color--deep-purple-500 {
    background-color: #673ab7 !important;
}

.regional .mdl-color-text--deep-purple-600 {
    color: #5e35b1 !important;
}

.regional .mdl-color--deep-purple-600 {
    background-color: #5e35b1 !important;
}

.regional .mdl-color-text--deep-purple-700 {
    color: #512da8 !important;
}

.regional .mdl-color--deep-purple-700 {
    background-color: #512da8 !important;
}

.regional .mdl-color-text--deep-purple-800 {
    color: #4527a0 !important;
}

.regional .mdl-color--deep-purple-800 {
    background-color: #4527a0 !important;
}

.regional .mdl-color-text--deep-purple-900 {
    color: #311b92 !important;
}

.regional .mdl-color--deep-purple-900 {
    background-color: #311b92 !important;
}

.regional .mdl-color-text--deep-purple-A100 {
    color: #b388ff !important;
}

.regional .mdl-color--deep-purple-A100 {
    background-color: #b388ff !important;
}

.regional .mdl-color-text--deep-purple-A200 {
    color: #7c4dff !important;
}

.regional .mdl-color--deep-purple-A200 {
    background-color: #7c4dff !important;
}

.regional .mdl-color-text--deep-purple-A400 {
    color: #651fff !important;
}

.regional .mdl-color--deep-purple-A400 {
    background-color: #651fff !important;
}

.regional .mdl-color-text--deep-purple-A700 {
    color: #6200ea !important;
}

.regional .mdl-color--deep-purple-A700 {
    background-color: #6200ea !important;
}

.regional .mdl-color-text--indigo {
    color: #3f51b5 !important;
}

.regional .mdl-color--indigo {
    background-color: #3f51b5 !important;
}

.regional .mdl-color-text--indigo-50 {
    color: #e8eaf6 !important;
}

.regional .mdl-color--indigo-50 {
    background-color: #e8eaf6 !important;
}

.regional .mdl-color-text--indigo-100 {
    color: #c5cae9 !important;
}

.regional .mdl-color--indigo-100 {
    background-color: #c5cae9 !important;
}

.regional .mdl-color-text--indigo-200 {
    color: #9fa8da !important;
}

.regional .mdl-color--indigo-200 {
    background-color: #9fa8da !important;
}

.regional .mdl-color-text--indigo-300 {
    color: #7986cb !important;
}

.regional .mdl-color--indigo-300 {
    background-color: #7986cb !important;
}

.regional .mdl-color-text--indigo-400 {
    color: #5c6bc0 !important;
}

.regional .mdl-color--indigo-400 {
    background-color: #5c6bc0 !important;
}

.regional .mdl-color-text--indigo-500 {
    color: #3f51b5 !important;
}

.regional .mdl-color--indigo-500 {
    background-color: #3f51b5 !important;
}

.regional .mdl-color-text--indigo-600 {
    color: #3949ab !important;
}

.regional .mdl-color--indigo-600 {
    background-color: #3949ab !important;
}

.regional .mdl-color-text--indigo-700 {
    color: #303f9f !important;
}

.regional .mdl-color--indigo-700 {
    background-color: #303f9f !important;
}

.regional .mdl-color-text--indigo-800 {
    color: #283593 !important;
}

.regional .mdl-color--indigo-800 {
    background-color: #283593 !important;
}

.regional .mdl-color-text--indigo-900 {
    color: #1a237e !important;
}

.regional .mdl-color--indigo-900 {
    background-color: #1a237e !important;
}

.regional .mdl-color-text--indigo-A100 {
    color: #8c9eff !important;
}

.regional .mdl-color--indigo-A100 {
    background-color: #8c9eff !important;
}

.regional .mdl-color-text--indigo-A200 {
    color: #536dfe !important;
}

.regional .mdl-color--indigo-A200 {
    background-color: #536dfe !important;
}

.regional .mdl-color-text--indigo-A400 {
    color: #3d5afe !important;
}

.regional .mdl-color--indigo-A400 {
    background-color: #3d5afe !important;
}

.regional .mdl-color-text--indigo-A700 {
    color: #304ffe !important;
}

.regional .mdl-color--indigo-A700 {
    background-color: #304ffe !important;
}

.regional .mdl-color-text--blue {
    color: #2196f3 !important;
}

.regional .mdl-color--blue {
    background-color: #2196f3 !important;
}

.regional .mdl-color-text--blue-50 {
    color: #e3f2fd !important;
}

.regional .mdl-color--blue-50 {
    background-color: #e3f2fd !important;
}

.regional .mdl-color-text--blue-100 {
    color: #bbdefb !important;
}

.regional .mdl-color--blue-100 {
    background-color: #bbdefb !important;
}

.regional .mdl-color-text--blue-200 {
    color: #90caf9 !important;
}

.regional .mdl-color--blue-200 {
    background-color: #90caf9 !important;
}

.regional .mdl-color-text--blue-300 {
    color: #64b5f6 !important;
}

.regional .mdl-color--blue-300 {
    background-color: #64b5f6 !important;
}

.regional .mdl-color-text--blue-400 {
    color: #42a5f5 !important;
}

.regional .mdl-color--blue-400 {
    background-color: #42a5f5 !important;
}

.regional .mdl-color-text--blue-500 {
    color: #2196f3 !important;
}

.regional .mdl-color--blue-500 {
    background-color: #2196f3 !important;
}

.regional .mdl-color-text--blue-600 {
    color: #1e88e5 !important;
}

.regional .mdl-color--blue-600 {
    background-color: #1e88e5 !important;
}

.regional .mdl-color-text--blue-700 {
    color: #1976d2 !important;
}

.regional .mdl-color--blue-700 {
    background-color: #1976d2 !important;
}

.regional .mdl-color-text--blue-800 {
    color: #1565c0 !important;
}

.regional .mdl-color--blue-800 {
    background-color: #1565c0 !important;
}

.regional .mdl-color-text--blue-900 {
    color: #0d47a1 !important;
}

.regional .mdl-color--blue-900 {
    background-color: #0d47a1 !important;
}

.regional .mdl-color-text--blue-A100 {
    color: #82b1ff !important;
}

.regional .mdl-color--blue-A100 {
    background-color: #82b1ff !important;
}

.regional .mdl-color-text--blue-A200 {
    color: #448aff !important;
}

.regional .mdl-color--blue-A200 {
    background-color: #448aff !important;
}

.regional .mdl-color-text--blue-A400 {
    color: #2979ff !important;
}

.regional .mdl-color--blue-A400 {
    background-color: #2979ff !important;
}

.regional .mdl-color-text--blue-A700 {
    color: #2962ff !important;
}

.regional .mdl-color--blue-A700 {
    background-color: #2962ff !important;
}

.regional .mdl-color-text--light-blue {
    color: #03a9f4 !important;
}

.regional .mdl-color--light-blue {
    background-color: #03a9f4 !important;
}

.regional .mdl-color-text--light-blue-50 {
    color: #e1f5fe !important;
}

.regional .mdl-color--light-blue-50 {
    background-color: #e1f5fe !important;
}

.regional .mdl-color-text--light-blue-100 {
    color: #b3e5fc !important;
}

.regional .mdl-color--light-blue-100 {
    background-color: #b3e5fc !important;
}

.regional .mdl-color-text--light-blue-200 {
    color: #81d4fa !important;
}

.regional .mdl-color--light-blue-200 {
    background-color: #81d4fa !important;
}

.regional .mdl-color-text--light-blue-300 {
    color: #4fc3f7 !important;
}

.regional .mdl-color--light-blue-300 {
    background-color: #4fc3f7 !important;
}

.regional .mdl-color-text--light-blue-400 {
    color: #29b6f6 !important;
}

.regional .mdl-color--light-blue-400 {
    background-color: #29b6f6 !important;
}

.regional .mdl-color-text--light-blue-500 {
    color: #03a9f4 !important;
}

.regional .mdl-color--light-blue-500 {
    background-color: #03a9f4 !important;
}

.regional .mdl-color-text--light-blue-600 {
    color: #039be5 !important;
}

.regional .mdl-color--light-blue-600 {
    background-color: #039be5 !important;
}

.regional .mdl-color-text--light-blue-700 {
    color: #0288d1 !important;
}

.regional .mdl-color--light-blue-700 {
    background-color: #0288d1 !important;
}

.regional .mdl-color-text--light-blue-800 {
    color: #0277bd !important;
}

.regional .mdl-color--light-blue-800 {
    background-color: #0277bd !important;
}

.regional .mdl-color-text--light-blue-900 {
    color: #01579b !important;
}

.regional .mdl-color--light-blue-900 {
    background-color: #01579b !important;
}

.regional .mdl-color-text--light-blue-A100 {
    color: #80d8ff !important;
}

.regional .mdl-color--light-blue-A100 {
    background-color: #80d8ff !important;
}

.regional .mdl-color-text--light-blue-A200 {
    color: #40c4ff !important;
}

.regional .mdl-color--light-blue-A200 {
    background-color: #40c4ff !important;
}

.regional .mdl-color-text--light-blue-A400 {
    color: #00b0ff !important;
}

.regional .mdl-color--light-blue-A400 {
    background-color: #00b0ff !important;
}

.regional .mdl-color-text--light-blue-A700 {
    color: #0091ea !important;
}

.regional .mdl-color--light-blue-A700 {
    background-color: #0091ea !important;
}

.regional .mdl-color-text--cyan {
    color: #00bcd4 !important;
}

.regional .mdl-color--cyan {
    background-color: #00bcd4 !important;
}

.regional .mdl-color-text--cyan-50 {
    color: #e0f7fa !important;
}

.regional .mdl-color--cyan-50 {
    background-color: #e0f7fa !important;
}

.regional .mdl-color-text--cyan-100 {
    color: #b2ebf2 !important;
}

.regional .mdl-color--cyan-100 {
    background-color: #b2ebf2 !important;
}

.regional .mdl-color-text--cyan-200 {
    color: #80deea !important;
}

.regional .mdl-color--cyan-200 {
    background-color: #80deea !important;
}

.regional .mdl-color-text--cyan-300 {
    color: #4dd0e1 !important;
}

.regional .mdl-color--cyan-300 {
    background-color: #4dd0e1 !important;
}

.regional .mdl-color-text--cyan-400 {
    color: #26c6da !important;
}

.regional .mdl-color--cyan-400 {
    background-color: #26c6da !important;
}

.regional .mdl-color-text--cyan-500 {
    color: #00bcd4 !important;
}

.regional .mdl-color--cyan-500 {
    background-color: #00bcd4 !important;
}

.regional .mdl-color-text--cyan-600 {
    color: #00acc1 !important;
}

.regional .mdl-color--cyan-600 {
    background-color: #00acc1 !important;
}

.regional .mdl-color-text--cyan-700 {
    color: #0097a7 !important;
}

.regional .mdl-color--cyan-700 {
    background-color: #0097a7 !important;
}

.regional .mdl-color-text--cyan-800 {
    color: #00838f !important;
}

.regional .mdl-color--cyan-800 {
    background-color: #00838f !important;
}

.regional .mdl-color-text--cyan-900 {
    color: #006064 !important;
}

.regional .mdl-color--cyan-900 {
    background-color: #006064 !important;
}

.regional .mdl-color-text--cyan-A100 {
    color: #84ffff !important;
}

.regional .mdl-color--cyan-A100 {
    background-color: #84ffff !important;
}

.regional .mdl-color-text--cyan-A200 {
    color: #18ffff !important;
}

.regional .mdl-color--cyan-A200 {
    background-color: #18ffff !important;
}

.regional .mdl-color-text--cyan-A400 {
    color: #00e5ff !important;
}

.regional .mdl-color--cyan-A400 {
    background-color: #00e5ff !important;
}

.regional .mdl-color-text--cyan-A700 {
    color: #00b8d4 !important;
}

.regional .mdl-color--cyan-A700 {
    background-color: #00b8d4 !important;
}

.regional .mdl-color-text--teal {
    color: #009688 !important;
}

.regional .mdl-color--teal {
    background-color: #009688 !important;
}

.regional .mdl-color-text--teal-50 {
    color: #e0f2f1 !important;
}

.regional .mdl-color--teal-50 {
    background-color: #e0f2f1 !important;
}

.regional .mdl-color-text--teal-100 {
    color: #b2dfdb !important;
}

.regional .mdl-color--teal-100 {
    background-color: #b2dfdb !important;
}

.regional .mdl-color-text--teal-200 {
    color: #80cbc4 !important;
}

.regional .mdl-color--teal-200 {
    background-color: #80cbc4 !important;
}

.regional .mdl-color-text--teal-300 {
    color: #4db6ac !important;
}

.regional .mdl-color--teal-300 {
    background-color: #4db6ac !important;
}

.regional .mdl-color-text--teal-400 {
    color: #26a69a !important;
}

.regional .mdl-color--teal-400 {
    background-color: #26a69a !important;
}

.regional .mdl-color-text--teal-500 {
    color: #009688 !important;
}

.regional .mdl-color--teal-500 {
    background-color: #009688 !important;
}

.regional .mdl-color-text--teal-600 {
    color: #00897b !important;
}

.regional .mdl-color--teal-600 {
    background-color: #00897b !important;
}

.regional .mdl-color-text--teal-700 {
    color: #00796b !important;
}

.regional .mdl-color--teal-700 {
    background-color: #00796b !important;
}

.regional .mdl-color-text--teal-800 {
    color: #00695c !important;
}

.regional .mdl-color--teal-800 {
    background-color: #00695c !important;
}

.regional .mdl-color-text--teal-900 {
    color: #004d40 !important;
}

.regional .mdl-color--teal-900 {
    background-color: #004d40 !important;
}

.regional .mdl-color-text--teal-A100 {
    color: #a7ffeb !important;
}

.regional .mdl-color--teal-A100 {
    background-color: #a7ffeb !important;
}

.regional .mdl-color-text--teal-A200 {
    color: #64ffda !important;
}

.regional .mdl-color--teal-A200 {
    background-color: #64ffda !important;
}

.regional .mdl-color-text--teal-A400 {
    color: #1de9b6 !important;
}

.regional .mdl-color--teal-A400 {
    background-color: #1de9b6 !important;
}

.regional .mdl-color-text--teal-A700 {
    color: #00bfa5 !important;
}

.regional .mdl-color--teal-A700 {
    background-color: #00bfa5 !important;
}

.regional .mdl-color-text--green {
    color: #4caf50 !important;
}

.regional .mdl-color--green {
    background-color: #4caf50 !important;
}

.regional .mdl-color-text--green-50 {
    color: #e8f5e9 !important;
}

.regional .mdl-color--green-50 {
    background-color: #e8f5e9 !important;
}

.regional .mdl-color-text--green-100 {
    color: #c8e6c9 !important;
}

.regional .mdl-color--green-100 {
    background-color: #c8e6c9 !important;
}

.regional .mdl-color-text--green-200 {
    color: #a5d6a7 !important;
}

.regional .mdl-color--green-200 {
    background-color: #a5d6a7 !important;
}

.regional .mdl-color-text--green-300 {
    color: #81c784 !important;
}

.regional .mdl-color--green-300 {
    background-color: #81c784 !important;
}

.regional .mdl-color-text--green-400 {
    color: #66bb6a !important;
}

.regional .mdl-color--green-400 {
    background-color: #66bb6a !important;
}

.regional .mdl-color-text--green-500 {
    color: #4caf50 !important;
}

.regional .mdl-color--green-500 {
    background-color: #4caf50 !important;
}

.regional .mdl-color-text--green-600 {
    color: #43a047 !important;
}

.regional .mdl-color--green-600 {
    background-color: #43a047 !important;
}

.regional .mdl-color-text--green-700 {
    color: #388e3c !important;
}

.regional .mdl-color--green-700 {
    background-color: #388e3c !important;
}

.regional .mdl-color-text--green-800 {
    color: #2e7d32 !important;
}

.regional .mdl-color--green-800 {
    background-color: #2e7d32 !important;
}

.regional .mdl-color-text--green-900 {
    color: #1b5e20 !important;
}

.regional .mdl-color--green-900 {
    background-color: #1b5e20 !important;
}

.regional .mdl-color-text--green-A100 {
    color: #b9f6ca !important;
}

.regional .mdl-color--green-A100 {
    background-color: #b9f6ca !important;
}

.regional .mdl-color-text--green-A200 {
    color: #69f0ae !important;
}

.regional .mdl-color--green-A200 {
    background-color: #69f0ae !important;
}

.regional .mdl-color-text--green-A400 {
    color: #00e676 !important;
}

.regional .mdl-color--green-A400 {
    background-color: #00e676 !important;
}

.regional .mdl-color-text--green-A700 {
    color: #00c853 !important;
}

.regional .mdl-color--green-A700 {
    background-color: #00c853 !important;
}

.regional .mdl-color-text--light-green {
    color: #8bc34a !important;
}

.regional .mdl-color--light-green {
    background-color: #8bc34a !important;
}

.regional .mdl-color-text--light-green-50 {
    color: #f1f8e9 !important;
}

.regional .mdl-color--light-green-50 {
    background-color: #f1f8e9 !important;
}

.regional .mdl-color-text--light-green-100 {
    color: #dcedc8 !important;
}

.regional .mdl-color--light-green-100 {
    background-color: #dcedc8 !important;
}

.regional .mdl-color-text--light-green-200 {
    color: #c5e1a5 !important;
}

.regional .mdl-color--light-green-200 {
    background-color: #c5e1a5 !important;
}

.regional .mdl-color-text--light-green-300 {
    color: #aed581 !important;
}

.regional .mdl-color--light-green-300 {
    background-color: #aed581 !important;
}

.regional .mdl-color-text--light-green-400 {
    color: #9ccc65 !important;
}

.regional .mdl-color--light-green-400 {
    background-color: #9ccc65 !important;
}

.regional .mdl-color-text--light-green-500 {
    color: #8bc34a !important;
}

.regional .mdl-color--light-green-500 {
    background-color: #8bc34a !important;
}

.regional .mdl-color-text--light-green-600 {
    color: #7cb342 !important;
}

.regional .mdl-color--light-green-600 {
    background-color: #7cb342 !important;
}

.regional .mdl-color-text--light-green-700 {
    color: #689f38 !important;
}

.regional .mdl-color--light-green-700 {
    background-color: #689f38 !important;
}

.regional .mdl-color-text--light-green-800 {
    color: #558b2f !important;
}

.regional .mdl-color--light-green-800 {
    background-color: #558b2f !important;
}

.regional .mdl-color-text--light-green-900 {
    color: #33691e !important;
}

.regional .mdl-color--light-green-900 {
    background-color: #33691e !important;
}

.regional .mdl-color-text--light-green-A100 {
    color: #ccff90 !important;
}

.regional .mdl-color--light-green-A100 {
    background-color: #ccff90 !important;
}

.regional .mdl-color-text--light-green-A200 {
    color: #b2ff59 !important;
}

.regional .mdl-color--light-green-A200 {
    background-color: #b2ff59 !important;
}

.regional .mdl-color-text--light-green-A400 {
    color: #76ff03 !important;
}

.regional .mdl-color--light-green-A400 {
    background-color: #76ff03 !important;
}

.regional .mdl-color-text--light-green-A700 {
    color: #64dd17 !important;
}

.regional .mdl-color--light-green-A700 {
    background-color: #64dd17 !important;
}

.regional .mdl-color-text--lime {
    color: #cddc39 !important;
}

.regional .mdl-color--lime {
    background-color: #cddc39 !important;
}

.regional .mdl-color-text--lime-50 {
    color: #f9fbe7 !important;
}

.regional .mdl-color--lime-50 {
    background-color: #f9fbe7 !important;
}

.regional .mdl-color-text--lime-100 {
    color: #f0f4c3 !important;
}

.regional .mdl-color--lime-100 {
    background-color: #f0f4c3 !important;
}

.regional .mdl-color-text--lime-200 {
    color: #e6ee9c !important;
}

.regional .mdl-color--lime-200 {
    background-color: #e6ee9c !important;
}

.regional .mdl-color-text--lime-300 {
    color: #dce775 !important;
}

.regional .mdl-color--lime-300 {
    background-color: #dce775 !important;
}

.regional .mdl-color-text--lime-400 {
    color: #d4e157 !important;
}

.regional .mdl-color--lime-400 {
    background-color: #d4e157 !important;
}

.regional .mdl-color-text--lime-500 {
    color: #cddc39 !important;
}

.regional .mdl-color--lime-500 {
    background-color: #cddc39 !important;
}

.regional .mdl-color-text--lime-600 {
    color: #c0ca33 !important;
}

.regional .mdl-color--lime-600 {
    background-color: #c0ca33 !important;
}

.regional .mdl-color-text--lime-700 {
    color: #afb42b !important;
}

.regional .mdl-color--lime-700 {
    background-color: #afb42b !important;
}

.regional .mdl-color-text--lime-800 {
    color: #9e9d24 !important;
}

.regional .mdl-color--lime-800 {
    background-color: #9e9d24 !important;
}

.regional .mdl-color-text--lime-900 {
    color: #827717 !important;
}

.regional .mdl-color--lime-900 {
    background-color: #827717 !important;
}

.regional .mdl-color-text--lime-A100 {
    color: #f4ff81 !important;
}

.regional .mdl-color--lime-A100 {
    background-color: #f4ff81 !important;
}

.regional .mdl-color-text--lime-A200 {
    color: #eeff41 !important;
}

.regional .mdl-color--lime-A200 {
    background-color: #eeff41 !important;
}

.regional .mdl-color-text--lime-A400 {
    color: #c6ff00 !important;
}

.regional .mdl-color--lime-A400 {
    background-color: #c6ff00 !important;
}

.regional .mdl-color-text--lime-A700 {
    color: #aeea00 !important;
}

.regional .mdl-color--lime-A700 {
    background-color: #aeea00 !important;
}

.regional .mdl-color-text--yellow {
    color: #ffeb3b !important;
}

.regional .mdl-color--yellow {
    background-color: #ffeb3b !important;
}

.regional .mdl-color-text--yellow-50 {
    color: #fffde7 !important;
}

.regional .mdl-color--yellow-50 {
    background-color: #fffde7 !important;
}

.regional .mdl-color-text--yellow-100 {
    color: #fff9c4 !important;
}

.regional .mdl-color--yellow-100 {
    background-color: #fff9c4 !important;
}

.regional .mdl-color-text--yellow-200 {
    color: #fff59d !important;
}

.regional .mdl-color--yellow-200 {
    background-color: #fff59d !important;
}

.regional .mdl-color-text--yellow-300 {
    color: #fff176 !important;
}

.regional .mdl-color--yellow-300 {
    background-color: #fff176 !important;
}

.regional .mdl-color-text--yellow-400 {
    color: #ffee58 !important;
}

.regional .mdl-color--yellow-400 {
    background-color: #ffee58 !important;
}

.regional .mdl-color-text--yellow-500 {
    color: #ffeb3b !important;
}

.regional .mdl-color--yellow-500 {
    background-color: #ffeb3b !important;
}

.regional .mdl-color-text--yellow-600 {
    color: #fdd835 !important;
}

.regional .mdl-color--yellow-600 {
    background-color: #fdd835 !important;
}

.regional .mdl-color-text--yellow-700 {
    color: #fbc02d !important;
}

.regional .mdl-color--yellow-700 {
    background-color: #fbc02d !important;
}

.regional .mdl-color-text--yellow-800 {
    color: #f9a825 !important;
}

.regional .mdl-color--yellow-800 {
    background-color: #f9a825 !important;
}

.regional .mdl-color-text--yellow-900 {
    color: #f57f17 !important;
}

.regional .mdl-color--yellow-900 {
    background-color: #f57f17 !important;
}

.regional .mdl-color-text--yellow-A100 {
    color: #ffff8d !important;
}

.regional .mdl-color--yellow-A100 {
    background-color: #ffff8d !important;
}

.regional .mdl-color-text--yellow-A200 {
    color: yellow !important;
}

.regional .mdl-color--yellow-A200 {
    background-color: yellow !important;
}

.regional .mdl-color-text--yellow-A400 {
    color: #ffea00 !important;
}

.regional .mdl-color--yellow-A400 {
    background-color: #ffea00 !important;
}

.regional .mdl-color-text--yellow-A700 {
    color: #ffd600 !important;
}

.regional .mdl-color--yellow-A700 {
    background-color: #ffd600 !important;
}

.regional .mdl-color-text--amber {
    color: #ffc107 !important;
}

.regional .mdl-color--amber {
    background-color: #ffc107 !important;
}

.regional .mdl-color-text--amber-50 {
    color: #fff8e1 !important;
}

.regional .mdl-color--amber-50 {
    background-color: #fff8e1 !important;
}

.regional .mdl-color-text--amber-100 {
    color: #ffecb3 !important;
}

.regional .mdl-color--amber-100 {
    background-color: #ffecb3 !important;
}

.regional .mdl-color-text--amber-200 {
    color: #ffe082 !important;
}

.regional .mdl-color--amber-200 {
    background-color: #ffe082 !important;
}

.regional .mdl-color-text--amber-300 {
    color: #ffd54f !important;
}

.regional .mdl-color--amber-300 {
    background-color: #ffd54f !important;
}

.regional .mdl-color-text--amber-400 {
    color: #ffca28 !important;
}

.regional .mdl-color--amber-400 {
    background-color: #ffca28 !important;
}

.regional .mdl-color-text--amber-500 {
    color: #ffc107 !important;
}

.regional .mdl-color--amber-500 {
    background-color: #ffc107 !important;
}

.regional .mdl-color-text--amber-600 {
    color: #ffb300 !important;
}

.regional .mdl-color--amber-600 {
    background-color: #ffb300 !important;
}

.regional .mdl-color-text--amber-700 {
    color: #ffa000 !important;
}

.regional .mdl-color--amber-700 {
    background-color: #ffa000 !important;
}

.regional .mdl-color-text--amber-800 {
    color: #ff8f00 !important;
}

.regional .mdl-color--amber-800 {
    background-color: #ff8f00 !important;
}

.regional .mdl-color-text--amber-900 {
    color: #ff6f00 !important;
}

.regional .mdl-color--amber-900 {
    background-color: #ff6f00 !important;
}

.regional .mdl-color-text--amber-A100 {
    color: #ffe57f !important;
}

.regional .mdl-color--amber-A100 {
    background-color: #ffe57f !important;
}

.regional .mdl-color-text--amber-A200 {
    color: #ffd740 !important;
}

.regional .mdl-color--amber-A200 {
    background-color: #ffd740 !important;
}

.regional .mdl-color-text--amber-A400 {
    color: #ffc400 !important;
}

.regional .mdl-color--amber-A400 {
    background-color: #ffc400 !important;
}

.regional .mdl-color-text--amber-A700 {
    color: #ffab00 !important;
}

.regional .mdl-color--amber-A700 {
    background-color: #ffab00 !important;
}

.regional .mdl-color-text--orange {
    color: #ff9800 !important;
}

.regional .mdl-color--orange {
    background-color: #ff9800 !important;
}

.regional .mdl-color-text--orange-50 {
    color: #fff3e0 !important;
}

.regional .mdl-color--orange-50 {
    background-color: #fff3e0 !important;
}

.regional .mdl-color-text--orange-100 {
    color: #ffe0b2 !important;
}

.regional .mdl-color--orange-100 {
    background-color: #ffe0b2 !important;
}

.regional .mdl-color-text--orange-200 {
    color: #ffcc80 !important;
}

.regional .mdl-color--orange-200 {
    background-color: #ffcc80 !important;
}

.regional .mdl-color-text--orange-300 {
    color: #ffb74d !important;
}

.regional .mdl-color--orange-300 {
    background-color: #ffb74d !important;
}

.regional .mdl-color-text--orange-400 {
    color: #ffa726 !important;
}

.regional .mdl-color--orange-400 {
    background-color: #ffa726 !important;
}

.regional .mdl-color-text--orange-500 {
    color: #ff9800 !important;
}

.regional .mdl-color--orange-500 {
    background-color: #ff9800 !important;
}

.regional .mdl-color-text--orange-600 {
    color: #fb8c00 !important;
}

.regional .mdl-color--orange-600 {
    background-color: #fb8c00 !important;
}

.regional .mdl-color-text--orange-700 {
    color: #f57c00 !important;
}

.regional .mdl-color--orange-700 {
    background-color: #f57c00 !important;
}

.regional .mdl-color-text--orange-800 {
    color: #ef6c00 !important;
}

.regional .mdl-color--orange-800 {
    background-color: #ef6c00 !important;
}

.regional .mdl-color-text--orange-900 {
    color: #e65100 !important;
}

.regional .mdl-color--orange-900 {
    background-color: #e65100 !important;
}

.regional .mdl-color-text--orange-A100 {
    color: #ffd180 !important;
}

.regional .mdl-color--orange-A100 {
    background-color: #ffd180 !important;
}

.regional .mdl-color-text--orange-A200 {
    color: #ffab40 !important;
}

.regional .mdl-color--orange-A200 {
    background-color: #ffab40 !important;
}

.regional .mdl-color-text--orange-A400 {
    color: #ff9100 !important;
}

.regional .mdl-color--orange-A400 {
    background-color: #ff9100 !important;
}

.regional .mdl-color-text--orange-A700 {
    color: #ff6d00 !important;
}

.regional .mdl-color--orange-A700 {
    background-color: #ff6d00 !important;
}

.regional .mdl-color-text--deep-orange {
    color: #ff5722 !important;
}

.regional .mdl-color--deep-orange {
    background-color: #ff5722 !important;
}

.regional .mdl-color-text--deep-orange-50 {
    color: #fbe9e7 !important;
}

.regional .mdl-color--deep-orange-50 {
    background-color: #fbe9e7 !important;
}

.regional .mdl-color-text--deep-orange-100 {
    color: #ffccbc !important;
}

.regional .mdl-color--deep-orange-100 {
    background-color: #ffccbc !important;
}

.regional .mdl-color-text--deep-orange-200 {
    color: #ffab91 !important;
}

.regional .mdl-color--deep-orange-200 {
    background-color: #ffab91 !important;
}

.regional .mdl-color-text--deep-orange-300 {
    color: #ff8a65 !important;
}

.regional .mdl-color--deep-orange-300 {
    background-color: #ff8a65 !important;
}

.regional .mdl-color-text--deep-orange-400 {
    color: #ff7043 !important;
}

.regional .mdl-color--deep-orange-400 {
    background-color: #ff7043 !important;
}

.regional .mdl-color-text--deep-orange-500 {
    color: #ff5722 !important;
}

.regional .mdl-color--deep-orange-500 {
    background-color: #ff5722 !important;
}

.regional .mdl-color-text--deep-orange-600 {
    color: #f4511e !important;
}

.regional .mdl-color--deep-orange-600 {
    background-color: #f4511e !important;
}

.regional .mdl-color-text--deep-orange-700 {
    color: #e64a19 !important;
}

.regional .mdl-color--deep-orange-700 {
    background-color: #e64a19 !important;
}

.regional .mdl-color-text--deep-orange-800 {
    color: #d84315 !important;
}

.regional .mdl-color--deep-orange-800 {
    background-color: #d84315 !important;
}

.regional .mdl-color-text--deep-orange-900 {
    color: #bf360c !important;
}

.regional .mdl-color--deep-orange-900 {
    background-color: #bf360c !important;
}

.regional .mdl-color-text--deep-orange-A100 {
    color: #ff9e80 !important;
}

.regional .mdl-color--deep-orange-A100 {
    background-color: #ff9e80 !important;
}

.regional .mdl-color-text--deep-orange-A200 {
    color: #ff6e40 !important;
}

.regional .mdl-color--deep-orange-A200 {
    background-color: #ff6e40 !important;
}

.regional .mdl-color-text--deep-orange-A400 {
    color: #ff3d00 !important;
}

.regional .mdl-color--deep-orange-A400 {
    background-color: #ff3d00 !important;
}

.regional .mdl-color-text--deep-orange-A700 {
    color: #dd2c00 !important;
}

.regional .mdl-color--deep-orange-A700 {
    background-color: #dd2c00 !important;
}

.regional .mdl-color-text--brown {
    color: #795548 !important;
}

.regional .mdl-color--brown {
    background-color: #795548 !important;
}

.regional .mdl-color-text--brown-50 {
    color: #efebe9 !important;
}

.regional .mdl-color--brown-50 {
    background-color: #efebe9 !important;
}

.regional .mdl-color-text--brown-100 {
    color: #d7ccc8 !important;
}

.regional .mdl-color--brown-100 {
    background-color: #d7ccc8 !important;
}

.regional .mdl-color-text--brown-200 {
    color: #bcaaa4 !important;
}

.regional .mdl-color--brown-200 {
    background-color: #bcaaa4 !important;
}

.regional .mdl-color-text--brown-300 {
    color: #a1887f !important;
}

.regional .mdl-color--brown-300 {
    background-color: #a1887f !important;
}

.regional .mdl-color-text--brown-400 {
    color: #8d6e63 !important;
}

.regional .mdl-color--brown-400 {
    background-color: #8d6e63 !important;
}

.regional .mdl-color-text--brown-500 {
    color: #795548 !important;
}

.regional .mdl-color--brown-500 {
    background-color: #795548 !important;
}

.regional .mdl-color-text--brown-600 {
    color: #6d4c41 !important;
}

.regional .mdl-color--brown-600 {
    background-color: #6d4c41 !important;
}

.regional .mdl-color-text--brown-700 {
    color: #5d4037 !important;
}

.regional .mdl-color--brown-700 {
    background-color: #5d4037 !important;
}

.regional .mdl-color-text--brown-800 {
    color: #4e342e !important;
}

.regional .mdl-color--brown-800 {
    background-color: #4e342e !important;
}

.regional .mdl-color-text--brown-900 {
    color: #3e2723 !important;
}

.regional .mdl-color--brown-900 {
    background-color: #3e2723 !important;
}

.regional .mdl-color-text--grey {
    color: #9e9e9e !important;
}

.regional .mdl-color--grey {
    background-color: #9e9e9e !important;
}

.regional .mdl-color-text--grey-50 {
    color: #fafafa !important;
}

.regional .mdl-color--grey-50 {
    background-color: #fafafa !important;
}

.regional .mdl-color-text--grey-100 {
    color: whitesmoke !important;
}

.regional .mdl-color--grey-100 {
    background-color: whitesmoke !important;
}

.regional .mdl-color-text--grey-200 {
    color: #eeeeee !important;
}

.regional .mdl-color--grey-200 {
    background-color: #eeeeee !important;
}

.regional .mdl-color-text--grey-300 {
    color: #e0e0e0 !important;
}

.regional .mdl-color--grey-300 {
    background-color: #e0e0e0 !important;
}

.regional .mdl-color-text--grey-400 {
    color: #bdbdbd !important;
}

.regional .mdl-color--grey-400 {
    background-color: #bdbdbd !important;
}

.regional .mdl-color-text--grey-500 {
    color: #9e9e9e !important;
}

.regional .mdl-color--grey-500 {
    background-color: #9e9e9e !important;
}

.regional .mdl-color-text--grey-600 {
    color: #757575 !important;
}

.regional .mdl-color--grey-600 {
    background-color: #757575 !important;
}

.regional .mdl-color-text--grey-700 {
    color: #616161 !important;
}

.regional .mdl-color--grey-700 {
    background-color: #616161 !important;
}

.regional .mdl-color-text--grey-800 {
    color: #424242 !important;
}

.regional .mdl-color--grey-800 {
    background-color: #424242 !important;
}

.regional .mdl-color-text--grey-900 {
    color: #212121 !important;
}

.regional .mdl-color--grey-900 {
    background-color: #212121 !important;
}

.regional .mdl-color-text--blue-grey {
    color: #607d8b !important;
}

.regional .mdl-color--blue-grey {
    background-color: #607d8b !important;
}

.regional .mdl-color-text--blue-grey-50 {
    color: #eceff1 !important;
}

.regional .mdl-color--blue-grey-50 {
    background-color: #eceff1 !important;
}

.regional .mdl-color-text--blue-grey-100 {
    color: #cfd8dc !important;
}

.regional .mdl-color--blue-grey-100 {
    background-color: #cfd8dc !important;
}

.regional .mdl-color-text--blue-grey-200 {
    color: #b0bec5 !important;
}

.regional .mdl-color--blue-grey-200 {
    background-color: #b0bec5 !important;
}

.regional .mdl-color-text--blue-grey-300 {
    color: #90a4ae !important;
}

.regional .mdl-color--blue-grey-300 {
    background-color: #90a4ae !important;
}

.regional .mdl-color-text--blue-grey-400 {
    color: #78909c !important;
}

.regional .mdl-color--blue-grey-400 {
    background-color: #78909c !important;
}

.regional .mdl-color-text--blue-grey-500 {
    color: #607d8b !important;
}

.regional .mdl-color--blue-grey-500 {
    background-color: #607d8b !important;
}

.regional .mdl-color-text--blue-grey-600 {
    color: #546e7a !important;
}

.regional .mdl-color--blue-grey-600 {
    background-color: #546e7a !important;
}

.regional .mdl-color-text--blue-grey-700 {
    color: #455a64 !important;
}

.regional .mdl-color--blue-grey-700 {
    background-color: #455a64 !important;
}

.regional .mdl-color-text--blue-grey-800 {
    color: #37474f !important;
}

.regional .mdl-color--blue-grey-800 {
    background-color: #37474f !important;
}

.regional .mdl-color-text--blue-grey-900 {
    color: #263238 !important;
}

.regional .mdl-color--blue-grey-900 {
    background-color: #263238 !important;
}

.regional .mdl-color--black {
    background-color: black !important;
}

.regional .mdl-color-text--black {
    color: black !important;
}

.regional .mdl-color--white {
    background-color: white !important;
}

.regional .mdl-color-text--white {
    color: white !important;
}

.regional .mdl-color--primary {
    background-color: #3f51b5 !important;
}

.regional .mdl-color--primary-contrast {
    background-color: white !important;
}

.regional .mdl-color--primary-dark {
    background-color: #303f9f !important;
}

.regional .mdl-color--accent {
    background-color: #ff4081 !important;
}

.regional .mdl-color--accent-contrast {
    background-color: white !important;
}

.regional .mdl-color-text--primary {
    color: #3f51b5 !important;
}

.regional .mdl-color-text--primary-contrast {
    color: white !important;
}

.regional .mdl-color-text--primary-dark {
    color: #303f9f !important;
}

.regional .mdl-color-text--accent {
    color: #ff4081 !important;
}

.regional .mdl-color-text--accent-contrast {
    color: white !important;
}

.regional .mdl-ripple {
    background: black;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden;
}

    .regional .mdl-ripple.is-animating {
        transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .regional .mdl-ripple.is-visible {
        opacity: 0.3;
    }

.regional .mdl-animation--default {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.regional .mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.regional .mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.regional .mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.regional .mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px;
}

    .regional .mdl-badge:not([data-badge]) {
        margin-right: auto;
    }

    .regional .mdl-badge[data-badge]:after {
        content: attr(data-badge);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: -11px;
        right: -24px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;
        font-size: 12px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #ff4081;
        color: white;
    }

.regional .mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px;
}

.regional .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px gray;
}

.regional .mdl-badge.mdl-badge--overlap {
    margin-right: 10px;
}

    .regional .mdl-badge.mdl-badge--overlap:after {
        right: -10px;
    }

.regional .mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: black;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}

    .regional .mdl-button::-moz-focus-inner {
        border: 0;
    }

    .regional .mdl-button:hover {
        background-color: rgba(158, 158, 158, 0.2);
    }

    .regional .mdl-button:focus:not(:active) {
        background-color: rgba(0, 0, 0, 0.12);
    }

    .regional .mdl-button:active {
        background-color: rgba(158, 158, 158, 0.4);
    }

    .regional .mdl-button.mdl-button--colored {
        color: #3f51b5;
    }

        .regional .mdl-button.mdl-button--colored:focus:not(:active) {
            background-color: rgba(0, 0, 0, 0.12);
        }

.regional input.mdl-button[type="submit"] {
    -webkit-appearance: none;
}

.regional .mdl-button--raised {
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .regional .mdl-button--raised:active {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        background-color: rgba(158, 158, 158, 0.4);
    }

    .regional .mdl-button--raised:focus:not(:active) {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
        background-color: rgba(158, 158, 158, 0.4);
    }

    .regional .mdl-button--raised.mdl-button--colored {
        background: #3f51b5;
        color: white;
    }

        .regional .mdl-button--raised.mdl-button--colored:hover {
            background-color: #3f51b5;
        }

        .regional .mdl-button--raised.mdl-button--colored:active {
            background-color: #3f51b5;
        }

        .regional .mdl-button--raised.mdl-button--colored:focus:not(:active) {
            background-color: #3f51b5;
        }

        .regional .mdl-button--raised.mdl-button--colored .mdl-ripple {
            background: white;
        }

.regional .mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

    .regional .mdl-button--fab .material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
    }

    .regional .mdl-button--fab.mdl-button--mini-fab {
        height: 40px;
        min-width: 40px;
        width: 40px;
    }

    .regional .mdl-button--fab .mdl-button__ripple-container {
        border-radius: 50%;
        -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }

    .regional .mdl-button--fab:active {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        background-color: rgba(158, 158, 158, 0.4);
    }

    .regional .mdl-button--fab:focus:not(:active) {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
        background-color: rgba(158, 158, 158, 0.4);
    }

    .regional .mdl-button--fab.mdl-button--colored {
        background: #ff4081;
        color: white;
    }

        .regional .mdl-button--fab.mdl-button--colored:hover {
            background-color: #ff4081;
        }

        .regional .mdl-button--fab.mdl-button--colored:focus:not(:active) {
            background-color: #ff4081;
        }

        .regional .mdl-button--fab.mdl-button--colored:active {
            background-color: #ff4081;
        }

        .regional .mdl-button--fab.mdl-button--colored .mdl-ripple {
            background: white;
        }

.regional .mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal;
}

    .regional .mdl-button--icon .material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
    }

    .regional .mdl-button--icon.mdl-button--mini-icon {
        height: 24px;
        min-width: 24px;
        width: 24px;
    }

        .regional .mdl-button--icon.mdl-button--mini-icon .material-icons {
            top: 0px;
            left: 0px;
        }

    .regional .mdl-button--icon .mdl-button__ripple-container {
        border-radius: 50%;
        -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }

.regional .mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.regional .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.regional .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent;
}

.regional .mdl-button--primary.mdl-button--primary {
    color: #3f51b5;
}

    .regional .mdl-button--primary.mdl-button--primary .mdl-ripple {
        background: white;
    }

    .regional .mdl-button--primary.mdl-button--primary.mdl-button--raised, .regional .mdl-button--primary.mdl-button--primary.mdl-button--fab {
        color: white;
        background-color: #3f51b5;
    }

.regional .mdl-button--accent.mdl-button--accent {
    color: #ff4081;
}

    .regional .mdl-button--accent.mdl-button--accent .mdl-ripple {
        background: white;
    }

    .regional .mdl-button--accent.mdl-button--accent.mdl-button--raised, .regional .mdl-button--accent.mdl-button--accent.mdl-button--fab {
        color: white;
        background-color: #ff4081;
    }

.regional .mdl-button[disabled][disabled], .regional .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent;
}

.regional .mdl-button--fab[disabled][disabled], .regional .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
}

.regional .mdl-button--raised[disabled][disabled], .regional .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
}

.regional .mdl-button--colored[disabled][disabled], .regional .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
}

.regional .mdl-button .material-icons {
    vertical-align: middle;
}

.regional .mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: white;
    border-radius: 2px;
    box-sizing: border-box;
}

.regional .mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box;
}

.regional .mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box;
}

    .regional .mdl-card__title.mdl-card--border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.regional .mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0;
}

.regional .mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    margin: 0;
}

.regional .mdl-card__supporting-text {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 16px;
    width: 90%;
}

    .regional .mdl-card__supporting-text.mdl-card--border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.regional .mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box;
}

    .regional .mdl-card__actions.mdl-card--border {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

.regional .mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.regional .mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px;
}

.regional .mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}

    .regional .mdl-checkbox.is-upgraded {
        padding-left: 24px;
    }

.regional .mdl-checkbox__input {
    line-height: 24px;
}

.regional .mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.regional .mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2;
}

.regional .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #3f51b5;
}

.regional fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.regional .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.regional .mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
}

.regional .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.regional .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26);
}

.regional .mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: transparent;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background;
}

.regional .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.regional fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.regional .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.regional .mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.regional fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.regional .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.regional .mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .regional .mdl-checkbox__ripple-container .mdl-ripple {
        background: #3f51b5;
    }

.regional fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.regional .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto;
}

    .regional fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
    .regional .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
        background: transparent;
    }

.regional .mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap;
}

.regional .mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
}

.regional .mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none;
    overflow: hidden;
}

.regional .mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
}

.regional .mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.regional .mdl-chip:active {
    background-color: #d6d6d6;
}

.regional .mdl-chip--deletable {
    padding-right: 4px;
}

.regional .mdl-chip--contact {
    padding-left: 0;
}

.regional .mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: white;
}

    .regional .mdl-data-table thead {
        padding-bottom: 3px;
    }

        .regional .mdl-data-table thead .mdl-data-table__select {
            margin-top: 0;
        }

    .regional .mdl-data-table tbody tr {
        position: relative;
        height: 48px;
        transition-duration: 0.28s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: background-color;
    }

        .regional .mdl-data-table tbody tr.is-selected {
            background-color: #e0e0e0;
        }

        .regional .mdl-data-table tbody tr:hover {
            background-color: #eeeeee;
        }

    .regional .mdl-data-table td, .regional .mdl-data-table th {
        padding: 0 18px 12px 18px;
        text-align: right;
    }

        .regional .mdl-data-table td:first-of-type, .regional .mdl-data-table th:first-of-type {
            padding-left: 24px;
        }

        .regional .mdl-data-table td:last-of-type, .regional .mdl-data-table th:last-of-type {
            padding-right: 24px;
        }

    .regional .mdl-data-table td {
        position: relative;
        vertical-align: middle;
        height: 48px;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        padding-top: 12px;
        box-sizing: border-box;
    }

        .regional .mdl-data-table td .mdl-data-table__select {
            vertical-align: middle;
        }

    .regional .mdl-data-table th {
        position: relative;
        vertical-align: bottom;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 0;
        height: 48px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54);
        padding-bottom: 8px;
        box-sizing: border-box;
    }

        .regional .mdl-data-table th.mdl-data-table__header--sorted-ascending, .regional .mdl-data-table th.mdl-data-table__header--sorted-descending {
            color: rgba(0, 0, 0, 0.87);
        }

            .regional .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .regional .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
                font-family: 'Material Icons';
                font-weight: normal;
                font-style: normal;
                font-size: 24px;
                line-height: 1;
                letter-spacing: normal;
                text-transform: none;
                display: inline-block;
                word-wrap: normal;
                -moz-font-feature-settings: 'liga';
                font-feature-settings: 'liga';
                -webkit-font-feature-settings: 'liga';
                -webkit-font-smoothing: antialiased;
                font-size: 16px;
                content: "\e5d8";
                margin-right: 5px;
                vertical-align: sub;
            }

            .regional .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .regional .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
                cursor: pointer;
            }

                .regional .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .regional .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
                    color: rgba(0, 0, 0, 0.26);
                }

            .regional .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
                content: "\e5db";
            }

.regional .mdl-data-table__select {
    width: 16px;
}

.regional .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left;
}

.regional .mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px;
}

.regional .mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
}

.regional .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .regional .mdl-dialog__actions > * {
        margin-right: 8px;
        height: 36px;
    }

        .regional .mdl-dialog__actions > *:first-child {
            margin-right: 0;
        }

.regional .mdl-dialog__actions--full-width {
    padding: 0 0 8px 0;
}

    .regional .mdl-dialog__actions--full-width > * {
        height: 48px;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 16px;
        margin-right: 0;
        text-align: right;
    }

.regional .mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, 0.54);
}

.regional .mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242;
}

.regional .mdl-mega-footer--top-section:after,
.regional .mdl-mega-footer--middle-section:after,
.regional .mdl-mega-footer--bottom-section:after,
.regional .mdl-mega-footer__top-section:after,
.regional .mdl-mega-footer__middle-section:after,
.regional .mdl-mega-footer__bottom-section:after {
    content: '';
    display: block;
    clear: both;
}

.regional .mdl-mega-footer--left-section,
.regional .mdl-mega-footer__left-section {
    margin-bottom: 16px;
}

.regional .mdl-mega-footer--right-section,
.regional .mdl-mega-footer__right-section {
    margin-bottom: 16px;
}

    .regional .mdl-mega-footer--right-section a,
    .regional .mdl-mega-footer__right-section a {
        display: block;
        margin-bottom: 16px;
        color: inherit;
        text-decoration: none;
    }

@media screen and (min-width: 760px) {
    .regional .mdl-mega-footer--left-section,
    .regional .mdl-mega-footer__left-section {
        float: left;
    }

    .regional .mdl-mega-footer--right-section,
    .regional .mdl-mega-footer__right-section {
        float: right;
    }

        .regional .mdl-mega-footer--right-section a,
        .regional .mdl-mega-footer__right-section a {
            display: inline-block;
            margin-left: 16px;
            line-height: 36px;
            vertical-align: middle;
        }
}

.regional .mdl-mega-footer--social-btn,
.regional .mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none;
}

.regional .mdl-mega-footer--drop-down-section,
.regional .mdl-mega-footer__drop-down-section {
    display: block;
    position: relative;
}

@media screen and (min-width: 760px) {
    .regional .mdl-mega-footer--drop-down-section,
    .regional .mdl-mega-footer__drop-down-section {
        width: 33%;
    }

        .regional .mdl-mega-footer--drop-down-section:nth-child(1),
        .regional .mdl-mega-footer--drop-down-section:nth-child(2),
        .regional .mdl-mega-footer__drop-down-section:nth-child(1),
        .regional .mdl-mega-footer__drop-down-section:nth-child(2) {
            float: left;
        }

        .regional .mdl-mega-footer--drop-down-section:nth-child(3),
        .regional .mdl-mega-footer__drop-down-section:nth-child(3) {
            float: right;
        }

            .regional .mdl-mega-footer--drop-down-section:nth-child(3):after,
            .regional .mdl-mega-footer__drop-down-section:nth-child(3):after {
                clear: right;
            }

        .regional .mdl-mega-footer--drop-down-section:nth-child(4),
        .regional .mdl-mega-footer__drop-down-section:nth-child(4) {
            clear: right;
            float: right;
        }

    .regional .mdl-mega-footer--middle-section:after,
    .regional .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both;
    }

    .regional .mdl-mega-footer--bottom-section,
    .regional .mdl-mega-footer__bottom-section {
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .regional .mdl-mega-footer--drop-down-section,
    .regional .mdl-mega-footer--drop-down-section:nth-child(3),
    .regional .mdl-mega-footer--drop-down-section:nth-child(4),
    .regional .mdl-mega-footer__drop-down-section,
    .regional .mdl-mega-footer__drop-down-section:nth-child(3),
    .regional .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left;
    }
}

.regional .mdl-mega-footer--heading-checkbox,
.regional .mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: 0;
    margin-top: -16px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

    .regional .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .regional .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .regional .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .regional .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        font-family: 'Material Icons';
        content: '\E5CE';
    }

    .regional .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .regional .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
    .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
    .regional .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .regional .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
    .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
        display: none;
    }

    .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
    .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
    .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
    .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
        font-family: 'Material Icons';
        content: '\E5CF';
    }

.regional .mdl-mega-footer--heading,
.regional .mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0;
}

    .regional .mdl-mega-footer--heading:after,
    .regional .mdl-mega-footer__heading:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 23.8px;
        height: 23.8px;
        background-size: cover;
    }

.regional .mdl-mega-footer--link-list,
.regional .mdl-mega-footer__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px;
}

    .regional .mdl-mega-footer--link-list:after,
    .regional .mdl-mega-footer__link-list:after {
        clear: both;
        display: block;
        content: '';
    }

    .regional .mdl-mega-footer--link-list li,
    .regional .mdl-mega-footer__link-list li {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        line-height: 20px;
    }

    .regional .mdl-mega-footer--link-list a,
    .regional .mdl-mega-footer__link-list a {
        color: inherit;
        text-decoration: none;
        white-space: nowrap;
    }

@media screen and (min-width: 760px) {
    .regional .mdl-mega-footer--heading-checkbox,
    .regional .mdl-mega-footer__heading-checkbox {
        display: none;
    }

        .regional .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
        .regional .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
        .regional .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
        .regional .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
            content: '';
        }

        .regional .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
        .regional .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
        .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
        .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
        .regional .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
        .regional .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
        .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
        .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
            display: block;
        }

        .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
        .regional .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
        .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
        .regional .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
            content: '';
        }
}

.regional .mdl-mega-footer--bottom-section,
.regional .mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px;
}

.regional .mdl-logo {
    margin-bottom: 16px;
    color: white;
}

.regional .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.regional .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
}

@media screen and (min-width: 760px) {
    .regional .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px;
    }
}

.regional .mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242;
}

    .regional .mdl-mini-footer:after {
        content: '';
        display: block;
    }

    .regional .mdl-mini-footer .mdl-logo {
        line-height: 36px;
    }

.regional .mdl-mini-footer--link-list,
.regional .mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .regional .mdl-mini-footer--link-list li,
    .regional .mdl-mini-footer__link-list li {
        margin-bottom: 0;
        margin-right: 16px;
    }

@media screen and (min-width: 760px) {
    .regional .mdl-mini-footer--link-list li,
    .regional .mdl-mini-footer__link-list li {
        line-height: 36px;
    }
}

.regional .mdl-mini-footer--link-list a,
.regional .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.regional .mdl-mini-footer--left-section,
.regional .mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.regional .mdl-mini-footer--right-section,
.regional .mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.regional .mdl-mini-footer--social-btn,
.regional .mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none;
}

.regional .mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0;
}

.regional .mdl-icon-toggle__input {
    line-height: 32px;
}

.regional .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.regional .mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .regional .mdl-icon-toggle__label.material-icons {
        line-height: 32px;
        font-size: 24px;
    }

.regional .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #3f51b5;
}

.regional .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    transition: none;
}

.regional .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12);
}

.regional .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, 0.26);
}

.regional .mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .regional .mdl-icon-toggle__ripple-container .mdl-ripple {
        background: #616161;
    }

.regional .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto;
}

    .regional .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
        background: transparent;
    }

.regional .mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none;
}

.regional .mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    box-sizing: border-box;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
}

    .regional .mdl-list__item .mdl-list__item-primary-content {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        text-decoration: none;
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .regional .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
            margin-right: 32px;
        }

        .regional .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
            margin-right: 16px;
        }

    .regional .mdl-list__item .mdl-list__item-secondary-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-left: 16px;
    }

        .regional .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
            display: inline;
        }

        .regional .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
            font-size: 12px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 0;
            color: rgba(0, 0, 0, 0.54);
        }

        .regional .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
            padding: 0 0 0 16px;
        }

.regional .mdl-list__item-icon,
.regional .mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575;
}

.regional .mdl-list__item-avatar,
.regional .mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: white;
}

.regional .mdl-list__item--two-line {
    height: 72px;
}

    .regional .mdl-list__item--two-line .mdl-list__item-primary-content {
        height: 36px;
        line-height: 20px;
        display: block;
    }

        .regional .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
            float: left;
        }

        .regional .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
            float: left;
            margin-top: 6px;
        }

        .regional .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
            height: 36px;
        }

        .regional .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0;
            line-height: 18px;
            color: rgba(0, 0, 0, 0.54);
            display: block;
            padding: 0;
        }

.regional .mdl-list__item--three-line {
    height: 88px;
}

    .regional .mdl-list__item--three-line .mdl-list__item-primary-content {
        height: 52px;
        line-height: 20px;
        display: block;
    }

        .regional .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
        .regional .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
            float: left;
        }

    .regional .mdl-list__item--three-line .mdl-list__item-secondary-content {
        height: 52px;
    }

    .regional .mdl-list__item--three-line .mdl-list__item-text-body {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        line-height: 18px;
        height: 52px;
        color: rgba(0, 0, 0, 0.54);
        display: block;
        padding: 0;
    }

.regional .mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1;
}

    .regional .mdl-menu__container.is-visible, .regional .mdl-menu__container.is-animating {
        z-index: 999;
        visibility: visible;
    }

.regional .mdl-menu__outline {
    display: block;
    background: white;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.regional .mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999;
}

.regional .mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.regional .mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.regional .mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.regional .mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1;
}

.regional .mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999;
}

.regional .mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.regional .mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0;
}

.regional .mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0;
}

.regional .mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.regional .mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto;
}

.regional .mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.regional .mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1;
}

.regional .mdl-menu__item::-moz-focus-inner {
    border: 0;
}

.regional .mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.regional .mdl-menu__item[disabled], .regional .mdl-menu__item[data-mdl-disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto;
}

    .regional .mdl-menu__item[disabled]:hover, .regional .mdl-menu__item[data-mdl-disabled]:hover {
        background-color: transparent;
    }

    .regional .mdl-menu__item[disabled]:focus, .regional .mdl-menu__item[data-mdl-disabled]:focus {
        background-color: transparent;
    }

    .regional .mdl-menu__item[disabled] .mdl-ripple, .regional .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
        background: transparent;
    }

.regional .mdl-menu__item:hover {
    background-color: #eeeeee;
}

.regional .mdl-menu__item:focus {
    outline: none;
    background-color: #eeeeee;
}

.regional .mdl-menu__item:active {
    background-color: #e0e0e0;
}

.regional .mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.regional .mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%;
}

    .regional .mdl-progress > .bar {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 0%;
        transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .regional .mdl-progress > .progressbar {
        background-color: #3f51b5;
        z-index: 1;
        left: 0;
    }

    .regional .mdl-progress > .bufferbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
        z-index: 0;
        left: 0;
    }

    .regional .mdl-progress > .auxbar {
        right: 0;
    }

@supports (-webkit-appearance: none) {
    .regional .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
    .regional .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
    }
}

.regional .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.regional .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #3f51b5, #3f51b5);
}

.regional .mdl-progress.mdl-progress--indeterminate > .bar1,
.regional .mdl-progress.mdl-progress__indeterminate > .bar1 {
    background-color: #3f51b5;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.regional .mdl-progress.mdl-progress--indeterminate > .bar3,
.regional .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    background-color: #3f51b5;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 25%;
        width: 75%;
    }

    75% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 25%;
        width: 75%;
    }

    75% {
        left: 100%;
        width: 0%;
    }
}

@-webkit-keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 0%;
        width: 0%;
    }

    75% {
        left: 0%;
        width: 25%;
    }

    100% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%;
    }

    50% {
        left: 0%;
        width: 0%;
    }

    75% {
        left: 0%;
        width: 25%;
    }

    100% {
        left: 100%;
        width: 0%;
    }
}

.regional .mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
}

.regional .mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

    .regional .mdl-navigation__link .material-icons {
        vertical-align: middle;
    }

.regional .mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

    .regional .mdl-layout.is-small-screen .mdl-layout--large-screen-only {
        display: none;
    }

    .regional .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
        display: none;
    }

.regional .mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.regional .mdl-layout__title,
.regional .mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box;
}

.regional .mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.regional .mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5;
}

    .regional .mdl-layout__drawer.is-visible {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

        .regional .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
            overflow: hidden;
        }

    .regional .mdl-layout__drawer > * {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .regional .mdl-layout__drawer > .mdl-layout__title,
    .regional .mdl-layout__drawer > .mdl-layout-title {
        line-height: 64px;
        padding-left: 40px;
    }

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__drawer > .mdl-layout__title,
    .regional .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px;
    }
}

.regional .mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px;
}

    .regional .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        display: block;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 16px 40px;
        margin: 0;
        color: #757575;
    }

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 16px;
    }
}

.regional .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0;
}

.regional .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: black;
}

@media screen and (min-width: 1025px) {
    .regional .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.regional .mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: white;
    z-index: 4;
}

.regional .mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: white;
    background-color: inherit;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px;
    }
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 1025px) {
    .regional .mdl-layout__drawer-button {
        line-height: 54px;
    }

    .regional .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    .regional .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
    .regional .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none;
    }
}

.regional .mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #3f51b5;
    color: white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header {
        min-height: 56px;
    }
}

.regional .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px);
}

@media screen and (min-width: 1025px) {
    .regional .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px;
    }
}

.regional .mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px;
    }
}

.regional .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none;
}

.regional .mdl-layout__header.is-compact {
    max-height: 64px;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header.is-compact {
        max-height: 56px;
    }
}

.regional .mdl-layout__header.is-compact.has-tabs {
    height: 112px;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px;
    }
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header {
        display: none;
    }

    .regional .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.regional .mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none;
}

.regional .mdl-layout__header--seamed {
    box-shadow: none;
}

.regional .mdl-layout__header--scroll {
    box-shadow: none;
}

.regional .mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden;
}

    .regional .mdl-layout__header--waterfall.is-casting-shadow {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }

    .regional .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.regional .mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px;
}

.regional .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
}

@media screen and (min-width: 1025px) {
    .regional .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px;
    }

    .regional .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px;
    }
}

.regional .mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.regional .mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%;
}

.regional .mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header-row .mdl-navigation {
        height: 56px;
    }
}

.regional .mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: white;
    line-height: 64px;
    padding: 0 24px;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px;
    }
}

.regional .mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    .regional .mdl-layout__obfuscator.is-visible {
        background-color: rgba(0, 0, 0, 0.5);
        visibility: visible;
    }

@supports (pointer-events: auto) {
    .regional .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none;
    }

        .regional .mdl-layout__obfuscator.is-visible {
            pointer-events: auto;
            opacity: 1;
        }
}

.regional .mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

.regional .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px;
}

.regional .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0;
    }

    .regional .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.regional .mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #3f51b5;
    overflow-y: hidden;
    overflow-x: scroll;
}

    .regional .mdl-layout__tab-bar::-webkit-scrollbar {
        display: none;
    }

.regional .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px);
}

@media screen and (min-width: 1025px) {
    .regional .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px;
    }

    .regional .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px;
    }
}

.regional .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.regional .mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.regional .mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0;
}

.regional .mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #3f51b5;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.regional .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.regional .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px;
}

    .regional .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
    .regional .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
        position: relative;
        left: -4px;
    }

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__tab-bar-button {
        width: 60px;
    }
}

.regional .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none;
}

.regional .mdl-layout__tab-bar-button .material-icons {
    line-height: 48px;
}

.regional .mdl-layout__tab-bar-button.is-active {
    color: white;
}

.regional .mdl-layout__tab-bar-left-button {
    left: 0;
}

.regional .mdl-layout__tab-bar-right-button {
    right: 0;
}

.regional .mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .regional .mdl-layout__tab {
        padding: 0 12px 0 12px;
    }
}

.regional .mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
}

.regional .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: white;
}

    .regional .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
        height: 2px;
        width: 100%;
        display: block;
        content: " ";
        bottom: 0;
        left: 0;
        position: absolute;
        background: #ff4081;
        -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    }

.regional .mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

    .regional .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
        background-color: white;
    }

.regional .mdl-layout__tab-panel {
    display: block;
}

.regional .mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none;
}

    .regional .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
        display: block;
    }

.regional .mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0;
}

    .regional .mdl-radio.is-upgraded {
        padding-left: 24px;
    }

.regional .mdl-radio__button {
    line-height: 24px;
}

.regional .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.regional .mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2;
}

.regional .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #3f51b5;
}

.regional .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.regional .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.regional .mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: #3f51b5;
}

.regional .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.regional fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.regional .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.regional .mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.regional .mdl-radio__label {
    cursor: pointer;
}

.regional fieldset[disabled] .mdl-radio .mdl-radio__label,
.regional .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.regional .mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .regional .mdl-radio__ripple-container .mdl-ripple {
        background: #3f51b5;
    }

.regional fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.regional .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto;
}

    .regional fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
    .regional .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
        background: transparent;
    }

.regional _:-ms-input-placeholder, .regional :root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0;
}

.regional .mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px;
}

    .regional .mdl-slider.is-upgraded {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 2px;
        background: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        outline: 0;
        padding: 0;
        color: #3f51b5;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        z-index: 1;
        cursor: pointer;
        /**************************** Tracks ****************************/
        /**************************** Thumbs ****************************/
        /**************************** 0-value ****************************/
        /**************************** Disabled ****************************/
    }

        .regional .mdl-slider.is-upgraded::-moz-focus-outer {
            border: 0;
        }

        .regional .mdl-slider.is-upgraded::-ms-tooltip {
            display: none;
        }

        .regional .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
            background: transparent;
        }

        .regional .mdl-slider.is-upgraded::-moz-range-track {
            background: transparent;
            border: none;
        }

        .regional .mdl-slider.is-upgraded::-ms-track {
            background: none;
            color: transparent;
            height: 2px;
            width: 100%;
            border: none;
        }

        .regional .mdl-slider.is-upgraded::-ms-fill-lower {
            padding: 0;
            background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0);
        }

        .regional .mdl-slider.is-upgraded::-ms-fill-upper {
            padding: 0;
            background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0);
        }

        .regional .mdl-slider.is-upgraded::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 12px;
            height: 12px;
            box-sizing: border-box;
            border-radius: 50%;
            background: #3f51b5;
            border: none;
            transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .regional .mdl-slider.is-upgraded::-moz-range-thumb {
            -moz-appearance: none;
            width: 12px;
            height: 12px;
            box-sizing: border-box;
            border-radius: 50%;
            background-image: none;
            background: #3f51b5;
            border: none;
        }

        .regional .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
            box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
        }

        .regional .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
            box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
        }

        .regional .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
            background-image: none;
            background: #3f51b5;
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .regional .mdl-slider.is-upgraded:active::-moz-range-thumb {
            background-image: none;
            background: #3f51b5;
            transform: scale(1.5);
        }

        .regional .mdl-slider.is-upgraded::-ms-thumb {
            width: 32px;
            height: 32px;
            border: none;
            border-radius: 50%;
            background: #3f51b5;
            transform: scale(0.375);
            transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .regional .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
            background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
            transform: scale(1);
        }

        .regional .mdl-slider.is-upgraded:active::-ms-thumb {
            background: #3f51b5;
            transform: scale(0.5625);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
            border: 2px solid rgba(0, 0, 0, 0.26);
            background: transparent;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
            border: 2px solid rgba(0, 0, 0, 0.26);
            background: transparent;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 6px;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
            background: rgba(0, 0, 0, 0.12);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
            background: rgba(0, 0, 0, 0.12);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
            border: 1.6px solid rgba(0, 0, 0, 0.26);
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 9px;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
            border: 1.5px solid rgba(0, 0, 0, 0.26);
            transform: scale(1.5);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
            background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
            background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
            transform: scale(1);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
            transform: scale(0.5625);
            background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
            background: transparent;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
            margin-left: 6px;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
            margin-left: 9px;
        }

        .regional .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .regional .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .regional .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
            -webkit-transform: scale(0.667);
            transform: scale(0.667);
            background: rgba(0, 0, 0, 0.26);
        }

        .regional .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .regional .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .regional .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
            transform: scale(0.667);
            background: rgba(0, 0, 0, 0.26);
        }

        .regional .mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
            background-color: rgba(0, 0, 0, 0.26);
            left: -6px;
        }

        .regional .mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 6px;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .regional .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
            border: 3px solid rgba(0, 0, 0, 0.26);
            background: transparent;
            -webkit-transform: scale(0.667);
            transform: scale(0.667);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .regional .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
            border: 3px solid rgba(0, 0, 0, 0.26);
            background: transparent;
            transform: scale(0.667);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
            left: 6px;
        }

        .regional .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .regional .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .regional .mdl-slider.is-upgraded:disabled::-ms-thumb {
            transform: scale(0.25);
            background: rgba(0, 0, 0, 0.26);
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .regional .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
            transform: scale(0.25);
            background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%);
        }

        .regional .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
            margin-right: 6px;
            background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0);
        }

        .regional .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
            margin-left: 6px;
        }

        .regional .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
            margin-left: 6px;
        }

.regional .mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none;
}

.regional .mdl-slider__container {
    height: 18px;
    position: relative;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.regional .mdl-slider__background-flex {
    background: transparent;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.regional .mdl-slider__background-lower {
    background: #3f51b5;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
}

.regional .mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.regional .mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none;
}

@media (max-width: 479px) {
    .regional .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px;
    }
}

@media (min-width: 480px) {
    .regional .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px);
    }
}

.regional .mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 480px) {
    .regional .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.regional .mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left;
}

.regional .mdl-snackbar__action {
    background: transparent;
    border: none;
    color: #ff4081;
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

    .regional .mdl-snackbar__action::-moz-focus-inner {
        border: 0;
    }

    .regional .mdl-snackbar__action:not([aria-hidden]) {
        opacity: 1;
        pointer-events: auto;
    }

.regional .mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
}

    .regional .mdl-spinner:not(.is-upgraded).is-active:after {
        content: "Loading...";
    }

    .regional .mdl-spinner.is-upgraded.is-active {
        -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
        animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
    }

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.regional .mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.regional .mdl-spinner__layer-1 {
    border-color: #42a5f5;
}

.regional .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5;
}

.regional .mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.regional .mdl-spinner__layer-2 {
    border-color: #f44336;
}

.regional .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5;
}

.regional .mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.regional .mdl-spinner__layer-3 {
    border-color: #fdd835;
}

.regional .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5;
}

.regional .mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.regional .mdl-spinner__layer-4 {
    border-color: #4caf50;
}

.regional .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5;
}

.regional .mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99;
    }

    25% {
        opacity: 0.99;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0.99;
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99;
    }

    25% {
        opacity: 0.99;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0.99;
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 0.99;
    }

    50% {
        opacity: 0.99;
    }

    51% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 0.99;
    }

    50% {
        opacity: 0.99;
    }

    51% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 0.99;
    }

    75% {
        opacity: 0.99;
    }

    76% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 0.99;
    }

    75% {
        opacity: 0.99;
    }

    76% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 0.99;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 0.99;
    }

    90% {
        opacity: 0.99;
    }

    100% {
        opacity: 0;
    }
}

.regional .mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .regional .mdl-spinner__gap-patch .mdl-spinner__circle {
        width: 1000%;
        left: -450%;
    }

.regional .mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .regional .mdl-spinner__circle-clipper.mdl-spinner__left {
        float: left;
    }

    .regional .mdl-spinner__circle-clipper.mdl-spinner__right {
        float: right;
    }

    .regional .mdl-spinner__circle-clipper .mdl-spinner__circle {
        width: 200%;
    }

.regional .mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.regional .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
}

.regional .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.regional .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.regional .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

.regional .mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .regional .mdl-switch.is-upgraded {
        padding-left: 28px;
    }

.regional .mdl-switch__input {
    line-height: 24px;
}

.regional .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.regional .mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer;
}

.regional .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, 0.5);
}

.regional .mdl-switch__track fieldset[disabled] .mdl-switch,
.regional .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto;
}

.regional .mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left;
}

.regional .mdl-switch.is-checked .mdl-switch__thumb {
    background: #3f51b5;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.regional .mdl-switch__thumb fieldset[disabled] .mdl-switch,
.regional .mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto;
}

.regional .mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
}

.regional .mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.regional .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26);
}

.regional .mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px;
}

    .regional .mdl-switch__label fieldset[disabled] .mdl-switch,
    .regional .mdl-switch.is-disabled .mdl-switch__label {
        color: #bdbdbd;
        cursor: auto;
    }

.regional .mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    transition-duration: 0.40s;
    transition-timing-function: step-end;
    transition-property: left;
}

    .regional .mdl-switch__ripple-container .mdl-ripple {
        background: #3f51b5;
    }

    .regional .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
    .regional .mdl-switch.is-disabled .mdl-switch__ripple-container {
        cursor: auto;
    }

        .regional fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
        .regional .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
            background: transparent;
        }

.regional .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px;
}

.regional .mdl-tabs {
    display: block;
    width: 100%;
}

.regional .mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}

.regional .mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    overflow: hidden;
}

.regional .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87);
}

    .regional .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
        height: 2px;
        width: 100%;
        display: block;
        content: " ";
        bottom: 0px;
        left: 0px;
        position: absolute;
        background: #3f51b5;
        -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
        transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    }

.regional .mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
}

    .regional .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
        background: #3f51b5;
    }

.regional .mdl-tabs__panel {
    display: block;
}

.regional .mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none;
}

    .regional .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
        display: block;
    }

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

.regional .mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

    .regional .mdl-textfield .mdl-button {
        position: absolute;
        bottom: 20px;
    }

.regional .mdl-textfield--align-right {
    text-align: right;
}

.regional .mdl-textfield--full-width {
    width: 100%;
}

.regional .mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px;
}

    .regional .mdl-textfield--expandable .mdl-button--icon {
        top: 16px;
    }

.regional .mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit;
}

    .regional .mdl-textfield__input[type="number"] {
        -moz-appearance: textfield;
    }

        .regional .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .regional .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

.regional .mdl-textfield.is-focused .mdl-textfield__input {
    outline: none;
}

.regional .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none;
}

.regional fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.regional .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
}

.regional .mdl-textfield textarea.mdl-textfield__input {
    display: block;
}

.regional .mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.regional .mdl-textfield.is-dirty .mdl-textfield__label,
.regional .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden;
}

.regional .mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.regional .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none;
}

.regional fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.regional .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26);
}

.regional .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.regional .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.regional .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.regional .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.regional .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.regional .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px;
}

.regional .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px;
}

.regional .mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.regional .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

.regional .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000;
}

.regional .mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block;
}

.regional .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible;
}

.regional .mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px;
}

.regional .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .regional .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px;
}

.regional .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0;
}

.regional .mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center;
}

    .regional .mdl-tooltip.is-active {
        -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
        animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }

.regional .mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

.regional .mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.regional .mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.regional .mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.regional .mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

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

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

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

.regional .mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .regional .mdl-grid.mdl-grid--no-spacing {
        padding: 0;
    }

.regional .mdl-cell {
    box-sizing: border-box;
}

.regional .mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.regional .mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.regional .mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.regional .mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0;
}

.regional .mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.regional .mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.regional .mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.regional .mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.regional .mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.regional .mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.regional .mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.regional .mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.regional .mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.regional .mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.regional .mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.regional .mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

@media (max-width: 479px) {
    .regional .mdl-grid {
        padding: 8px;
    }

    .regional .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell {
        width: 100%;
    }

    .regional .mdl-cell--hide-phone {
        display: none !important;
    }

    .regional .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .regional .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .regional .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .regional .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .regional .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .regional .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .regional .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .regional .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .regional .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .regional .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .regional .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .regional .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .regional .mdl-cell--1-col,
    .regional .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--1-col, .regional .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%;
    }

    .regional .mdl-cell--2-col,
    .regional .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--2-col, .regional .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%;
    }

    .regional .mdl-cell--3-col,
    .regional .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--3-col, .regional .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%;
    }

    .regional .mdl-cell--4-col,
    .regional .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--4-col, .regional .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--5-col,
    .regional .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--5-col, .regional .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--6-col,
    .regional .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--6-col, .regional .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--7-col,
    .regional .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--7-col, .regional .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--8-col,
    .regional .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--8-col, .regional .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--9-col,
    .regional .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--9-col, .regional .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--10-col,
    .regional .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--10-col, .regional .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--11-col,
    .regional .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--11-col, .regional .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--12-col,
    .regional .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--12-col, .regional .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%;
    }

    .regional .mdl-cell--1-offset,
    .regional .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%;
    }

    .regional .mdl-cell--2-offset,
    .regional .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%;
    }

    .regional .mdl-cell--3-offset,
    .regional .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%;
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .regional .mdl-grid {
        padding: 8px;
    }

    .regional .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell {
        width: 50%;
    }

    .regional .mdl-cell--hide-tablet {
        display: none !important;
    }

    .regional .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .regional .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .regional .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .regional .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .regional .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .regional .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .regional .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .regional .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .regional .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .regional .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .regional .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .regional .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .regional .mdl-cell--1-col,
    .regional .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--1-col, .regional .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%;
    }

    .regional .mdl-cell--2-col,
    .regional .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--2-col, .regional .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%;
    }

    .regional .mdl-cell--3-col,
    .regional .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--3-col, .regional .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%;
    }

    .regional .mdl-cell--4-col,
    .regional .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--4-col, .regional .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%;
    }

    .regional .mdl-cell--5-col,
    .regional .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--5-col, .regional .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%;
    }

    .regional .mdl-cell--6-col,
    .regional .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--6-col, .regional .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%;
    }

    .regional .mdl-cell--7-col,
    .regional .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--7-col, .regional .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%;
    }

    .regional .mdl-cell--8-col,
    .regional .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--8-col, .regional .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%;
    }

    .regional .mdl-cell--9-col,
    .regional .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--9-col, .regional .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%;
    }

    .regional .mdl-cell--10-col,
    .regional .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--10-col, .regional .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%;
    }

    .regional .mdl-cell--11-col,
    .regional .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--11-col, .regional .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%;
    }

    .regional .mdl-cell--12-col,
    .regional .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--12-col, .regional .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%;
    }

    .regional .mdl-cell--1-offset,
    .regional .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%;
    }

    .regional .mdl-cell--2-offset,
    .regional .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%;
    }

    .regional .mdl-cell--3-offset,
    .regional .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%;
    }

    .regional .mdl-cell--4-offset,
    .regional .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%;
    }

    .regional .mdl-cell--5-offset,
    .regional .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%;
    }

    .regional .mdl-cell--6-offset,
    .regional .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%;
    }

    .regional .mdl-cell--7-offset,
    .regional .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%;
    }
}

@media (min-width: 840px) {
    .regional .mdl-grid {
        padding: 8px;
    }

    .regional .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    .regional .mdl-cell--hide-desktop {
        display: none !important;
    }

    .regional .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .regional .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .regional .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .regional .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .regional .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .regional .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .regional .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .regional .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .regional .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .regional .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .regional .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .regional .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .regional .mdl-cell--1-col,
    .regional .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--1-col, .regional .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%;
    }

    .regional .mdl-cell--2-col,
    .regional .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--2-col, .regional .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%;
    }

    .regional .mdl-cell--3-col,
    .regional .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--3-col, .regional .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%;
    }

    .regional .mdl-cell--4-col,
    .regional .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--4-col, .regional .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%;
    }

    .regional .mdl-cell--5-col,
    .regional .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--5-col, .regional .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%;
    }

    .regional .mdl-cell--6-col,
    .regional .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--6-col, .regional .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%;
    }

    .regional .mdl-cell--7-col,
    .regional .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--7-col, .regional .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%;
    }

    .regional .mdl-cell--8-col,
    .regional .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--8-col, .regional .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%;
    }

    .regional .mdl-cell--9-col,
    .regional .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--9-col, .regional .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%;
    }

    .regional .mdl-cell--10-col,
    .regional .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--10-col, .regional .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%;
    }

    .regional .mdl-cell--11-col,
    .regional .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--11-col, .regional .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%;
    }

    .regional .mdl-cell--12-col,
    .regional .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px);
    }

    .regional .mdl-grid--no-spacing > .mdl-cell--12-col, .regional .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%;
    }

    .regional .mdl-cell--1-offset,
    .regional .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%;
    }

    .regional .mdl-cell--2-offset,
    .regional .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%;
    }

    .regional .mdl-cell--3-offset,
    .regional .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%;
    }

    .regional .mdl-cell--4-offset,
    .regional .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%;
    }

    .regional .mdl-cell--5-offset,
    .regional .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%;
    }

    .regional .mdl-cell--6-offset,
    .regional .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%;
    }

    .regional .mdl-cell--7-offset,
    .regional .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%;
    }

    .regional .mdl-cell--8-offset,
    .regional .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%;
    }

    .regional .mdl-cell--9-offset,
    .regional .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%;
    }

    .regional .mdl-cell--10-offset,
    .regional .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%;
    }

    .regional .mdl-cell--11-offset,
    .regional .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px);
    }

    .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .regional .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%;
    }
}

body {
    margin: 0px;
    padding: 0px;
    font-family: MuseoSans, rui-icon, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.regional-header {
    font-family: MuseoSans, rui-icon, "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    font-weight: 500;
    text-align: left;
}

    .regional-header a, .regional-header a:hover, .regional-header a:active, .regional-header a:focus, .regional-header a:link {
        outline: 0;
        text-decoration: none;
    }

    .regional-header ul {
        margin: 0;
        padding: 0;
    }

    .regional-header li {
        list-style: none;
    }

    .regional-header .label-property-tools {
        line-height: 21px;
        font-size: 14px;
        padding: 24px 8px;
        opacity: 0.6;
        color: #000;
        float: left;
        width: 468px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

    .regional-header ul.desktop-nav-bar li.desktop-nav-item {
        position: relative;
    }

        .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu {
            visibility: hidden;
            opacity: 0;
            height: auto;
            position: absolute;
            overflow: hidden;
            top: 100%;
            left: 0;
            margin-left: 8px;
            width: 500px;
            z-index: -1;
            -webkit-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
            -moz-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
            -ms-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
            transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
        }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_left ul li {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }

                .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_left ul li:last-child {
                    border-bottom: none;
                }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_right ul li {
                border-bottom: 1px solid rgba(32, 40, 46, 0.15);
            }

                .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_right ul li:last-child {
                    border-bottom: none;
                }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown a:hover {
                box-shadow: none;
            }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_left {
                background-color: #333f48;
                padding: 0 24px;
            }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_right {
                background-color: #f3f4f6;
                padding: 0 24px;
            }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown ul li a {
                padding: 10px 0;
                -webkit-transition: all 0.15s;
                -moz-transition: all 0.15s;
                -ms-transition: all 0.15s;
                transition: all 0.15s;
            }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_left li a {
                color: #d2d6da;
            }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item ul.sub-menu li.dropdown .sub-menu_right li a {
                color: #697684;
            }

        .regional-header ul.desktop-nav-bar li.desktop-nav-item:hover ul.sub-menu {
            visibility: visible;
            opacity: 1;
            z-index: 999;
            -webkit-transition-delay: 0s, 0s, 0.1s;
            -moz-transition-delay: 0s, 0s, 0.1s;
            -ms-transition-delay: 0s, 0s, 0.1s;
            transition-delay: 0s, 0s, 0.1s;
        }

            .regional-header ul.desktop-nav-bar li.desktop-nav-item:hover ul.sub-menu li.dropdown ul li a {
                padding: 24px 0;
                font-weight: 400;
                -webkit-transition-delay: 0s, 0s, 0.1s;
                -moz-transition-delay: 0s, 0s, 0.1s;
                -ms-transition-delay: 0s, 0s, 0.1s;
                transition-delay: 0s, 0s, 0.1s;
            }

    .regional-header a.desktop-account-text, .regional-header a.mobile-account {
        -webkit-transition: color .3s ease;
        -moz-transition: color .3s ease;
        transition: color .3s ease;
    }

        .regional-header a.desktop-account-text:focus, .regional-header a.mobile-account:focus {
            outline: 0;
            outline-offset: 0;
        }

    .regional-header .desktop-account a {
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

@media (max-width: 1023px) and (min-width: 768px) {
    .regional-header .hidden-sm {
        display: none !important;
    }
}

.regional-header .header-leaderboard {
    max-width: 768px;
    margin: auto;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .regional-header .header-leaderboard {
        display: none;
    }
}

.regional-header .ant-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left;
}

    .regional-header .ant-popover:after {
        content: "";
        position: absolute;
        background: rgba(255, 255, 255, 0.01);
    }

.regional-header .popover-account {
    display: none;
    position: absolute;
    width: 218px;
}

    .regional-header .popover-account .ant-popover-placement-bottomRight {
        padding-top: 4px;
    }

        .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner {
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 4px;
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
        }

            .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content {
                padding: 8px 16px;
                color: rgba(0, 0, 0, 0.65);
            }

                .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul {
                    margin: 0px;
                    padding: 0px;
                }

                    .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul .active {
                        display: block;
                        background-color: #FFF;
                    }

                        .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul .active .accountID {
                            font-size: 14px;
                            font-weight: 500;
                            color: #a5adb5;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            height: 32px;
                            margin-top: 16px;
                            margin-bottom: 16px;
                            border-bottom: 1px solid #d8d8d8;
                        }

                        .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul .active .accountItem {
                            font-size: 14px;
                            font-weight: 500;
                            margin-bottom: 16px;
                        }

                            .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul .active .accountItem a {
                                color: #a5adb5;
                            }

                                .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul .active .accountItem a:hover {
                                    color: #2f8dcd;
                                }

                    .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul li {
                        border: 1px solid #2B6ED2;
                        font-weight: 500;
                        font-size: 12px;
                        padding: 8px 0;
                        margin: 16px 0;
                        border-radius: 3px;
                        text-align: center;
                        color: #2B6ED2;
                    }

                        .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul li a {
                            color: #2B6ED2;
                            display: block;
                            cursor: pointer;
                        }

                            .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul li a:hover {
                                color: #2B6ED2;
                            }

                        .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul li.primary {
                            background-color: #2f8dcd;
                            border: 1px solid #2f8dcd;
                        }

                            .regional-header .popover-account .ant-popover-placement-bottomRight .ant-popover-inner .ant-popover-inner-content ul li.primary a {
                                color: #ffffff;
                                display: block;
                            }

.regional-header .ant-popover-arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
}

    .regional-header .ant-popover-arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 4px;
        content: "";
    }

.regional-header .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .regional-header .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .regional-header .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
    border-top-width: 0;
    border-bottom-color: rgba(217, 217, 217, 0.7);
    top: -1px;
}

    .regional-header .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after, .regional-header .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow:after, .regional-header .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow:after {
        content: " ";
        top: 1px;
        margin-left: -4px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.regional-header .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
    right: 16px;
}

.regional-header .bNJRsF {
    width: 318px;
    height: 100%;
    padding: 5px 15px;
    background-color: #FFF;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: -318px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    visibility: hidden;
}

    .regional-header .bNJRsF.show {
        right: 0;
        visibility: visible;
    }

    .regional-header .bNJRsF .active {
        display: block;
        background-color: #FFF;
    }

        .regional-header .bNJRsF .active .accountID {
            font-size: 14px;
            font-weight: 500;
            color: #a5adb5;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 32px;
            margin-top: 16px;
            margin-bottom: 16px;
            border-bottom: 1px solid #d8d8d8;
        }

        .regional-header .bNJRsF .active .accountItem {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 16px;
        }

@media (max-width: 1023px) {
    .regional-header .bNJRsF .active .accountItem.mobile-hide {
        display: none;
    }
}

.regional-header .bNJRsF .active .accountItem a {
    font-size: 14px;
    font-weight: 500;
    color: #a5adb5;
}

    .regional-header .bNJRsF .active .accountItem a:hover {
        color: #2f8dcd;
    }

.regional-header .bVeRqO {
    min-height: 58px;
    list-style: none;
    border-bottom: 1px solid rgba(164, 171, 179, 0.2);
    font-weight: 500;
    font-size: 16px;
}

@media (max-width: 1023px) {
    .regional-header .bVeRqO.mobile-hide {
        display: none;
    }
}

.regional-header .bVeRqO a {
    padding: 15px;
    color: #FFF;
    opacity: 0.6;
    width: 100%;
    display: block;
}

    .regional-header .bVeRqO a:hover, .regional-header .bVeRqO a.active {
        opacity: 1;
    }

.regional-header .beRmpb {
    margin-top: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
    cursor: default !important;
}

@media (max-width: 1024px) {
    .regional-header .beRmpb {
        margin-top: -4px;
    }
}

.regional-header .cvAvXt {
    display: inline-block;
}

.regional-header .cedcpG {
    display: none;
}

@media (max-width: 1024px) {
    .regional-header .cedcpG {
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.55);
        position: fixed;
        z-index: 999;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

        .regional-header .cedcpG.show {
            opacity: 1;
            visibility: visible;
        }
}

.regional-header .cVwKWY {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    font-weight: 500;
    min-height: 50px;
    width: 100%;
    background-color: #2f8dcd;
    padding: 0;
    color: #fff;
}

@media (max-width: 1023px) {
    .regional-header .cVwKWY {
        height: 56px;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }
}

.regional-header .cJgowY {
    min-height: 58px;
    list-style: none;
    border-bottom: 1px solid rgba(164, 171, 179, 0.2);
    font-weight: 500;
    font-size: 16px;
    padding: 15px;
    color: gray;
}

.regional-header .dwRaId {
    opacity: 0.6;
    padding: 0 4px;
}

    .regional-header .dwRaId.active, .regional-header .dwRaId:hover {
        opacity: 1;
        transition: color .3s ease, opacity .3s ease;
        -webkit-transition: color .3s ease, opacity .3s ease;
    }

.regional-header .dhXbrG {
    right: 10px;
    line-height: 40px;
    cursor: pointer;
    font-size: 40px;
    font-weight: 300;
    color: #333F48;
    position: absolute;
}

.regional-header .dFtrqk {
    width: 320px;
    height: 100%;
    background-color: #20282E;
    z-index: 5;
    position: fixed;
    top: 0;
    left: -100%;
    visibility: hidden;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    overflow-y: auto;
}

    .regional-header .dFtrqk.show {
        left: 0;
        visibility: visible;
    }

.regional-header .eWoJaK {
    float: right;
    margin-top: -12px;
    margin-right: -10px;
    height: 54px;
    padding: 15px 20px;
}

.regional-header .fUesqU {
    display: inline-block;
    height: 30px;
    border-right: 1px solid #ffffff;
    padding: 5px 16px 5px 0;
}

@media (max-width: 1024px) {
    .regional-header .fUesqU {
        display: none;
    }
}

.regional-header .fRXRQZ {
    right: 10px;
    cursor: pointer;
    font-size: 40px;
    font-weight: 300;
    color: #FFF;
    position: absolute;
    top: 6px;
}

.regional-header .goBDoL {
    margin: auto 24px 10px auto;
}

@media (max-width: 1023px) {
    .regional-header .goBDoL {
        margin: 0 10px 0 0;
    }
}

.regional-header .gZxEPq {
    margin-top: 50px;
}

.regional-header .hkyOhT {
    margin: 0;
    padding: 0;
    width: 100%;
}

.regional-header .hcvXCr {
    display: block;
    font-size: 16px;
    line-height: 16px;
    height: 51px;
    margin: 32px 0;
    border-radius: 3px;
    padding: 15px;
    font-weight: 500;
    text-align: center;
    color: #2B6ED2;
    background-color: white;
    border: solid 1px #2B6ED2;
}

@media (max-width: 1023px) {
    .regional-header .hcvXCr.mobile-hide {
        display: none;
    }
}

.regional-header .hxkizE {
    opacity: 0.6;
    color: #FFF !important;
}

    .regional-header .hxkizE:hover {
        opacity: 1;
    }

@media (max-width: 1200px) {
    .regional-header .hxkizE {
        display: none;
    }
}

.regional-header .hHCNOt {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 5px;
}

.regional-header .htLFGI {
    margin-right: 10px;
}

.regional-header .ibWJQJ {
    display: inline-block;
}

    .regional-header .ibWJQJ a {
        display: inline-block;
        line-height: 21px;
        font-size: 14px;
        font-weight: 500;
        padding: 15px 8px;
        opacity: 0.6;
        color: #FFF;
        margin: 0 8px;
    }

@media (max-width: 1200px) {
    .regional-header .ibWJQJ a {
        margin: 0 4px;
        padding: 15px 6px;
    }
}

.regional-header .ibWJQJ a.active, .regional-header .ibWJQJ a:hover {
    opacity: 1;
    color: white;
    box-shadow: inset 0 -2px 0 white;
}

.regional-header .japDLz {
    list-style: none;
    display: inline-block;
    padding-left: 16px;
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .regional-header .japDLz {
        display: none;
    }
}

.regional-header .jPJEO {
    display: block;
    margin: 32px 0;
    height: 51px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    text-align: center;
    color: #FFF !important;
    background-color: #2f8dcd;
    border: solid 1px #2f8dcd;
}

.regional-header .JQdPP {
    display: none;
}

@media (max-width: 1023px) {
    .regional-header .JQdPP {
        display: block !important;
        padding-left: 16px;
        z-index: 999;
    }
}

.regional-header .kUuGPq {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    order: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    padding: 0 0 10px 25px;
    width: 100%;
    height: 56px;
}

@media (max-width: 1023px) {
    .regional-header .kUuGPq {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        order: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        height: auto;
        width: auto;
        padding: 0;
    }
}

.regional-header .kVgvTi {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -2px;
}

@media (max-width: 1200px) {
    .regional-header .kVgvTi {
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .regional-header .kVgvTi {
        margin-top: 0;
    }
}

.regional-header .kFoUqg {
    display: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    z-index: 998;
    height: 30px;
    padding: 5px 0 5px 16px;
}

@media (max-width: 1023px) {
    .regional-header .kFoUqg {
        display: inline-block;
    }
}

.regional-header .lmqNda {
    display: none;
}

@media (max-width: 1024px) {
    .regional-header .lmqNda {
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.55);
        position: fixed;
        z-index: 4;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

        .regional-header .lmqNda.show {
            opacity: 1;
            visibility: visible;
        }
}

.regional-header .lfrqTv {
    width: 220px;
    height: 24px;
    display: inline-block;
}

.regional-header .StXnH {
    display: inline-block;
    height: 30px;
    padding: 5px 0 5px 16px;
}

@media (max-width: 1023px) {
    .regional-header .StXnH {
        display: none;
    }
}

.regional-footer {
    font-family: MuseoSans, rui-icon, "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    text-align: left;
}

    .regional-footer ul {
        margin: 0;
        padding: 0;
    }

    .regional-footer li {
        list-style: none;
    }

    .regional-footer a, .regional-footer a:hover, .regional-footer a:active, .regional-footer a:focus, .regional-footer a:link {
        outline: 0;
        text-decoration: none;
    }

    .regional-footer .section .rowPanel {
        margin-left: 0px;
        margin-right: 0px;
    }

    .regional-footer .sitemap-top {
        width: 100%;
        background-color: #20282e;
        float: left;
    }

        .regional-footer .sitemap-top .section {
            max-width: 1140px;
            margin: 0 auto;
            padding: 32px 16px;
        }

            .regional-footer .sitemap-top .section .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
                background: #2f8dcd;
                height: 1px;
            }

            .regional-footer .sitemap-top .section .gradient {
                background: #20282e;
                /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(-90deg, #20282e, rgba(32, 40, 46, 0));
                /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(-90deg, #20282e, rgba(32, 40, 46, 0));
                /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(-90deg, #20282e, rgba(32, 40, 46, 0));
                /* For Firefox 3.6 to 15 */
                background: linear-gradient(-90deg, #20282e, rgba(32, 40, 46, 0));
                /* Standard syntax */
                height: 40px;
                width: 50px;
                position: absolute;
                right: 0px;
                z-index: 999;
            }

            .regional-footer .sitemap-top .section .tabBarScroll {
                max-width: 1124px;
                margin: 0 auto;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
            }

                .regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar {
                    text-align: left;
                    justify-content: space-between;
                    border-bottom: 1px solid #333f48;
                    margin: 0;
                    max-width: 1140px;
                }

@media (max-width: 64em) {
    .regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar {
        width: 1024px;
    }
}

@media (max-width: 48em) {
    .regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar {
        width: 1024px;
    }
}

.regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar .mdl-tabs__tab {
    padding: 0;
}

.regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar a {
    font-size: 14px;
    color: #d2d6da;
    text-transform: capitalize;
}

    .regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar a:hover {
        outline: none;
        border-bottom: none;
    }

    .regional-footer .sitemap-top .section .tabBarScroll .mdl-tabs__tab-bar a.is-active {
        color: #ffffff;
    }

.regional-footer .sitemap-top .section .mdl-tabs__panel {
    padding: 16px 0 16px 0;
}

    .regional-footer .sitemap-top .section .mdl-tabs__panel .showMore {
        display: none;
    }

@media (max-width: 30em) {
    .regional-footer .sitemap-top .section .mdl-tabs__panel .showMore {
        display: block;
        cursor: pointer;
        margin-top: 16px;
        color: #a5adb5;
    }
}

.regional-footer .sitemap-top .section .mdl-tabs__panel .listing {
    width: 98%;
    margin: 0 auto;
    height: auto;
}

    .regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-state {
        display: none;
    }

@media (max-width: 30em) {
    .regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-target {
        opacity: .5;
        max-height: 0;
        transition: .25s ease-in-out;
        overflow: hidden;
        position: absolute;
        top: 0px;
    }
}

.regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    max-height: 9em;
    overflow: hidden;
    position: relative;
    top: 0;
}

.regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-state:checked ~ .read-more-trigger:before {
    content: 'Less \f077';
}

.regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-state ~ .read-more-trigger:before {
    font-family: MuseoSans, FontAwesome;
    content: 'More \f078';
}

.regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-trigger {
    cursor: pointer;
    color: #a5adb5;
    font-size: 14px;
    display: none;
}

@media (max-width: 30em) {
    .regional-footer .sitemap-top .section .mdl-tabs__panel .listing .read-more-trigger {
        display: block;
    }
}

.regional-footer .sitemap-top .section .mdl-tabs__panel .listing ul {
    width: 100%;
    margin: 0px;
    padding: 0 0 32px 0;
    float: left;
}

    .regional-footer .sitemap-top .section .mdl-tabs__panel .listing ul li {
        display: inline-block;
        width: 21%;
        height: 48px;
        padding-right: 4%;
        float: left;
        list-style: none;
        margin: 16px 0 0 0;
        font-size: 14px;
    }

        .regional-footer .sitemap-top .section .mdl-tabs__panel .listing ul li a {
            color: #d2d6da;
            font-weight: 300;
        }

            .regional-footer .sitemap-top .section .mdl-tabs__panel .listing ul li a:hover {
                color: #ffffff;
            }

@media (max-width: 48em) {
    .regional-footer .sitemap-top .section .mdl-tabs__panel .listing ul li {
        width: 46%;
        padding-right: 4%;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-top .section .mdl-tabs__panel .listing ul li {
        width: 100%;
        height: auto;
    }
}

.regional-footer .sitemap-middle {
    width: 100%;
    background-color: #333f48;
    float: left;
    color: #ffffff;
}

@media (max-width: 64em) {
    .regional-footer .sitemap-middle {
        width: 100%;
        padding: 0 0;
    }
}

.regional-footer .sitemap-middle .section {
    max-width: 1130px;
    margin: 0 auto;
    padding: 16px 0;
}

    .regional-footer .sitemap-middle .section .rowPanel.order {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

@media (max-width: 64em) {
    .regional-footer .sitemap-middle .section .rowPanel.order {
        flex-direction: column;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .sitemap {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 64em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap {
        text-align: center;
        margin-left: 0px;
        margin-top: 16px;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap {
        text-align: center;
        margin-left: 0px;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul {
    display: flex;
    margin: 10px;
    padding: 0;
    float: right;
}

@media (max-width: 64em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul {
        display: inline-block;
        float: none;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li {
    display: inline-block;
    list-style: none;
    margin-left: 24px;
    height: 50px;
    line-height: 50px;
}

    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li:last-child {
        margin-right: 0px;
    }

@media (max-width: 1023px) {
    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li.mobile-hide {
        display: none;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li {
        margin-right: 0px;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li {
        margin-right: 0px;
        margin-bottom: 8px;
        float: left;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #d2d6da;
}

    .regional-footer .sitemap-middle .section .rowPanel.order .sitemap ul li a:hover {
        color: #ffffff;
    }

.regional-footer .sitemap-middle .section .rowPanel.order .social {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 64em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .social {
        text-align: center;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .social {
        padding-top: 16px;
        text-align: center;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .social ul {
    margin: 16px 0 0 0;
    padding: 0;
}

    .regional-footer .sitemap-middle .section .rowPanel.order .social ul li {
        display: inline-block;
        list-style: none;
        margin-left: 16px;
    }

@media (max-width: 48em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .social ul li {
        margin-left: 8px;
        margin-right: 8px;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .social ul li:first-child {
    margin-left: 0;
}

.regional-footer .sitemap-middle .section .rowPanel.order .social ul li a {
    font-size: 24px;
    color: #d2d6da;
}

@media (max-width: 48em) {
    .regional-footer .sitemap-middle .section .rowPanel.order .social ul li a {
        font-size: 20px;
    }
}

.regional-footer .sitemap-middle .section .rowPanel.order .social ul li a:hover {
    color: #ffffff;
}

.regional-footer .sitemap-middle .section .download {
    margin-top: 32px;
    text-align: left;
    padding-bottom: 16px;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 64em) {
    .regional-footer .sitemap-middle .section .download {
        text-align: center;
    }
}

.regional-footer .sitemap-middle .section .download ul {
    margin: 0;
    padding: 0;
}

    .regional-footer .sitemap-middle .section .download ul li {
        display: inline-block;
        list-style: none;
        margin: 0 8px 0 0;
    }

@media (max-width: 64em) {
    .regional-footer .sitemap-middle .section .download ul li {
        margin: 0 16px 0 0;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-middle .section .download ul li {
        margin: 0 4px;
    }
}

.regional-footer .sitemap-middle .section .download ul li a {
    color: rgba(255, 255, 255, 0.5);
}

    .regional-footer .sitemap-middle .section .download ul li a:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.regional-footer .sitemap-bottom {
    width: 100%;
    background-color: #333f48;
    float: left;
}

@media (max-width: 64em) {
    .regional-footer .sitemap-bottom {
        width: 96%;
        padding: 16px 2% !important;
    }
}

@media (max-width: 30em) {
    .regional-footer .sitemap-bottom {
        width: 92%;
        padding: 16px 4% !important;
    }
}

.regional-footer .sitemap-bottom .section {
    max-width: 1130px;
    margin: 0 auto;
    padding-bottom: 32px;
}

    .regional-footer .sitemap-bottom .section .title {
        font-size: 14px;
        font-weight: 700;
        color: #d2d6da;
        margin-bottom: 16px;
    }

    .regional-footer .sitemap-bottom .section .regional-network {
        font-size: 14px;
    }

        .regional-footer .sitemap-bottom .section .regional-network ul {
            margin: 0 0 16px 0;
            padding: 0;
        }

            .regional-footer .sitemap-bottom .section .regional-network ul:last-child {
                margin-bottom: 0;
            }

            .regional-footer .sitemap-bottom .section .regional-network ul li {
                list-style: none;
                display: inline-block;
                margin: 0 16px 16px 0;
                padding: 0 16px 0 0;
                line-height: 16px;
                border-right: 1px solid #d2d6da;
                color: #d2d6da;
            }

                .regional-footer .sitemap-bottom .section .regional-network ul li span {
                    color: #a5adb5;
                }

                .regional-footer .sitemap-bottom .section .regional-network ul li:last-child {
                    border-right: none;
                }

                .regional-footer .sitemap-bottom .section .regional-network ul li a {
                    font-weight: 300;
                    color: #d2d6da;
                }

                    .regional-footer .sitemap-bottom .section .regional-network ul li a:hover {
                        color: #ffffff;
                    }

.regional-footer .footer {
    width: 100%;
    padding-bottom: 24px;
    background-color: #333f48;
    float: left;
}

    .regional-footer .footer .section {
        max-width: 1130px;
        margin: 0 auto;
    }

@media (max-width: 64em) {
    .regional-footer .footer .section {
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media (max-width: 30em) {
    .regional-footer .footer .section {
        margin-left: 4%;
        margin-right: 4%;
    }
}

.regional-footer .footer .section .content {
    text-align: left;
    font-size: 14px;
    line-height: 32px;
    color: #d2d6da;
    padding-bottom: 24px;
}

.regional-signup {
    width: 100%;
    margin-top: 50px;
    float: left;
}

    .regional-signup :focus {
        outline: none;
    }

    .regional-signup .mdl-tabs__tab {
        text-transform: none;
        width: 120px;
        border-bottom: 1px solid #d8d8d8;
    }

    .regional-signup .mdl-tabs__tab-bar {
        border-bottom: none;
    }

    .regional-signup .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
        height: 2px !important;
        background: #2f8dcd !important;
    }

    .regional-signup .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:before {
        background: #cccccc !important;
    }

    .regional-signup .tabLogin {
        max-width: 344px;
        margin: 0 auto;
    }

@media (max-width: 48em) {
    .regional-signup .tabLogin {
        padding: 0 16px;
    }
}

.regional-signup .tabLogin .description {
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 40px 0;
    border-bottom: 1px solid #d2d6da;
}

.regional-signup .tabLogin .loginForm {
    padding: 40px 0;
    display: flex;
    flex-direction: column;
}

    .regional-signup .tabLogin .loginForm .rowInput {
        margin-bottom: 24px;
    }

        .regional-signup .tabLogin .loginForm .rowInput.flex {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .regional-signup .tabLogin .loginForm .rowInput.flex span {
                font-size: 14px;
                font-weight: 500;
                color: #697684;
            }

            .regional-signup .tabLogin .loginForm .rowInput.flex p {
                font-size: 14px;
                font-weight: 500;
                color: #697684;
            }

                .regional-signup .tabLogin .loginForm .rowInput.flex p a {
                    color: #333f48;
                }

        .regional-signup .tabLogin .loginForm .rowInput label {
            font-size: 14px;
            line-height: 24px;
            font-weight: 300;
            color: #333f48;
        }

        .regional-signup .tabLogin .loginForm .rowInput input[type="text"],
        .regional-signup .tabLogin .loginForm .rowInput input[type="password"] {
            width: 90%;
            font-size: 14px;
            font-weight: 300;
            color: #697684;
            background-color: #f3f4f5;
            border: 1px solid #a5adb5;
            border-radius: 3px;
            line-height: 18px;
            padding: 12px 18px;
        }

            .regional-signup .tabLogin .loginForm .rowInput input[type="text"].invalid,
            .regional-signup .tabLogin .loginForm .rowInput input[type="password"].invalid {
                border: 1px solid #ff5961;
            }

        .regional-signup .tabLogin .loginForm .rowInput input[type="checkbox"].invalid {
            outline: 1px solid #ff5961;
        }

        .regional-signup .tabLogin .loginForm .rowInput span {
            font-size: 10px;
            line-height: 28px;
            font-weight: 300;
        }

            .regional-signup .tabLogin .loginForm .rowInput span.invalid {
                color: #ff5961;
                float: right;
            }

        .regional-signup .tabLogin .loginForm .rowInput .socialSignIn {
            font-size: 14px;
            font-weight: 500;
            color: #697684;
            text-align: center;
            margin-top: 16px;
            margin-bottom: 16px;
            padding-top: 16px;
            border-top: 1px solid #d8d8d8;
        }

        .regional-signup .tabLogin .loginForm .rowInput .facebook {
            background: #1f5cb0;
        }

            .regional-signup .tabLogin .loginForm .rowInput .facebook i {
                font-size: 16px;
                margin-right: 8px;
            }

        .regional-signup .tabLogin .loginForm .rowInput h6 {
            font-size: 14px;
            font-weight: 500;
            color: #697684;
        }

            .regional-signup .tabLogin .loginForm .rowInput h6 a {
                color: #333f48;
            }

        .regional-signup .tabLogin .loginForm .rowInput button {
            width: 100%;
            background-color: #2f8dcd;
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            border-radius: 3px;
            border: 0;
            padding: 16px 0;
            cursor: pointer;
        }

.regional-signup .tabSignUp {
    max-width: 715px;
    margin: 0 auto;
}

@media (max-width: 48em) {
    .regional-signup .tabSignUp {
        padding: 0 16px;
    }
}

.regional-signup .tabSignUp .description {
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 40px 0;
    border-bottom: 1px solid #d2d6da;
}

.regional-signup .tabSignUp .signUpForm {
    padding: 40px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (max-width: 48em) {
    .regional-signup .tabSignUp .signUpForm {
        flex-direction: column;
    }
}

.regional-signup .tabSignUp .signUpForm .colLeft {
    max-width: 344px;
}

@media (max-width: 48em) {
    .regional-signup .tabSignUp .signUpForm .colLeft {
        max-width: 100%;
    }
}

.regional-signup .tabSignUp .signUpForm .colLeft .rowInput {
    margin-bottom: 16px;
    float: left;
    width: 100%;
}

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .mobileInput {
        margin-bottom: 16px;
        margin-top: 4px;
        float: left;
        width: 100%;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .mobileInput span {
            float: left;
            width: 4%;
            padding-top: 8px;
        }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .mobileInput .countryNo {
            width: 15%;
            margin-right: 2%;
            float: left;
        }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .mobileInput .phoneNo {
            width: 58%;
            float: left;
        }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .socialSignIn {
        font-size: 14px;
        font-weight: 500;
        color: #697684;
        text-align: center;
        margin-top: 16px;
        clear: both;
    }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .facebook {
        background: #1f5cb0;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .facebook i {
            font-size: 16px;
            margin-right: 8px;
        }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput label {
        font-size: 14px;
        line-height: 24px;
        font-weight: 300;
        color: #333f48;
    }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput input[type="text"],
    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput input[type="password"] {
        width: 95%;
        font-size: 14px;
        font-weight: 300;
        color: #333f48;
        background-color: #f3f4f5;
        border: 1px solid #a5adb5;
        border-radius: 3px;
        line-height: 18px;
        padding: 12px 12px;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput input[type="text"].invalid,
        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput input[type="password"].invalid {
            border: 1px solid #ff5961;
        }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput span {
        font-size: 10px;
        line-height: 28px;
        font-weight: 300;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput span.invalid {
            color: #ff5961;
            float: right;
        }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput p {
        font-size: 14px;
        font-weight: 500;
        color: #697684;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput p a {
            color: #333f48;
        }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput h6 {
        font-size: 14px;
        font-weight: 500;
        color: #697684;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput h6 a {
            color: #333f48;
        }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput button {
        width: 100%;
        background-color: #2f8dcd;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        border-radius: 3px;
        border: 0;
        padding: 16px 0;
        cursor: pointer;
    }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput.flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput.flex input[type="checkbox"] {
            width: 32px;
            margin-top: 6px;
        }

            .regional-signup .tabSignUp .signUpForm .colLeft .rowInput.flex input[type="checkbox"].invalid {
                outline: 1px solid #ff5961;
            }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput.flex p {
            font-size: 14px;
            font-weight: 500;
            color: #697684;
        }

            .regional-signup .tabSignUp .signUpForm .colLeft .rowInput.flex p a {
                color: #333f48;
            }

    .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .tickBox {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

        .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .tickBox input[type="checkbox"] {
            margin-top: 6px;
            margin-right: 8px;
        }

            .regional-signup .tabSignUp .signUpForm .colLeft .rowInput .tickBox input[type="checkbox"].invalid {
                outline: 1px solid #ff5961;
            }

.regional-signup .tabSignUp .signUpForm .colRight {
    max-width: 344px;
}

@media (max-width: 48em) {
    .regional-signup .tabSignUp .signUpForm .colRight {
        display: none;
    }
}

.regional-signup .tabSignUp .signUpForm .colRight .rowInput {
    margin-bottom: 32px;
}

    .regional-signup .tabSignUp .signUpForm .colRight .rowInput h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        margin: 0 0 4px 0;
        color: #20282e;
    }

    .regional-signup .tabSignUp .signUpForm .colRight .rowInput p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        margin: 0 0 32px 0;
        color: #697684;
        white-space: nowrap;
    }

.regional-signup .container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0px 16px 32px 16px;
}

    .regional-signup .container h2 {
        font-size: 16px;
        font-weight: 700;
        margin: 0;
    }

    .regional-signup .container p {
        font-size: 14px;
        line-height: 18px;
        color: #444444;
        font-weight: 300;
    }

        .regional-signup .container p a {
            color: #2f8dcd;
        }

    .regional-signup .container .forgetForm {
        margin: 32px 0;
    }

        .regional-signup .container .forgetForm input[type="text"],
        .regional-signup .container .forgetForm input[type="password"] {
            font-size: 14px;
            font-weight: 300;
            color: #697684;
            background-color: #f3f4f5;
            border: 1px solid #a5adb5;
            border-radius: 3px;
            padding: 8px 24px;
        }

        .regional-signup .container .forgetForm button {
            font-size: 14px;
            padding: 8px 24px;
            border: 0;
            background-color: #2f8dcd;
            border: 1px solid #2f8dcd;
            color: #ffffff;
            border-radius: 3px;
        }

.regional-policy {
    max-width: 768px;
    padding: 32px 0;
    margin: 0 auto;
}

@media (max-width: 75em) {
    .regional-policy {
        padding: 32px 16px;
    }
}

.regional-policy h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: 500;
}

.regional-policy h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    font-weight: 500;
}

.regional-policy h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    font-weight: 500;
}

.regional-policy h5 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    font-weight: 500;
}

.regional-policy h6 {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}

.regional-policy p {
    font-size: 12px;
    line-height: 16px;
    color: #444444;
    font-weight: 300;
}

.regional-policy a {
    color: #2f8dcd;
}

.regional-account {
    width: 100%;
    margin-top: 50px;
    float: left;
    font-family: MuseoSans, rui-icon, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .regional-account :focus {
        outline: none;
    }

    .regional-account .mdl-tabs__tab {
        text-transform: none;
        border-bottom: 1px solid #d8d8d8;
        padding: 0 16px 0 16px;
    }

@media (max-width: 1023px) {
    .regional-account .mdl-tabs__tab.mobile-hide {
        display: none;
    }
}

.regional-account .mdl-tabs__tab i {
    font-style: normal;
    margin-left: 4px;
    font-size: 16px;
}

@media (max-width: 75em) {
    .regional-account .mdl-tabs__tab span {
        display: none;
    }
}

.regional-account .mdl-tabs .tabBarScroll {
    font-family: MuseoSans, rui-icon, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.regional-account .mdl-tabs__tab-bar {
    border-bottom: none;
}

.regional-account .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px !important;
    background: #2f8dcd !important;
}

.regional-account .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:before {
    background: #cccccc !important;
}

.regional-account .tabContent {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 50px;
}

@media (max-width: 48em) {
    .regional-account .tabContent {
        padding: 0 16px;
    }
}

.regional-account .tabContent .propertyProfileForm {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 32px;
}

    .regional-account .tabContent .propertyProfileForm .rowPanel {
        padding: 24px 0;
        border-bottom: 1px solid #d8d8d8;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .regional-account .tabContent .propertyProfileForm .rowPanel:last-child {
            border-bottom: 0;
        }

        .regional-account .tabContent .propertyProfileForm .rowPanel .sectionTitle {
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
            color: #333f48;
            margin-bottom: 16px;
            width: 100%;
        }

        .regional-account .tabContent .propertyProfileForm .rowPanel .username {
            font-size: 16px;
            line-height: 20px;
            font-weight: 500;
            color: #697684;
        }

        .regional-account .tabContent .propertyProfileForm .rowPanel label {
            font-size: 12px;
            line-height: 22px;
            font-weight: 300;
            color: #999999;
        }

            .regional-account .tabContent .propertyProfileForm .rowPanel label span {
                color: #ff0000;
                font-size: 16px;
            }

        .regional-account .tabContent .propertyProfileForm .rowPanel input[type="text"],
        .regional-account .tabContent .propertyProfileForm .rowPanel input[type="password"] {
            border: 1px solid #d2d6da;
            border-radius: 3px;
            background-color: #f3f4f6;
            width: 100%;
            font-weight: 300;
            color: #697684;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 8px;
            padding: 12px 18px;
        }

            .regional-account .tabContent .propertyProfileForm .rowPanel input[type="text"].invalid .regional-account .tabContent .propertyProfileForm .rowPanel input[type="password"].invalid {
                border: 1px solid #ff0000;
            }

        .regional-account .tabContent .propertyProfileForm .rowPanel .selectBox {
            width: 48%;
            margin-bottom: 8px;
            display: flex;
            flex-direction: column;
        }

            .regional-account .tabContent .propertyProfileForm .rowPanel .selectBox .nice-select {
                border: 1px solid #d2d6da;
                background-color: #f3f4f6;
                border-radius: 3px;
                color: #697684;
            }

                .regional-account .tabContent .propertyProfileForm .rowPanel .selectBox .nice-select .current {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    width: 100%;
                    -webkit-box-orient: vertical;
                }

                .regional-account .tabContent .propertyProfileForm .rowPanel .selectBox .nice-select .list {
                    overflow-y: auto;
                    max-height: 300px;
                    height: auto;
                    border-radius: 3px;
                    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
                }

@media(max-width:713px) {
    .regional-account .tabContent .propertyProfileForm .rowPanel .selectBox .nice-select .list {
        max-width: 250px;
    }
}
/*@media(max-width:532px){
                .regional-account .tabContent .propertyProfileForm .rowPanel .selectBox .nice-select .list{
                    max-width:initial; }}*/
.regional-account .tabContent .propertyProfileForm .rowPanel .buttonContainer {
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

    .regional-account .tabContent .propertyProfileForm .rowPanel .buttonContainer button,
    .regional-account .tabContent .propertyProfileForm .rowPanel .buttonContainer input[type="submit"] {
        color: #ffffff;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        background-color: #2f8dcd;
        padding: 8px 16px;
        border: 0;
        border-radius: 3px;
        cursor: pointer;
    }

.regional-account .tabContent .propertyProfileForm .rowPanel .mobileInput {
    margin-bottom: 16px;
    margin-top: 4px;
    float: left;
    width: 100%;
}

    .regional-account .tabContent .propertyProfileForm .rowPanel .mobileInput span {
        float: left;
        width: 4%;
        padding-top: 8px;
    }

    .regional-account .tabContent .propertyProfileForm .rowPanel .mobileInput .countryNo {
        width: 18%;
        margin-right: 2%;
        float: left;
    }

    .regional-account .tabContent .propertyProfileForm .rowPanel .mobileInput .phoneNo {
        width: 72%;
        float: left;
    }

.regional-account .tabContent .shortlistForm ul {
    float: left;
    margin: 32px 0 32px 0;
    padding: 0;
}

@media (max-width: 75em) {
    .regional-account .tabContent .shortlistForm ul {
        float: none;
        text-align: center;
    }
}

.regional-account .tabContent .shortlistForm ul li {
    display: inline-block;
    text-align: left;
    list-style: none;
    margin: 0 8px 24px 8px;
    width: 360px;
    height: 386px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 406px) {
    .regional-account .tabContent .shortlistForm ul li {
        width: 96%;
    }
}

.regional-account .tabContent .shortlistForm ul li .cardItem {
    width: 100%;
}

    .regional-account .tabContent .shortlistForm ul li .cardItem .cardImage {
        width: 100%;
        position: relative;
    }

        .regional-account .tabContent .shortlistForm ul li .cardItem .cardImage .image {
            width: 100%;
            height: 180px;
            overflow: hidden;
            text-align: center;
        }

        .regional-account .tabContent .shortlistForm ul li .cardItem .cardImage .price {
            width: 100%;
            padding-top: 16px;
            position: absolute;
            bottom: 0;
            font-weight: 700;
            color: #ffffff;
            text-shadow: 0 1px 2px #000000;
            background: linear-gradient(transparent, black);
            height: 32px;
        }

            .regional-account .tabContent .shortlistForm ul li .cardItem .cardImage .price span {
                padding: 0 8px 0 16px;
                border-right: 2px solid #ffffff;
            }

                .regional-account .tabContent .shortlistForm ul li .cardItem .cardImage .price span:last-child {
                    border-right: 0;
                    padding: 0 8px;
                }

    .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody {
        color: #333f48;
        font-weight: 500;
        padding: 16px;
    }

        .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody .propertyName {
            font-size: 16px;
            line-height: 20px;
            height: 42px;
            margin-bottom: 16px;
        }

            .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody .propertyName a {
                color: #333f48;
                text-decoration: none;
            }

        .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody .propertyInfo {
            font-size: 14px;
            line-height: 18px;
        }

            .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody .propertyInfo .type {
                margin-bottom: 4px;
            }

            .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody .propertyInfo .builtUp {
                margin-bottom: 4px;
            }

            .regional-account .tabContent .shortlistForm ul li .cardItem .cardBody .propertyInfo .feature {
                font-size: 14px;
                line-height: 18px;
            }

    .regional-account .tabContent .shortlistForm ul li .cardItem .cardFooter {
        margin-top: 16px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .regional-account .tabContent .shortlistForm ul li .cardItem .cardFooter .extra {
            height: 16px;
        }

            .regional-account .tabContent .shortlistForm ul li .cardItem .cardFooter .extra ul {
                margin: 0;
                padding: 0;
            }

                .regional-account .tabContent .shortlistForm ul li .cardItem .cardFooter .extra ul li {
                    list-style: none;
                    margin-right: 8px;
                    background-color: none;
                    width: auto;
                    height: auto;
                    box-shadow: none;
                    line-height: 16px;
                }

        .regional-account .tabContent .shortlistForm ul li .cardItem .cardFooter button {
            color: #697684;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
            background-color: #ffffff;
            border: 1px solid #697684;
            border-radius: 3px;
            padding: 8px 0;
            width: 86px;
            cursor: pointer;
        }

.regional-account .tabContent .genericForm {
    max-width: 750px;
    margin: 0 auto;
    margin-top: 32px;
}

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