/**
 * PLEASE READ THIS COMMENT BEFORE MODIFYING!!!
 * ============================================
 * This file defines the root dependencies for every stylesheet. This file should only include variables, mixins,
 * functions, etc. BUT NO ACTUAL CLASS DECLARATIONS as it may be imported multiple times in the same page. For example,
 * `font-faces` is not included here as it would create duplicated code if included multiple times.
 * ============================================
 */
/**
 * PLEASE READ THIS COMMENT BEFORE USING OR MODIFYING!!!
 * =====================================================
 * These colours are the base Vend colours. They are suffixed by the `http://chir.ag/projects/name-that-color/` service
 * and SHOULD NOT BE USED DIRECTLY by any scss component. Rather the semantic colour references should be used, which
 * are defined in this files siblings.
 * =====================================================
 */
body {
    margin: 0;
    padding: 0;
    background-color: #F0F4F4;
    color: #3A4953;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

a:link {
    text-decoration: none;
}

a, button, input, textarea, select, details, [ng-click], .vd-fast-tap {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "vend-icons";
    src: url("../../fonts/vend-icons.woff2") format("woff2"), url("../../fonts/vend-icons.woff") format("woff");
}

.vd-i {
    display: inline-block;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: "vend-icons";
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vd-i-assignment:before {
    content: "\EA01";
}

.vd-i-back-arrow:before {
    content: "\EA02";
}

.vd-i-circle-check:before {
    content: "\EA03";
}

.vd-i-coins:before {
    content: "\EA04";
}

.vd-i-collections:before {
    content: "\EA05";
}

.vd-i-customers:before {
    content: "\EA06";
}

.vd-i-design:before {
    content: "\EA07";
}

.vd-i-outlet:before {
    content: "\EA08";
}

.vd-i-park:before {
    content: "\EA09";
}

.vd-i-products:before {
    content: "\EA0A";
}

.vd-i-receipt:before {
    content: "\EA0B";
}

.vd-i-sale-history:before {
    content: "\EA0C";
}

.vd-i-sign-out:before {
    content: "\EA0D";
}

.vd-i-store-link:before {
    content: "\EA0E";
}

.vd-i-tags:before {
    content: "\EA0F";
}

.vd-i-times:before {
    content: "\EA10";
}

.vd-i-uneditable:before {
    content: "\EA11";
}

.vd-i-variant:before {
    content: "\EA12";
}

.vd-i-vend-logo:before {
    content: "\EA13";
}

.vd-i-vend-tag-logo:before {
    content: "\EA14";
}

.vd-i-vend-u:before {
    content: "\EA15";
}

.vd-i-walk:before {
    content: "\EA16";
}

.vd-i-wifi-out:before {
    content: "\EA17";
}

.vd-i-sell:before {
    content: "\EA18";
}

.vd-i-training:before {
    content: "\EA19";
}

.vd-i-history:before {
    content: "\EA1A";
}

.vd-i-setup:before {
    content: "\EA1B";
}

.vd-i-phone-support:before {
    content: "\EA1C";
}

.vd-i-verified-badge:before {
    content: "\EA1D";
}

.vd-i-circle-trash:before {
    content: "\EA20";
}

.vd-i-right-arrow:before {
    content: "\EA21";
}

@font-face {
    font-weight: 100;
    font-style: normal;
    font-family: 'lato';
    src: url("../../fonts/lato-hairline.woff2") format("woff2"), url("../../fonts/lato-hairline.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: 'lato';
    src: url("../../fonts/lato-light.woff2") format("woff2"), url("../../fonts/lato-light.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'lato';
    src: url("../../fonts/lato-regular.woff2") format("woff2"), url("../../fonts/lato-regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: 'lato';
    src: url("../../fonts/lato-bold.woff2") format("woff2"), url("../../fonts/lato-bold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: 'lato';
    src: url("../../fonts/lato-black.woff2") format("woff2"), url("../../fonts/lato-black.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'Fira Mono';
    src: url("../../fonts/fira-mono-regular.woff2") format("woff2"), url("../../fonts/fira-mono-regular.woff") format("woff");
}

.vd-text-grand {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.16667;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-hero {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.5;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-heading {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-sub-heading {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-intro {
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-signpost {
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    letter-spacing: 0.15em;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-label {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-body {
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-supplementary {
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-mini-signpost {
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    font-weight: 900;
    font-size: 10px;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-mini-copy {
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-button {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-no-wrap {
    white-space: nowrap;
}

.vd-colour-do {
    color: #41AF4B;
}

.vd-colour-go {
    color: #008AE8;
}

.vd-colour-no {
    color: #E6643C;
}

.vd-checkbox-input, .vd-radio-input, .vd-switch-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    margin: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

@-webkit-keyframes vd-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes vd-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes vd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes vd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes vd-flash {
    0% {
        opacity: 0;
    }
    30%, 70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes vd-flash {
    0% {
        opacity: 0;
    }
    30%, 70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.vd-fade-out {
    -webkit-animation-name: vd-flash;
    animation-name: vd-flash;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#vd-viewport-identifier {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
}

#vd-viewport-identifier::before {
    visibility: hidden;
}

@media only screen and (max-width: 480px) {
    #vd-viewport-identifier {
        vd-content: "xsmall";
    }

    #vd-viewport-identifier::before {
        content: "xsmall";
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    #vd-viewport-identifier {
        vd-content: "small";
    }

    #vd-viewport-identifier::before {
        content: "small";
    }
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
    #vd-viewport-identifier {
        vd-content: "medium";
    }

    #vd-viewport-identifier::before {
        content: "medium";
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    #vd-viewport-identifier {
        vd-content: "large";
    }

    #vd-viewport-identifier::before {
        content: "large";
    }
}

@media only screen and (min-width: 1201px) {
    #vd-viewport-identifier {
        vd-content: "xlarge";
    }

    #vd-viewport-identifier::before {
        content: "xlarge";
    }
}

.vd-g-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.vd-g-row .vd-g-row {
    max-width: none;
}

.vd-g-col {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    box-sizing: border-box;
    min-width: 0;
}

.vd-g-s-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.vd-g-s-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.vd-g-s-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.vd-g-s-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.vd-g-s-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.vd-g-s-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.vd-g-s-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.vd-g-s-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.vd-g-s-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.vd-g-s-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.vd-g-s-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.vd-g-s-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.vd-g-s-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-1 > .vd-g-col {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.vd-g-s-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-2 > .vd-g-col {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.vd-g-s-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-3 > .vd-g-col {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.vd-g-s-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-4 > .vd-g-col {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.vd-g-s-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-5 > .vd-g-col {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.vd-g-s-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-6 > .vd-g-col {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.vd-g-s-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-7 > .vd-g-col {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
}

.vd-g-s-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-g-s-up-8 > .vd-g-col {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

@media only screen and (max-width: 480px) {
    .vd-g-xs-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .vd-g-xs-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-xs-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-xs-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-xs-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .vd-g-xs-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-xs-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .vd-g-xs-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .vd-g-xs-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .vd-g-xs-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .vd-g-xs-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .vd-g-xs-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-xs-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-1 > .vd-g-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-xs-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-2 > .vd-g-col {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-xs-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-3 > .vd-g-col {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-xs-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-4 > .vd-g-col {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-xs-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-5 > .vd-g-col {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .vd-g-xs-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-6 > .vd-g-col {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-xs-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-7 > .vd-g-col {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .vd-g-xs-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xs-up-8 > .vd-g-col {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media only screen and (min-width: 769px) {
    .vd-g-m-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .vd-g-m-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-m-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-m-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-m-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .vd-g-m-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-m-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .vd-g-m-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .vd-g-m-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .vd-g-m-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .vd-g-m-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .vd-g-m-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-m-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-1 > .vd-g-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-m-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-2 > .vd-g-col {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-m-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-3 > .vd-g-col {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-m-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-4 > .vd-g-col {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-m-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-5 > .vd-g-col {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .vd-g-m-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-6 > .vd-g-col {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-m-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-7 > .vd-g-col {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .vd-g-m-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-m-up-8 > .vd-g-col {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media only screen and (min-width: 1001px) {
    .vd-g-l-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .vd-g-l-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-l-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-l-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-l-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .vd-g-l-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-l-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .vd-g-l-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .vd-g-l-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .vd-g-l-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .vd-g-l-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .vd-g-l-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-l-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-1 > .vd-g-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-l-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-2 > .vd-g-col {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-l-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-3 > .vd-g-col {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-l-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-4 > .vd-g-col {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-l-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-5 > .vd-g-col {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .vd-g-l-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-6 > .vd-g-col {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-l-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-7 > .vd-g-col {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .vd-g-l-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-l-up-8 > .vd-g-col {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media only screen and (min-width: 1201px) {
    .vd-g-xl-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .vd-g-xl-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-xl-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-xl-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-xl-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .vd-g-xl-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-xl-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .vd-g-xl-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .vd-g-xl-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .vd-g-xl-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .vd-g-xl-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .vd-g-xl-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-xl-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-1 > .vd-g-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vd-g-xl-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-2 > .vd-g-col {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .vd-g-xl-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-3 > .vd-g-col {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .vd-g-xl-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-4 > .vd-g-col {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .vd-g-xl-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-5 > .vd-g-col {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .vd-g-xl-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-6 > .vd-g-col {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .vd-g-xl-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-7 > .vd-g-col {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .vd-g-xl-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vd-g-xl-up-8 > .vd-g-col {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

.vd-g-row--gutter-l {
    margin: -12px;
    max-width: 1124px;
}

.vd-g-row--gutter-l > .vd-g-col {
    padding: 12px;
}

.vd-align-left {
    text-align: left !important;
}

.vd-align-center {
    text-align: center !important;
}

.vd-align-right {
    text-align: right !important;
}

.vd-input {
    box-sizing: border-box;
    margin: 0;
    padding: 6.5px;
    width: 100%;
    outline: none;
    box-shadow: none;
    color: #3A4953;
    word-break: normal;
    font-weight: 400;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    cursor: text;
    transition: all 0.2s;
    transition-property: border-color, box-shadow;
}

.vd-input::-webkit-input-placeholder {
    color: #6692B0;
}

.vd-input:-ms-input-placeholder {
    color: #6692B0;
}

.vd-input::placeholder {
    color: #C0C0C0;
}

.vd-input:disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-input:focus, .vd-input.vd-focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px #008AE8;
}

.vd-input.vd-input--error, .vd-input.vd-error, .vd-input.ng-invalid.ng-dirty,
.ng-submitted .vd-input.ng-invalid {
    border-color: #E6643C;
}

.vd-input.vd-input--error:focus, .vd-input.vd-input--error.vd-focus, .vd-input.vd-error:focus, .vd-input.vd-error.vd-focus, .vd-input.ng-invalid.ng-dirty:focus, .vd-input.ng-invalid.ng-dirty.vd-focus,
.ng-submitted .vd-input.ng-invalid:focus,
.ng-submitted .vd-input.ng-invalid.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-input-error-message-section {
    display: block;
    margin-top: 8px;
    color: #E6643C;
    font-size: 12px;
}

.vd-input-error-message-section .vd-input-error-message-text {
    margin-left: 4px;
}

.vd-input--icon-left {
    padding-left: 35px;
}

.vd-input--icon-right {
    padding-right: 35px;
}

.vd-input-icon {
    position: absolute;
    top: 15px;
    color: #6692B0;
    pointer-events: none;
}

.vd-input-icon--left {
    left: 10px;
}

.vd-input-icon--right {
    right: 10px;
}

.vd-input--text-align-right {
    text-align: right;
}

.vd-input--text-align-left {
    text-align: left;
}

.vd-input-symbol {
    line-height: 1;
}

.vd-textarea {
    display: block;
    overflow: hidden;
    line-height: 19.99995px;
    resize: none;
}

.vd-textarea--scrollable {
    overflow: visible;
}

.vd-autocomplete-input-container {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vd-autocomplete-input-container.vd-input--error .vd-autocomplete-input, .vd-autocomplete-input-container.vd-error .vd-autocomplete-input, .vd-autocomplete-input-container.ng-invalid.ng-dirty .vd-autocomplete-input,
.ng-submitted .vd-autocomplete-input-container.ng-invalid .vd-autocomplete-input {
    border-color: #E6643C;
}

.vd-autocomplete-input-container.vd-input--error .vd-autocomplete-input:focus, .vd-autocomplete-input-container.vd-input--error .vd-autocomplete-input.vd-focus, .vd-autocomplete-input-container.vd-error .vd-autocomplete-input:focus, .vd-autocomplete-input-container.vd-error .vd-autocomplete-input.vd-focus, .vd-autocomplete-input-container.ng-invalid.ng-dirty .vd-autocomplete-input:focus, .vd-autocomplete-input-container.ng-invalid.ng-dirty .vd-autocomplete-input.vd-focus,
.ng-submitted .vd-autocomplete-input-container.ng-invalid .vd-autocomplete-input:focus,
.ng-submitted .vd-autocomplete-input-container.ng-invalid .vd-autocomplete-input.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-autocomplete-input-typeahead {
    position: absolute;
    top: 1px;
    left: 1px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    width: auto;
    outline: none;
    color: #3A4953;
    color: #6692B0;
    white-space: nowrap;
    word-break: normal;
    font-weight: 400;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    opacity: 1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vd-autocomplete-input-typeahead::-webkit-input-placeholder {
    color: #6692B0;
}

.vd-autocomplete-input-typeahead:-ms-input-placeholder {
    color: #6692B0;
}

.vd-autocomplete-input-typeahead::placeholder {
    color: #6692B0;
}

.vd-autocomplete-input-typeahead:disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-input--icon-left + .vd-autocomplete-input-typeahead {
    padding-left: 35px;
}

.vd-autocomplete-input-typeahead-match {
    visibility: hidden;
}

.vd-autocomplete-filter {
    display: block;
}

.vd-autocomplete-filter.vd-input--error vd-autocomplete-multi, .vd-autocomplete-filter.vd-error vd-autocomplete-multi, .vd-autocomplete-filter.ng-invalid.ng-dirty vd-autocomplete-multi,
.ng-submitted .vd-autocomplete-filter.ng-invalid vd-autocomplete-multi {
    border-color: #E6643C;
}

.vd-autocomplete-filter.vd-input--error vd-autocomplete-multi:focus, .vd-autocomplete-filter.vd-input--error vd-autocomplete-multi.vd-focus, .vd-autocomplete-filter.vd-error vd-autocomplete-multi:focus, .vd-autocomplete-filter.vd-error vd-autocomplete-multi.vd-focus, .vd-autocomplete-filter.ng-invalid.ng-dirty vd-autocomplete-multi:focus, .vd-autocomplete-filter.ng-invalid.ng-dirty vd-autocomplete-multi.vd-focus,
.ng-submitted .vd-autocomplete-filter.ng-invalid vd-autocomplete-multi:focus,
.ng-submitted .vd-autocomplete-filter.ng-invalid vd-autocomplete-multi.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-autocomplete-filter-input-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
}

.vd-autocomplete-filter-input-container .vd-select {
    padding-left: 34px;
    border-right: 1px solid #E5EAED;
    border-radius: 3px 0 0 3px;
    transition: none;
}

.vd-autocomplete-filter-input-container .vd-lozenge-group {
    border-left: 1px solid #E5EAED;
    border-radius: 0px 3px 3px 0px;
}

.vd-autocomplete-filter-input-container vd-autocomplete-multi {
    width: 100%;
    transition: none;
}

.vd-autocomplete-selector-container {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 130px;
    flex-basis: 130px;
    -ms-flex-preferred-size: 130px;
    -ms-flex-negative: 0;
}

.vd-autocomplete-select-placeholder {
    padding: 12px;
    padding-left: 34px;
    border: 2px solid #E5EAED;
    border-right: 1px solid #E5EAED;
    border-radius: 3px;
    border-radius: 3px 0 0 3px;
    background-color: #FFFFFF;
    box-shadow: none;
    text-transform: capitalize;
    transition: all 0.2s;
    transition-property: border-color, box-shadow;
}

.vd-autocomplete-select-placeholder:focus, .vd-autocomplete-select-placeholder.vd-focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px #008AE8;
}

.vd-autocomplete-select-placeholder.vd-input--error, .vd-autocomplete-select-placeholder.vd-error, .vd-autocomplete-select-placeholder.ng-invalid.ng-dirty,
.ng-submitted .vd-autocomplete-select-placeholder.ng-invalid {
    border-color: #E6643C;
}

.vd-autocomplete-select-placeholder.vd-input--error:focus, .vd-autocomplete-select-placeholder.vd-input--error.vd-focus, .vd-autocomplete-select-placeholder.vd-error:focus, .vd-autocomplete-select-placeholder.vd-error.vd-focus, .vd-autocomplete-select-placeholder.ng-invalid.ng-dirty:focus, .vd-autocomplete-select-placeholder.ng-invalid.ng-dirty.vd-focus,
.ng-submitted .vd-autocomplete-select-placeholder.ng-invalid:focus,
.ng-submitted .vd-autocomplete-select-placeholder.ng-invalid.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-autocomplete-filter-icon {
    position: absolute;
    z-index: 1;
    margin-top: 14px;
    margin-left: 14px;
    color: #6692B0;
}

.vd-autocomplete-filter-button-label {
    text-transform: capitalize;
}

.vd-action-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 45px;
    background-color: #E5EAED;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
}

@media only screen and (max-width: 768px) {
    .vd-action-bar {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.vd-action-bar--inline {
    padding: 8px 16px;
}

.vd-avatar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 5px;
    background-color: #E5EAED;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

.vd-avatar.vd-avatar--small {
    width: 50px;
    height: 50px;
}

.vd-avatar.vd-avatar--x-small {
    width: 35px;
    height: 35px;
}

.vd-avatar.vd-avatar--deleted-image {
    background-color: #E6643C;
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-avatar .deleted-state-icon {
    color: #FFFFFF;
}

.vd-avatar--initials {
    margin: 0;
    color: #FFFFFF;
    text-align: center;
    word-wrap: normal;
    word-break: break-word;
    word-break: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-avatar--initials.vd-avatar--x-small {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-avatar--initials.vd-avatar--small {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-avatar--initials.vd-avatar--initials-1 {
    background-color: #D77173;
}

.vd-avatar--initials.vd-avatar--initials-2 {
    background-color: #F49B8C;
}

.vd-avatar--initials.vd-avatar--initials-3 {
    background-color: #F2C17B;
}

.vd-avatar--initials.vd-avatar--initials-4 {
    background-color: #678E98;
}

.vd-avatar--initials.vd-avatar--initials-5 {
    background-color: #99C8D4;
}

.vd-avatar--initials.vd-avatar--initials-6 {
    background-color: #AA88B5;
}

.vd-avatar--initials.vd-avatar--initials-7 {
    background-color: #62676F;
}

.vd-avatar-multi {
    width: 76px;
    height: 76px;
}

.vd-avatar-multi-tile {
    position: relative;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #F0F4F4;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vd-avatar-multi-tile[vd-lazy-load*="placeholder.svg"] {
    background-size: 60px;
}

.vd-avatar-multi-tile--remainder {
    background-color: #BECBCF;
}

.vd-avatar-multi-count {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@supports ((display: -ms-grid) or (display: grid)) {
    .vd-avatar-multi {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (36px) [ 2 ];
        grid-template-columns: repeat(2, 36px);
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vd-avatar-multi-tile:only-child {
        grid-area: 2 span / 2 span;
    }

    .vd-avatar-multi-tile:first-child:nth-last-child(3) {
        grid-area: 2 span;
    }
}

@supports not ((display: -ms-grid) or (display: grid)) {
    .vd-avatar-multi {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 76px;
        height: 76px;
    }

    .vd-avatar-multi-tile {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        border: 2px solid #FFFFFF;
        border-radius: 5px;
    }
}

.vd-banner-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1100px;
    -ms-flex-pack: center;
    -ms-flex-align: baseline;
}

.vd-banner-feedback {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #3a9c43;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
}

.vd-banner-wrapper,
.vd-banner-feedback {
    padding: var(--vd-section-padding-v) var(--vd-section-padding-h);
}

@supports not (--a: 0) {
    .vd-banner-wrapper,
    .vd-banner-feedback {
        padding: 24px 48px;
    }
}

.vd-banner-content {
    display: inline-block;
}

.vd-banner-icon {
    margin-right: 8px;
}

.vd-banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 15px;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
}

.vd-banner--dismissed {
    display: none;
}

.vd-banner--info,
.vd-banner--activation {
    border: none;
    border-right: none;
    border-left: none;
    background-color: #6692B0;
    color: #FFFFFF;
}

.vd-banner--info .vd-link,
.vd-banner--info .vd-link:hover,
.vd-banner--info .vd-link:visited,
.vd-banner--info .vd-btn--link,
.vd-banner--info .vd-btn--link:hover,
.vd-banner--activation .vd-link,
.vd-banner--activation .vd-link:hover,
.vd-banner--activation .vd-link:visited,
.vd-banner--activation .vd-btn--link,
.vd-banner--activation .vd-btn--link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.vd-banner--negative {
    border: none;
    border-right: none;
    border-left: none;
    background-color: #E6643C;
    color: #FFFFFF;
}

.vd-banner--negative .vd-link,
.vd-banner--negative .vd-link:hover,
.vd-banner--negative .vd-link:visited,
.vd-banner--negative .vd-btn--link,
.vd-banner--negative .vd-btn--link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.vd-banner--success {
    border: none;
    border-right: none;
    border-left: none;
    background-color: #41AF4B;
    color: #FFFFFF;
}

.vd-banner--success .vd-link,
.vd-banner--success .vd-link:hover,
.vd-banner--success .vd-link:visited,
.vd-banner--success .vd-btn--link,
.vd-banner--success .vd-btn--link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.vd-banner--warning {
    border: none;
    border-right: none;
    border-left: none;
    background-color: #E8BC34;
    color: #FFFFFF;
}

.vd-banner--warning .vd-link,
.vd-banner--warning .vd-link:hover,
.vd-banner--warning .vd-link:visited,
.vd-banner--warning .vd-btn--link,
.vd-banner--warning .vd-btn--link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

@media only screen and (max-width: 1000px) {
    .vd-banner-wrapper,
    .vd-banner-feedback {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        box-sizing: border-box;
    }
}

.vd-bg--setup,
.vd-bg--upsell {
    background: #F0F4F4 url("//vendfrontendassets.global.ssl.fastly.net/images/backgrounds/dashboard-upsell-bg-v1.svg");
}

.vd-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 100vh;
}

.vd-body--no-scroll {
    overflow: hidden;
}

.vd-is-ios,
.vd-is-ios body,
.vd-is-ios .vd-body {
    height: 100%;
}

.vd-button-group {
    margin: -4px;
}

.vd-button-group.vd-button-group--nowrap {
    white-space: nowrap;
}

.vd-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 4px;
    padding:7.5px 10px;
    outline: none;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    cursor: pointer;
    transition: all 0.2s;
    transition-property: background, color, border;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-button:first-child {
    margin-left: 0;
}

.vd-button:last-child {
    margin-right: 0;
}

.vd-button-group .vd-button {
    margin: 4px;
}

.vd-button.vd-button--big {
    padding: 16px 32px;
    font-size: 18px;
    line-height: 1.22222;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-button.vd-button--inline {
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: underline;
    font-weight: inherit;
}

.vd-button.vd-button--inline:not(:disabled):hover {
    color: #008AE8;
}

.vd-button.vd-button--panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 8px;
    padding: 12px 20px;
    min-width: 120px;
    min-height: 120px;
    border: 1px solid #E5EAED;
    background-color: #FFFFFF;
    color: #3A4953;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-positive: 1;
}

.vd-button.vd-button--panel:focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px #008AE8;
}

.vd-button.vd-button--panel:hover {
    border-color: #089bff;
    border-color: #008AE8;
    background-color: white;
    box-shadow: 0 0 3px 2px rgba(0, 138, 232, 0.35);
}

.vd-button.vd-button--panel:active {
    border-color: #0081d9;
    background-color: #f7f7f7;
}

.vd-button.vd-button--panel.vd-button--primary {
    border-color: #41AF4B;
    background-color: #FFFFFF;
    color: #41AF4B;
}

.vd-button.vd-button--panel.vd-button--primary:focus {
    border-color: #41AF4B;
    box-shadow: 0 0 3px #41AF4B;
}

.vd-button.vd-button--panel.vd-button--primary:hover {
    border-color: #50be5a;
    border-color: #41AF4B;
    background-color: white;
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-button.vd-button--panel.vd-button--primary:active {
    border-color: #3da446;
    background-color: #f7f7f7;
}

.vd-button.vd-button--panel.vd-button--secondary {
    border-color: #6692B0;
    background-color: #FFFFFF;
    color: #6692B0;
}

.vd-button.vd-button--panel.vd-button--secondary:focus {
    border-color: #6692B0;
    box-shadow: 0 0 3px #6692B0;
}

.vd-button.vd-button--panel.vd-button--secondary:hover {
    border-color: #7aa0ba;
    border-color: #6692B0;
    background-color: white;
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-button.vd-button--panel.vd-button--secondary:active {
    border-color: #5c8bab;
    background-color: #f7f7f7;
}

.vd-button.vd-button--panel.vd-button--negative {
    border-color: #E6643C;
    background-color: #FFFFFF;
    color: #E6643C;
}

.vd-button.vd-button--panel.vd-button--negative:focus {
    border-color: #E6643C;
    box-shadow: 0 0 3px #E6643C;
}

.vd-button.vd-button--panel.vd-button--negative:hover {
    border-color: #e97a57;
    border-color: #E6643C;
    background-color: white;
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-button.vd-button--panel.vd-button--negative:active {
    border-color: #e4592e;
    background-color: #f7f7f7;
}

.vd-button.vd-button--primary {
    background-color: #41AF4B;
    color: #FFFFFF;
}

.vd-button.vd-button--primary:focus {
    border: 1px solid #41AF4B;
    box-shadow: 0 0 0px 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(65, 175, 75, 0.35), 0 0 0px 3px rgba(65, 175, 75, 0.6);
}

.vd-button.vd-button--primary:disabled, .vd-button.vd-button--primary.disabled, .vd-button.vd-button--primary:disabled:hover, .vd-button.vd-button--primary[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--primary:hover {
    background-color: #50be5a;
}

.vd-button.vd-button--primary:active {
    border-color: #41AF4B;
    background-color: #3da446;
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-button.vd-button--primary.vd-button--text {
    border: 1px solid transparent;
    background: transparent;
    color: #41AF4B;
}

.vd-button.vd-button--primary.vd-button--text:focus {
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-button.vd-button--primary.vd-button--text.vd-button--table {
    padding: 0;
    color: inherit;
    font-size: 18px;
}

.vd-button.vd-button--primary.vd-button--text.vd-button--table:disabled, .vd-button.vd-button--primary.vd-button--text.vd-button--table.disabled, .vd-button.vd-button--primary.vd-button--text.vd-button--table:disabled:hover, .vd-button.vd-button--primary.vd-button--text.vd-button--table[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--primary.vd-button--text:disabled, .vd-button.vd-button--primary.vd-button--text.disabled, .vd-button.vd-button--primary.vd-button--text:disabled:hover, .vd-button.vd-button--primary.vd-button--text[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--primary.vd-button--text:not(:disabled):hover, .vd-button.vd-button--primary.vd-button--text:not(:disabled):active {
    border-color: #41AF4B;
    background-color: #41AF4B;
    color: #FFFFFF;
}

.vd-button.vd-button--primary.vd-button--text:not(:disabled):hover.vd-button--subtle, .vd-button.vd-button--primary.vd-button--text:not(:disabled):active.vd-button--subtle {
    border-color: #E5EAED;
    background-color: transparent;
    color: #41AF4B;
}

.vd-button.vd-button--primary.vd-button--text:not(:disabled):hover.vd-button--table, .vd-button.vd-button--primary.vd-button--text:not(:disabled):active.vd-button--table {
    border-color: transparent;
    background-color: transparent;
    color: #41AF4B;
}

.vd-button.vd-button--primary.vd-button--icon {
    padding: 12px 14px;
    min-width: 0;
    border: 1px solid transparent;
    background: transparent;
    color: #6692B0;
}

.vd-button.vd-button--primary.vd-button--icon:focus {
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-button.vd-button--primary.vd-button--icon.vd-button--table {
    padding: 0;
    color: inherit;
    font-size: 18px;
}

.vd-button.vd-button--primary.vd-button--icon.vd-button--table:disabled, .vd-button.vd-button--primary.vd-button--icon.vd-button--table.disabled, .vd-button.vd-button--primary.vd-button--icon.vd-button--table:disabled:hover, .vd-button.vd-button--primary.vd-button--icon.vd-button--table[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--primary.vd-button--icon:disabled, .vd-button.vd-button--primary.vd-button--icon.disabled, .vd-button.vd-button--primary.vd-button--icon:disabled:hover, .vd-button.vd-button--primary.vd-button--icon[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--primary.vd-button--icon:not(:disabled):hover, .vd-button.vd-button--primary.vd-button--icon:not(:disabled):active {
    border-color: #41AF4B;
    background-color: #41AF4B;
    color: #FFFFFF;
}

.vd-button.vd-button--primary.vd-button--icon:not(:disabled):hover.vd-button--subtle, .vd-button.vd-button--primary.vd-button--icon:not(:disabled):active.vd-button--subtle {
    border-color: #E5EAED;
    background-color: transparent;
    color: #41AF4B;
}

.vd-button.vd-button--primary.vd-button--icon:not(:disabled):hover.vd-button--table, .vd-button.vd-button--primary.vd-button--icon:not(:disabled):active.vd-button--table {
    border-color: transparent;
    background-color: transparent;
    color: #41AF4B;
}

.vd-button.vd-button--primary.vd-button--icon.vd-button--big {
    padding: 16px 20px;
}

.vd-button.vd-button--secondary {
    background-color: #6692B0;
    color: #FFFFFF;
}

.vd-button.vd-button--secondary:focus {
    border: 1px solid #6692B0;
    box-shadow: 0 0 0px 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(102, 146, 176, 0.35), 0 0 0px 3px rgba(102, 146, 176, 0.6);
}

.vd-button.vd-button--secondary:disabled, .vd-button.vd-button--secondary.disabled, .vd-button.vd-button--secondary:disabled:hover, .vd-button.vd-button--secondary[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--secondary:hover {
    background-color: #7aa0ba;
}

.vd-button.vd-button--secondary:active {
    border-color: #6692B0;
    background-color: #5c8bab;
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-button.vd-button--secondary.vd-button--text {
    border: 1px solid transparent;
    background: transparent;
    color: #6692B0;
}

.vd-button.vd-button--secondary.vd-button--text:focus {
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-button.vd-button--secondary.vd-button--text.vd-button--table {
    padding: 0;
    color: inherit;
    font-size: 18px;
}

.vd-button.vd-button--secondary.vd-button--text.vd-button--table:disabled, .vd-button.vd-button--secondary.vd-button--text.vd-button--table.disabled, .vd-button.vd-button--secondary.vd-button--text.vd-button--table:disabled:hover, .vd-button.vd-button--secondary.vd-button--text.vd-button--table[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--secondary.vd-button--text:disabled, .vd-button.vd-button--secondary.vd-button--text.disabled, .vd-button.vd-button--secondary.vd-button--text:disabled:hover, .vd-button.vd-button--secondary.vd-button--text[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--secondary.vd-button--text:not(:disabled):hover, .vd-button.vd-button--secondary.vd-button--text:not(:disabled):active {
    border-color: #6692B0;
    background-color: #6692B0;
    color: #FFFFFF;
}

.vd-button.vd-button--secondary.vd-button--text:not(:disabled):hover.vd-button--subtle, .vd-button.vd-button--secondary.vd-button--text:not(:disabled):active.vd-button--subtle {
    border-color: #E5EAED;
    background-color: transparent;
    color: #6692B0;
}

.vd-button.vd-button--secondary.vd-button--text:not(:disabled):hover.vd-button--table, .vd-button.vd-button--secondary.vd-button--text:not(:disabled):active.vd-button--table {
    border-color: transparent;
    background-color: transparent;
    color: #6692B0;
}

.vd-button.vd-button--secondary.vd-button--icon {
    padding: 12px 14px;
    min-width: 0;
    border: 1px solid transparent;
    background: transparent;
    color: #6692B0;
}

.vd-button.vd-button--secondary.vd-button--icon:focus {
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-button.vd-button--secondary.vd-button--icon.vd-button--table {
    padding: 0;
    color: inherit;
    font-size: 18px;
}

.vd-button.vd-button--secondary.vd-button--icon.vd-button--table:disabled, .vd-button.vd-button--secondary.vd-button--icon.vd-button--table.disabled, .vd-button.vd-button--secondary.vd-button--icon.vd-button--table:disabled:hover, .vd-button.vd-button--secondary.vd-button--icon.vd-button--table[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--secondary.vd-button--icon:disabled, .vd-button.vd-button--secondary.vd-button--icon.disabled, .vd-button.vd-button--secondary.vd-button--icon:disabled:hover, .vd-button.vd-button--secondary.vd-button--icon[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--secondary.vd-button--icon:not(:disabled):hover, .vd-button.vd-button--secondary.vd-button--icon:not(:disabled):active {
    border-color: #6692B0;
    background-color: #6692B0;
    color: #FFFFFF;
}

.vd-button.vd-button--secondary.vd-button--icon:not(:disabled):hover.vd-button--subtle, .vd-button.vd-button--secondary.vd-button--icon:not(:disabled):active.vd-button--subtle {
    border-color: #E5EAED;
    background-color: transparent;
    color: #6692B0;
}

.vd-button.vd-button--secondary.vd-button--icon:not(:disabled):hover.vd-button--table, .vd-button.vd-button--secondary.vd-button--icon:not(:disabled):active.vd-button--table {
    border-color: transparent;
    background-color: transparent;
    color: #6692B0;
}

.vd-button.vd-button--secondary.vd-button--icon.vd-button--big {
    padding: 16px 20px;
}

.vd-button.vd-button--negative {
    background-color: #E6643C;
    color: #FFFFFF;
}

.vd-button.vd-button--negative:focus {
    border: 1px solid #E6643C;
    box-shadow: 0 0 0px 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(230, 100, 60, 0.35), 0 0 0px 3px rgba(230, 100, 60, 0.6);
}

.vd-button.vd-button--negative:disabled, .vd-button.vd-button--negative.disabled, .vd-button.vd-button--negative:disabled:hover, .vd-button.vd-button--negative[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--negative:hover {
    background-color: #e97a57;
}

.vd-button.vd-button--negative:active {
    border-color: #E6643C;
    background-color: #e4592e;
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-button.vd-button--negative.vd-button--text {
    border: 1px solid transparent;
    background: transparent;
    color: #E6643C;
}

.vd-button.vd-button--negative.vd-button--text:focus {
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-button.vd-button--negative.vd-button--text.vd-button--table {
    padding: 0;
    color: inherit;
    font-size: 18px;
}

.vd-button.vd-button--negative.vd-button--text.vd-button--table:disabled, .vd-button.vd-button--negative.vd-button--text.vd-button--table.disabled, .vd-button.vd-button--negative.vd-button--text.vd-button--table:disabled:hover, .vd-button.vd-button--negative.vd-button--text.vd-button--table[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--negative.vd-button--text:disabled, .vd-button.vd-button--negative.vd-button--text.disabled, .vd-button.vd-button--negative.vd-button--text:disabled:hover, .vd-button.vd-button--negative.vd-button--text[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--negative.vd-button--text:not(:disabled):hover, .vd-button.vd-button--negative.vd-button--text:not(:disabled):active {
    border-color: #E6643C;
    background-color: #E6643C;
    color: #FFFFFF;
}

.vd-button.vd-button--negative.vd-button--text:not(:disabled):hover.vd-button--subtle, .vd-button.vd-button--negative.vd-button--text:not(:disabled):active.vd-button--subtle {
    border-color: #E5EAED;
    background-color: transparent;
    color: #E6643C;
}

.vd-button.vd-button--negative.vd-button--text:not(:disabled):hover.vd-button--table, .vd-button.vd-button--negative.vd-button--text:not(:disabled):active.vd-button--table {
    border-color: transparent;
    background-color: transparent;
    color: #E6643C;
}

.vd-button.vd-button--negative.vd-button--icon {
    padding: 12px 14px;
    min-width: 0;
    border: 1px solid transparent;
    background: transparent;
    color: #6692B0;
}

.vd-button.vd-button--negative.vd-button--icon:focus {
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-button.vd-button--negative.vd-button--icon.vd-button--table {
    padding: 0;
    color: inherit;
    font-size: 18px;
}

.vd-button.vd-button--negative.vd-button--icon.vd-button--table:disabled, .vd-button.vd-button--negative.vd-button--icon.vd-button--table.disabled, .vd-button.vd-button--negative.vd-button--icon.vd-button--table:disabled:hover, .vd-button.vd-button--negative.vd-button--icon.vd-button--table[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--negative.vd-button--icon:disabled, .vd-button.vd-button--negative.vd-button--icon.disabled, .vd-button.vd-button--negative.vd-button--icon:disabled:hover, .vd-button.vd-button--negative.vd-button--icon[disabled] {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--negative.vd-button--icon:not(:disabled):hover, .vd-button.vd-button--negative.vd-button--icon:not(:disabled):active {
    border-color: #E6643C;
    background-color: #E6643C;
    color: #FFFFFF;
}

.vd-button.vd-button--negative.vd-button--icon:not(:disabled):hover.vd-button--subtle, .vd-button.vd-button--negative.vd-button--icon:not(:disabled):active.vd-button--subtle {
    border-color: #E5EAED;
    background-color: transparent;
    color: #E6643C;
}

.vd-button.vd-button--negative.vd-button--icon:not(:disabled):hover.vd-button--table, .vd-button.vd-button--negative.vd-button--icon:not(:disabled):active.vd-button--table {
    border-color: transparent;
    background-color: transparent;
    color: #E6643C;
}

.vd-button.vd-button--negative.vd-button--icon.vd-button--big {
    padding: 16px 20px;
}

.vd-button.vd-button--primary.vd-button--compact, .vd-button.vd-button--secondary.vd-button--compact, .vd-button.vd-button--negative.vd-button--compact {
    min-width: 0px;
}

.vd-button.vd-button--ghost {
    border-color: #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.vd-button.vd-button--ghost:disabled, .vd-button.vd-button--ghost.disabled, .vd-button.vd-button--ghost:disabled:hover, .vd-button.vd-button--ghost[disabled] {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
    cursor: default;
    pointer-events: none;
}

.vd-button.vd-button--ghost:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.vd-button.vd-button--ghost:focus {
    border-color: #FFFFFF;
    box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.4);
}

.vd-button.vd-button--ghost:active {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.35);
}

.vd-button-panel-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
}

.vd-button-panel-container > :first-child {
    margin-left: 4px;
}

.vd-button-panel-container > :last-child {
    margin-right: 4px;
}

@media only screen and (max-width: 480px) {
    .vd-button-panel-container > .vd-button--panel {
        min-width: 100%;
    }
}

.vd-btn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: 1.2;
    cursor: pointer;
    transition: all 0.2s;
    transition-property: background, color, border, box-shadow;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-btn:not(.vd-btn--link) {
    outline: none;
}

.vd-btn:disabled, .vd-btn.disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

a.vd-btn.disabled {
    pointer-events: none;
}

.vd-btn--do {
    background-color: #41AF4B;
    color: #FFFFFF;
}

.vd-btn--do:hover {
    background-color: #50be5a;
    color: #FFFFFF;
}

.vd-btn--do:active {
    background-color: #3da446;
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-btn--do:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(65, 175, 75, 0.35), 0 0 0 3px rgba(65, 175, 75, 0.6);
}

.vd-btn--text-do {
    background-color: transparent;
    color: #41AF4B;
}

.vd-btn--text-do:hover {
    background-color: #50be5a;
    color: #FFFFFF;
}

.vd-btn--text-do:active {
    background-color: #3da446;
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-btn--text-do:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(65, 175, 75, 0.35), 0 0 0 3px rgba(65, 175, 75, 0.6);
}

.vd-btn--icon-do {
    padding: 12px 14px;
    background-color: transparent;
    color: #6692B0;
}

.vd-btn--icon-do:hover {
    background-color: #50be5a;
    color: #FFFFFF;
}

.vd-btn--icon-do:active {
    background-color: #3da446;
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-btn--icon-do:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(65, 175, 75, 0.35), 0 0 0 3px rgba(65, 175, 75, 0.6);
}

.vd-btn--supplementary {
    background-color: #6692B0;
    color: #FFFFFF;
}

.vd-btn--supplementary:hover, .vd-suggestion-clear.vd-suggestion-clear--active {
    background-color: #7aa0ba;
    color: #FFFFFF;
}

.vd-btn--supplementary:active {
    background-color: #5c8bab;
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-btn--supplementary:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(102, 146, 176, 0.35), 0 0 0 3px rgba(102, 146, 176, 0.6);
}

.vd-btn--text-supplementary {
    background-color: transparent;
    color: #6692B0;
}

.vd-btn--text-supplementary:hover {
    background-color: #7aa0ba;
    color: #FFFFFF;
}

.vd-btn--text-supplementary:active {
    background-color: #5c8bab;
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-btn--text-supplementary:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(102, 146, 176, 0.35), 0 0 0 3px rgba(102, 146, 176, 0.6);
}

.vd-btn--icon-supplementary {
    padding: 12px 14px;
    background-color: transparent;
    color: #6692B0;
}

.vd-btn--icon-supplementary:hover {
    background-color: #7aa0ba;
    color: #FFFFFF;
}

.vd-btn--icon-supplementary:active {
    background-color: #5c8bab;
    box-shadow: 0 0 3px 2px rgba(102, 146, 176, 0.35);
}

.vd-btn--icon-supplementary:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(102, 146, 176, 0.35), 0 0 0 3px rgba(102, 146, 176, 0.6);
}

.vd-btn--no {
    background-color: #E6643C;
    color: #FFFFFF;
}

.vd-btn--no:hover {
    background-color: #e97a57;
    color: #FFFFFF;
}

.vd-btn--no:active {
    background-color: #e4592e;
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-btn--no:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(230, 100, 60, 0.35), 0 0 0 3px rgba(230, 100, 60, 0.6);
}

.vd-btn--text-no {
    background-color: transparent;
    color: #E6643C;
}

.vd-btn--text-no:hover {
    background-color: #e97a57;
    color: #FFFFFF;
}

.vd-btn--text-no:active {
    background-color: #e4592e;
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-btn--text-no:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(230, 100, 60, 0.35), 0 0 0 3px rgba(230, 100, 60, 0.6);
}

.vd-btn--icon-no {
    padding: 12px 14px;
    background-color: transparent;
    color: #6692B0;
}

.vd-btn--icon-no:hover {
    background-color: #e97a57;
    color: #FFFFFF;
}

.vd-btn--icon-no:active {
    background-color: #e4592e;
    box-shadow: 0 0 3px 2px rgba(230, 100, 60, 0.35);
}

.vd-btn--icon-no:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(230, 100, 60, 0.35), 0 0 0 3px rgba(230, 100, 60, 0.6);
}

.vd-btn--go {
    background-color: #008AE8;
    color: #FFFFFF;
}

.vd-btn--go:hover {
    background-color: #089bff;
    color: #FFFFFF;
}

.vd-btn--go:active {
    background-color: #0081d9;
    box-shadow: 0 0 3px 2px rgba(0, 138, 232, 0.35);
}

.vd-btn--go:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(0, 138, 232, 0.35), 0 0 0 3px rgba(0, 138, 232, 0.6);
}

.vd-btn--text-go {
    background-color: transparent;
    color: #008AE8;
}

.vd-btn--text-go:hover {
    background-color: #089bff;
    color: #FFFFFF;
}

.vd-btn--text-go:active {
    background-color: #0081d9;
    box-shadow: 0 0 3px 2px rgba(0, 138, 232, 0.35);
}

.vd-btn--text-go:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(0, 138, 232, 0.35), 0 0 0 3px rgba(0, 138, 232, 0.6);
}

.vd-btn--icon-go {
    padding: 12px 14px;
    background-color: transparent;
    color: #008AE8;
}

.vd-btn--icon-go:hover {
    background-color: #089bff;
    color: #FFFFFF;
}

.vd-btn--icon-go:active {
    background-color: #0081d9;
    box-shadow: 0 0 3px 2px rgba(0, 138, 232, 0.35);
}

.vd-btn--icon-go:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px 3px rgba(0, 138, 232, 0.35), 0 0 0 3px rgba(0, 138, 232, 0.6);
}

.vd-btn--link {
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    text-decoration: underline;
    font-weight: inherit;
    font-size: inherit;
}

.vd-btn--link:hover, .vd-btn--link:focus {
    color: #008AE8;
}

.vd-btn--jumbo {
    padding: 16px 32px;
}

.vd-btn--block {
    display: block;
    width: 100%;
}

.vd-btn-group {
    margin: -4px;
}

.vd-btn-group > .vd-btn {
    margin: 4px;
}

.vd-btn-group.vd-btn-group--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.vd-btn-panel {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 8px;
    padding: 12px 20px;
    min-width: 120px;
    min-height: 120px;
    outline: none;
    border: 2px solid #E5EAED;
    border-radius: 3px;
    background-color: #FFFFFF;
    color: #3A4953;
    text-align: center;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: 1.33333;
    cursor: pointer;
    transition: all 0.2s;
    transition-property: background, color, border, box-shadow;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
    -ms-flex-align: center;
    -ms-flex-positive: 1;
    -ms-flex-pack: center;
}

.vd-btn-panel:disabled, .vd-btn-panel.disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.vd-btn-panel:focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px 2px rgba(0, 138, 232, 0.35);
}

.vd-btn-panel:hover {
    border-color: #089bff;
    background-color: white;
    box-shadow: 0 0 3px 2px rgba(0, 138, 232, 0.35);
}

.vd-btn-panel:active {
    border-color: #0081d9;
    background-color: #f7f7f7;
}

.vd-btn-panel--selected {
    border-color: #41AF4B;
}

.vd-btn-panel--selected:focus, .vd-btn-panel--selected:hover {
    border-color: #50be5a;
    box-shadow: 0 0 3px 2px rgba(65, 175, 75, 0.35);
}

.vd-btn-panel--selected:active {
    border-color: #3da446;
}

.vd-btn-panel-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vd-btn-panel-group > .vd-btn-panel {
    margin: 4px;
}

@media only screen and (max-width: 480px) {
    .vd-btn-panel-group {
        min-width: 100%;
    }
}

.vd-card {
    border: 2px solid #E5EAED;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.vd-card + .vd-card {
    margin-left: 5px;
}

.vd-card.vd-card--active {
    position: relative;
}

.vd-card.vd-card--active::after {
    position: absolute;
    top: 3em;
    right: 1em;
    bottom: 0px;
    left: 1em;
    z-index: -2;
    box-shadow: 0 0.1em 4em 0 rgba(0, 0, 0, 0.35);
    content: '';
}

vd-carousel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.vd-carousel-frame-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    -ms-flex-pack: start;
}

@-webkit-keyframes vd-slide-in-left {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes vd-slide-in-left {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes vd-slide-out-left {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@keyframes vd-slide-out-left {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@-webkit-keyframes vd-slide-right {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes vd-slide-right {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

vd-carousel-frame {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-order: 2;
    order: 2;
    max-width: 100%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -ms-flex-order: 2;
}

.vd-carousel-frame-content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: 100%;
}

.vd-carousel-frame-transition-left,
.vd-carousel-frame-transition-right {
    visibility: visible;
    -webkit-order: 1;
    order: 1;
    -ms-flex-order: 1;
}

.vd-carousel-frame-active {
    visibility: visible;
    -webkit-order: 0;
    order: 0;
    -ms-flex-order: 0;
}

.vd-carousel-frame-active.vd-carousel-frame-transition-left {
    -webkit-animation-name: vd-slide-in-left;
    animation-name: vd-slide-in-left;
}

.vd-carousel-frame-active.vd-carousel-frame-transition-right {
    -webkit-animation-name: vd-slide-right;
    animation-name: vd-slide-right;
}

.vd-carousel-frame-transition-left:not(.vd-carousel-frame-active) {
    -webkit-animation-name: vd-slide-out-left;
    animation-name: vd-slide-out-left;
}

.vd-carousel-frame-transition-right:not(.vd-carousel-frame-active) {
    -webkit-animation-name: vd-slide-right;
    animation-name: vd-slide-right;
}

.vd-carousel-paginator {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 72px;
    background-color: #FFFFFF;
    -ms-flex-pack: justify;
}

.vd-carousel-paginator-paddle {
    width: 45px;
    font-size: 18px;
}

.vd-carousel-paginator-indicators {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

.vd-carousel-paginator-indicator {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

.vd-carousel-paginator-indicator::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #BECBCF;
    content: '';
}

.vd-carousel-paginator-indicator--active::before {
    background-color: #41AF4B;
}

@-webkit-keyframes vd-checkbox-checked {
    0% {
        width: 0;
        height: 0;
    }
    25% {
        width: 6px;
        height: 0;
    }
    50% {
        width: 6px;
        height: 11px;
    }
}

@keyframes vd-checkbox-checked {
    0% {
        width: 0;
        height: 0;
    }
    25% {
        width: 6px;
        height: 0;
    }
    50% {
        width: 6px;
        height: 11px;
    }
}

.vd-checkbox {
    position: relative;
    display: inline-block;
    margin: 0 8px;
}

.vd-checkbox:first-child {
    margin-left: 0;
}

.vd-checkbox:last-child {
    margin-right: 0;
}

.vd-checkbox-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 12px;
    cursor: pointer;
    -ms-flex-align: start;
}

.vd-checkbox-container:last-child {
    margin-bottom: 0;
}

.vd-checkbox-input-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.vd-checkbox-label {
    margin-left: 12px;
}

.vd-checkbox-description {
    margin: 0;
    margin-top: 8px;
    margin-left: 36px;
    word-break: break-word;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-checkbox-tick {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #E5EAED;
    border-radius: 3px;
    background-color: #FFFFFF;
    -ms-flex-negative: 0;
}

.vd-checkbox-tick:after {
    position: absolute;
    top: 11px;
    left: 2px;
    display: block;
    box-sizing: content-box;
    width: 6px;
    height: 11px;
    border-color: #E5EAED;
    border-top: 4px solid #E5EAED;
    border-right: 4px solid #E5EAED;
    content: '';
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.vd-checkbox-input:hover + .vd-checkbox-tick:after {
    opacity: 1;
}

.vd-checkbox-input:checked + .vd-checkbox-tick {
    transition: background-color 0.8s;
}

.vd-checkbox--primary .vd-checkbox-input:checked + .vd-checkbox-tick {
    border-color: #41AF4B;
    background-color: #41AF4B;
}

.vd-checkbox--secondary .vd-checkbox-input:checked + .vd-checkbox-tick {
    border-color: #6692B0;
    background-color: #6692B0;
}

.vd-checkbox--tertiary .vd-checkbox-input:checked + .vd-checkbox-tick {
    border-color: #606060;
    background-color: #606060;
}

.vd-checkbox--negative .vd-checkbox-input:checked + .vd-checkbox-tick {
    border-color: #E6643C;
    background-color: #E6643C;
}

.vd-checkbox--info .vd-checkbox-input:checked + .vd-checkbox-tick {
    border-color: #008AE8;
    background-color: #008AE8;
}

.vd-checkbox-input:checked + .vd-checkbox-tick:after {
    box-sizing: content-box;
    border-color: #FFFFFF;
    opacity: 1;
    -webkit-animation: vd-checkbox-checked 0.8s;
    animation: vd-checkbox-checked 0.8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.vd-disabled .vd-checkbox-input,
.vd-checkbox-input:disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.vd-disabled .vd-checkbox-input:hover:not(:checked) + .vd-checkbox-tick:after,
.vd-checkbox-input:disabled:hover:not(:checked) + .vd-checkbox-tick:after {
    opacity: 0;
}

.vd-disabled .vd-checkbox-input ~ .vd-checkbox-label,
.vd-checkbox-input:disabled ~ .vd-checkbox-label {
    opacity: 0.35;
}

.vd-disabled .vd-checkbox-input:checked ~ .vd-checkbox-tick,
.vd-checkbox-input:disabled:checked ~ .vd-checkbox-tick {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-checkbox--mixed .vd-checkbox-tick {
    border: 2px solid #41AF4B;
}

.vd-checkbox--mixed .vd-checkbox-input:not(:checked) + .vd-checkbox-tick:after {
    top: 9px;
    left: 6px;
    width: 2px;
    height: 8px;
    border: none;
    background-color: #41AF4B;
    opacity: 1;
    -webkit-transform: scaleX(-1) rotate(90deg);
    transform: scaleX(-1) rotate(90deg);
}

.vd-datepicker-ui {
    display: block;
}

.vd-datepicker-range-no-end-spacer {
    height: 32px;
}

.vd-datepicker-range-no-end-disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    pointer-events: none;
}

.vd-datepicker-range-input-container .vd-datepicker-range-input {
    margin: 0;
    cursor: pointer;
}

.vd-datepicker-data-inputs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 245px;
}

.vd-datepicker-data-inputs .vd-datepicker-date-input {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.vd-datepicker-data-inputs .vd-datepicker-date-input.vd-has-time-input {
    border-radius: 3px 0 0 3px;
}

.vd-datepicker-data-inputs .vd-datepicker-time-input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0 3px 3px 0;
}

.vd-datepicker-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: -24px;
    -ms-flex-pack: justify;
}

@media only screen and (max-width: 768px) {
    .vd-datepicker-group {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
    }
}

.vd-datepicker-group-item {
    padding: 24px;
}

.vd-datepicker-group-item:first-child {
    border-right: 1px solid #E5EAED;
}

@media only screen and (max-width: 768px) {
    .vd-datepicker-group-item:first-child {
        border-right: none;
        border-bottom: 1px solid #E5EAED;
    }
}

.vd-datepicker-group-item .vd-datepicker-ui {
    margin-top: 22px;
}

.vd-datepicker-group-footer {
    padding: 8px 24px;
}

.vd-datepicker-group-summary {
    margin: 8px;
    margin-left: 0;
}

.vd-datepicker,
.vd-datepicker-range {
    color: #3A4953;
    font-size: 15px;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-datepicker table, .vd-datepicker caption, .vd-datepicker tbody, .vd-datepicker tfoot, .vd-datepicker thead, .vd-datepicker tr, .vd-datepicker th, .vd-datepicker td, .vd-datepicker abbr,
.vd-datepicker-range table,
.vd-datepicker-range caption,
.vd-datepicker-range tbody,
.vd-datepicker-range tfoot,
.vd-datepicker-range thead,
.vd-datepicker-range tr,
.vd-datepicker-range th,
.vd-datepicker-range td,
.vd-datepicker-range abbr {
    margin: initial;
    padding: initial;
    border: initial;
    border-collapse: initial;
    background: initial;
    color: initial;
    text-align: initial;
    font-weight: initial;
    line-height: initial;
}

.vd-datepicker .pika-table,
.vd-datepicker-range .pika-table {
    margin-top: 20px;
}

.vd-datepicker .pika-table tbody:before,
.vd-datepicker-range .pika-table tbody:before {
    display: block;
    margin-top: 10px;
    content: " ";
}

.vd-datepicker .pika-table td,
.vd-datepicker-range .pika-table td {
    padding-right: 5px;
}

.vd-datepicker .pika-table td:last-child,
.vd-datepicker-range .pika-table td:last-child {
    padding-right: 0;
}

.vd-datepicker .pika-table th,
.vd-datepicker-range .pika-table th {
    padding-right: 5px;
}

.vd-datepicker .pika-table th:last-child,
.vd-datepicker-range .pika-table th:last-child {
    padding-right: 0;
}

.vd-datepicker .pika-table abbr,
.vd-datepicker-range .pika-table abbr {
    font-weight: 700;
}

.vd-datepicker .pika-title,
.vd-datepicker-range .pika-title {
    position: relative;
    text-align: center;
}

.vd-datepicker .pika-title .pika-label,
.vd-datepicker-range .pika-title .pika-label {
    display: inline-block;
    visibility: hidden;
}

.vd-datepicker .pika-title .pika-label:nth-child(even):before,
.vd-datepicker-range .pika-title .pika-label:nth-child(even):before {
    position: absolute;
    right: 37px;
    z-index: 100;
    visibility: visible;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #3A4953;
    border-left: 4px solid transparent;
    content: " ";
    pointer-events: none;
}

.vd-datepicker .pika-title .pika-label:nth-child(even):after,
.vd-datepicker-range .pika-title .pika-label:nth-child(even):after {
    position: absolute;
    top: 10px;
    right: 37px;
    z-index: 100;
    visibility: visible;
    width: 0;
    height: 0;
    border-top: 5px solid #3A4953;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: " ";
    pointer-events: none;
}

.vd-datepicker .pika-title .pika-label:nth-child(odd):before,
.vd-datepicker-range .pika-title .pika-label:nth-child(odd):before {
    position: absolute;
    right: 110px;
    z-index: 100;
    visibility: visible;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #3A4953;
    border-left: 4px solid transparent;
    content: " ";
    pointer-events: none;
}

.vd-datepicker .pika-title .pika-label:nth-child(odd):after,
.vd-datepicker-range .pika-title .pika-label:nth-child(odd):after {
    position: absolute;
    top: 10px;
    right: 110px;
    z-index: 100;
    visibility: visible;
    width: 0;
    height: 0;
    border-top: 5px solid #3A4953;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: " ";
    pointer-events: none;
}

.vd-datepicker .pika-title .pika-select,
.vd-datepicker-range .pika-title .pika-select {
    visibility: visible;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    padding-right: 36px;
    padding-right: 12px;
    width: 100%;
    outline: none;
    border: 2px solid #E5EAED;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: none;
    color: #3A4953;
    word-break: normal;
    font-weight: 400;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    transition: all 0.2s;
    transition-property: border-color, box-shadow;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vd-datepicker .pika-title .pika-select::-webkit-input-placeholder,
.vd-datepicker-range .pika-title .pika-select::-webkit-input-placeholder {
    color: #6692B0;
}

.vd-datepicker .pika-title .pika-select:-ms-input-placeholder,
.vd-datepicker-range .pika-title .pika-select:-ms-input-placeholder {
    color: #6692B0;
}

.vd-datepicker .pika-title .pika-select::placeholder,
.vd-datepicker-range .pika-title .pika-select::placeholder {
    color: #6692B0;
}

.vd-datepicker .pika-title .pika-select:disabled,
.vd-datepicker-range .pika-title .pika-select:disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-datepicker .pika-title .pika-select:focus, .vd-datepicker .pika-title .pika-select.vd-focus,
.vd-datepicker-range .pika-title .pika-select:focus,
.vd-datepicker-range .pika-title .pika-select.vd-focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px #008AE8;
}

.vd-datepicker .pika-title .pika-select.vd-input--error, .vd-datepicker .pika-title .pika-select.vd-error, .vd-datepicker .pika-title .pika-select.ng-invalid.ng-dirty,
.ng-submitted .vd-datepicker .pika-title .pika-select.ng-invalid,
.vd-datepicker-range .pika-title .pika-select.vd-input--error,
.vd-datepicker-range .pika-title .pika-select.vd-error,
.vd-datepicker-range .pika-title .pika-select.ng-invalid.ng-dirty,
.ng-submitted
.vd-datepicker-range .pika-title .pika-select.ng-invalid {
    border-color: #E6643C;
}

.vd-datepicker .pika-title .pika-select.vd-input--error:focus, .vd-datepicker .pika-title .pika-select.vd-input--error.vd-focus, .vd-datepicker .pika-title .pika-select.vd-error:focus, .vd-datepicker .pika-title .pika-select.vd-error.vd-focus, .vd-datepicker .pika-title .pika-select.ng-invalid.ng-dirty:focus, .vd-datepicker .pika-title .pika-select.ng-invalid.ng-dirty.vd-focus,
.ng-submitted .vd-datepicker .pika-title .pika-select.ng-invalid:focus,
.ng-submitted .vd-datepicker .pika-title .pika-select.ng-invalid.vd-focus,
.vd-datepicker-range .pika-title .pika-select.vd-input--error:focus,
.vd-datepicker-range .pika-title .pika-select.vd-input--error.vd-focus,
.vd-datepicker-range .pika-title .pika-select.vd-error:focus,
.vd-datepicker-range .pika-title .pika-select.vd-error.vd-focus,
.vd-datepicker-range .pika-title .pika-select.ng-invalid.ng-dirty:focus,
.vd-datepicker-range .pika-title .pika-select.ng-invalid.ng-dirty.vd-focus,
.ng-submitted
.vd-datepicker-range .pika-title .pika-select.ng-invalid:focus,
.ng-submitted
.vd-datepicker-range .pika-title .pika-select.ng-invalid.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-datepicker .pika-title .pika-select-month,
.vd-datepicker-range .pika-title .pika-select-month {
    position: absolute;
    top: -15px;
    left: 29px;
    width: 110px;
    background: #FFFFFF;
}

.vd-datepicker .pika-title .pika-select-year,
.vd-datepicker-range .pika-title .pika-select-year {
    position: absolute;
    top: -15px;
    right: 29px;
    width: 72px;
    background: #FFFFFF;
}

.vd-datepicker .pika-title .pika-prev,
.vd-datepicker .pika-title .pika-next,
.vd-datepicker-range .pika-title .pika-prev,
.vd-datepicker-range .pika-title .pika-next {
    position: absolute;
    overflow: hidden;
}

.vd-datepicker .pika-title .pika-prev,
.vd-datepicker-range .pika-title .pika-prev {
    left: -5px;
    visibility: hidden;
    width: 26px;
    cursor: pointer;
}

.vd-datepicker .pika-title .pika-prev:before,
.vd-datepicker-range .pika-title .pika-prev:before {
    position: absolute;
    visibility: visible;
    box-sizing: initial;
    width: 7px;
    height: 7px;
    border-top: 3px solid #3A4953;
    border-right: 3px solid #3A4953;
    content: " ";
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.vd-datepicker .pika-title .pika-prev.is-disabled:before,
.vd-datepicker-range .pika-title .pika-prev.is-disabled:before {
    border-top: 3px solid #E5EAED;
    border-right: 3px solid #E5EAED;
}

.vd-datepicker .pika-title .pika-next,
.vd-datepicker-range .pika-title .pika-next {
    right: -5px;
    visibility: hidden;
    width: 26px;
    cursor: pointer;
}

.vd-datepicker .pika-title .pika-next:before,
.vd-datepicker-range .pika-title .pika-next:before {
    position: absolute;
    visibility: visible;
    box-sizing: initial;
    width: 7px;
    height: 7px;
    border-top: 3px solid #3A4953;
    border-right: 3px solid #3A4953;
    content: " ";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vd-datepicker .pika-title .pika-next.is-disabled:before,
.vd-datepicker-range .pika-title .pika-next.is-disabled:before {
    border-top: 3px solid #E5EAED;
    border-right: 3px solid #E5EAED;
}

.vd-datepicker .is-disabled,
.vd-datepicker-range .is-disabled {
    pointer-events: none;
}

.vd-datepicker .is-inrange,
.vd-datepicker-range .is-inrange {
    background-color: #ecf7ed;
}

.vd-datepicker .is-inrange .pika-button,
.vd-datepicker-range .is-inrange .pika-button {
    border-radius: 0;
    background-color: #ecf7ed;
}

.vd-datepicker .is-inrange .pika-button:hover,
.vd-datepicker-range .is-inrange .pika-button:hover {
    border-radius: 50%;
}

.vd-datepicker .is-startrange,
.vd-datepicker-range .is-startrange {
    background-image: linear-gradient(to right, transparent 50%, #ecf7ed 50%);
}

.vd-datepicker .is-endrange,
.vd-datepicker-range .is-endrange {
    background-image: linear-gradient(to right, #ecf7ed 50%, transparent 50%);
}

.vd-datepicker .is-selected.is-startrange.is-endrange,
.vd-datepicker-range .is-selected.is-startrange.is-endrange {
    background-image: none;
}

.vd-datepicker td.is-disabled,
.vd-datepicker-range td.is-disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-datepicker .pika-button,
.vd-datepicker-range .pika-button {
    padding: 3px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background: #FFFFFF;
    font-size: 15px;
    cursor: pointer;
}

.vd-datepicker .pika-button:hover,
.vd-datepicker-range .pika-button:hover {
    background: rgba(65, 175, 75, 0.35);
}

.vd-datepicker .is-today .pika-button,
.vd-datepicker-range .is-today .pika-button {
    color: #41AF4B;
    font-weight: 700;
}

.vd-datepicker .is-startrange .pika-button,
.vd-datepicker .is-endrange .pika-button,
.vd-datepicker-range .is-startrange .pika-button,
.vd-datepicker-range .is-endrange .pika-button {
    border: 2px solid #41AF4B;
    background: #ecf7ed;
}

.vd-datepicker .is-selected .pika-button,
.vd-datepicker-range .is-selected .pika-button {
    border: none;
    background: #41AF4B;
    color: #FFFFFF;
    font-weight: 700;
}

.vd-datepicker-range-no-end .is-startrange .pika-button, .vd-datepicker-range-no-end .is-endrange .pika-button {
    border: none;
}

.vd-datepicker-range-no-end .vd-datepicker-end-picker .is-startrange .pika-button, .vd-datepicker-range-no-end .vd-datepicker-end-picker .is-endrange .pika-button {
    background: #ecf7ed;
    color: #3A4953;
    font-weight: normal;
}

.vd-datepicker {
    padding-top: 15px;
}

:root {
    --vd-dialog-spacing: 32px;
}

@media only screen and (max-width: 768px) {
    :root {
        --vd-dialog-spacing: 24px;
    }
}

@media only screen and (max-width: 480px) {
    :root {
        --vd-dialog-spacing: 16px;
    }
}

.vd-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: none;
    -ms-flex-align: center;
}

@media only screen and (max-width: 768px) {
    .vd-dialog {
        right: 4px;
        left: 4px;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
    }
}

@media only screen and (max-width: 480px) {
    .vd-dialog {
        right: 0px;
        left: 0px;
    }
}

.vd-dialog .vd-dialog-banner {
    display: block;
    margin: calc(var(--vd-dialog-spacing) * -1);
    margin-bottom: var(--vd-dialog-spacing);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.vd-dialog .vd-dialog-banner .vd-banner-wrapper {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 16px var(--vd-dialog-spacing);
    -ms-flex-pack: start;
}

@media only screen and (max-width: 480px) {
    .vd-dialog .vd-dialog-banner {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.vd-dialog-container {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0 auto;
    padding: var(--vd-dialog-spacing);
    min-height: 170px;
    max-height: calc(95vh - 60px);
    width: calc(90% - 50px);
    border-radius: 3px;
    background: #FFFFFF;
    pointer-events: auto;
}

.vd-dialog-container:focus {
    outline: none;
}

@media only screen and (max-width: 768px) {
    .vd-dialog-container {
        margin-top: 60px;
        max-width: none;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .vd-dialog-container {
        margin-right: 0;
        margin-left: 0;
        max-height: none;
        height: calc(100% - 60px);
        border-radius: 0;
    }
}

.vd-dialog-container--size-small {
    max-width: 480px;
}

.vd-dialog-container--size-medium {
    max-width: 600px;
}

.vd-dialog-container--size-standard {
    max-width: 720px;
}

.vd-dialog-container--size-large {
    max-width: 800px;
}

.vd-dialog-container--size-xlarge {
    max-width: 1100px;
}

.vd-dialog-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: var(--vd-dialog-spacing);
    -ms-flex-negative: 0;
}

.vd-dialog-header--center {
    text-align: center;
}

@media only screen and (max-width: 480px) {
    .vd-dialog-header--center {
        text-align: left;
    }
}

.vd-dialog-header-sub {
    padding-left: 5px;
    font-size: 18px;
}

@media only screen and (max-width: 480px) {
    .vd-dialog-header-sub {
        display: block;
        padding-top: 5px;
        padding-left: 0;
    }
}

.vd-dialog-header-meta {
    margin-top: 10px;
    color: #6692B0;
    font-size: 12px;
}

.vd-dialog-header-divider {
    margin: 20px auto 0;
    width: 40px;
    border: none;
    border-top: 1px solid #BECBCF;
}

.vd-dialog-content {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 calc(var(--vd-dialog-spacing) * -1);
    padding: 0 var(--vd-dialog-spacing);
}

@media only screen and (max-width: 480px) {
    .vd-dialog-content {
        -webkit-overflow-scrolling: touch;
    }
}

.vd-dialog-actions {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right;
    -ms-flex-negative: 0;
}

.vd-dialog-content + .vd-dialog-actions {
    margin-top: var(--vd-dialog-spacing);
}

@media only screen and (max-width: 480px) {
    .vd-dialog-actions {
        text-align: center;
    }
}

@supports not (--a: 0) {
    .vd-dialog .vd-dialog-banner {
        margin: -32px;
        margin-bottom: 32px;
    }

    .vd-dialog .vd-dialog-banner .vd-banner-wrapper {
        padding: 16px 32px;
    }

    .vd-dialog-container {
        padding: 32px;
    }

    .vd-dialog-header {
        margin-bottom: 32px;
    }

    .vd-dialog-content {
        margin: 0 -32px;
        padding: 0 32px;
    }

    .vd-dialog-content + .vd-dialog-actions {
        margin-top: 32px;
    }
}

.vd-dialog-close {
    position: absolute;
    top: 0;
    right: -60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.vd-dialog-close .vd-dialog-close-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FFFFFF;
    color: #6692B0;
    text-decoration: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.vd-dialog-close .vd-dialog-close-icon {
    opacity: 0.5;
}

.vd-dialog-close:hover .vd-dialog-close-icon {
    opacity: 1;
}

.vd-dialog-close:focus {
    outline: 0;
    box-shadow: 0 0 3px 1px #008AE8;
}

@media only screen and (max-width: 768px) {
    .vd-dialog-close {
        top: -55px;
        right: 5px;
    }
}

.vd-dialog-close--drawer {
    top: 10px;
    left: -60px;
}

@media only screen and (max-width: 768px) {
    .vd-dialog-close--drawer {
        top: 0;
        right: 0;
        left: inherit;
    }
}

.vd-dialog-close-label {
    position: absolute;
    top: 50px;
    left: 0;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
}

@media only screen and (max-width: 768px) {
    .vd-dialog-close-label {
        display: none;
    }
}

.vd-dialog-close--inverse .vd-dialog-close-button {
    background: #88A1B3;
    color: #FFFFFF;
}

.vd-dialog-close--inverse .vd-dialog-close-icon {
    opacity: 1;
}

.vd-dialog-close--inverse .vd-dialog-close-label {
    color: #3A4953;
    opacity: 0.5;
}

.vd-dialog-drawer-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 350px;
    background: #FFFFFF;
    pointer-events: auto;
}

.vd-dialog-drawer-container:focus {
    outline: 1px solid #008AE8;
}

@media only screen and (max-width: 480px) {
    .vd-dialog-drawer-container {
        min-width: inherit;
        width: 100%;
    }
}

vd-dott {
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-animation: vd-rotate 3s infinite linear;
    animation: vd-rotate 3s infinite linear;
    will-change: transform;
}

.vd-dott-mask {
    stroke: white;
    stroke-width: 62.5%;
}

.vd-dott-gradient-start {
    stop-color: #008AE8;
}

.vd-dott-gradient-stop {
    stop-color: #41AF4B;
}

.vd-dott-border:not(.vd-input--error) {
    border: initial;
    border-top: 2px solid #008AE8;
    border-bottom: 2px solid #41AF4B;
    background-image: linear-gradient(#008AE8, #41AF4B), linear-gradient(#008AE8, #41AF4B);
    background-position: 0 0, 100% 0;
    background-size: 2px 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 4px 0px #008AE8;
}

.vd-dropdown-input {
    cursor: default;
}

.vd-dropdown-input::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none;
}

.vd-dropdown-input:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none;
}

.vd-dropdown-input::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vd-dropdown-input-container.vd-input--error .vd-dropdown-input, .vd-dropdown-input-container.vd-error .vd-dropdown-input, .vd-dropdown-input-container.ng-invalid.ng-dirty .vd-dropdown-input,
.ng-submitted .vd-dropdown-input-container.ng-invalid .vd-dropdown-input {
    border-color: #E6643C;
}

.vd-dropdown-input-container.vd-input--error .vd-dropdown-input:focus, .vd-dropdown-input-container.vd-input--error .vd-dropdown-input.vd-focus, .vd-dropdown-input-container.vd-error .vd-dropdown-input:focus, .vd-dropdown-input-container.vd-error .vd-dropdown-input.vd-focus, .vd-dropdown-input-container.ng-invalid.ng-dirty .vd-dropdown-input:focus, .vd-dropdown-input-container.ng-invalid.ng-dirty .vd-dropdown-input.vd-focus,
.ng-submitted .vd-dropdown-input-container.ng-invalid .vd-dropdown-input:focus,
.ng-submitted .vd-dropdown-input-container.ng-invalid .vd-dropdown-input.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-expandable-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s;
}

.vd-expandable--expanded > .vd-expandable-content {
    max-height: 1000px;
    transition-duration: 0.8s;
}

.vd-feedback-button-container {
    margin-left: 8px;
}

.vd-feedback-button {
    display: inline;
    margin-left: 24px;
    white-space: nowrap;
    cursor: pointer;
}

.vd-feedback-button-icon {
    margin-right: 8px;
}

.vd-feedback-thankyou {
    width: 100%;
}

.vd-field {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 20px;
    font-size: 15px;
}

.vd-field:last-child {
    margin-bottom: 0;
}

.vd-field .vd-label {
    display: inline-block;
    margin: 0;
    margin-bottom: 5px;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-field .vd-value {
    position: relative;
}

.vd-fieldset .vd-field {
    margin-bottom: 16px;
}

.vd-fieldset .vd-field:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (max-width: 480px) {
    .vd-fieldset .vd-field:not(:last-child) {
        margin-right: 0;
    }
}

.vd-fieldset .vd-field:only-child {
    margin-bottom: 16px;
}

.vd-field--short {
    margin-right: 20px;
    max-width: 400px;
}

.vd-field--short:last-of-type {
    margin-right: 0;
}

@media only screen and (max-width: 768px) {
    .vd-field {
        margin-top: 20px;
    }

    .vd-fieldset .vd-field {
        margin-top: inherit;
    }

    .vd-field--short {
        margin-right: 0;
        max-width: initial;
    }
}

.vd-fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
    border: 0;
}

.vd-fieldset + .vd-fieldset {
    margin-top: 24px;
}

.vd-legend {
    margin: 0 0 16px;
    padding: 0 0 8px;
    width: 100%;
    border-bottom: 1px solid #BECBCF;
    font-weight: 700;
    font-size: 16px;
}

.vd-flag {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: #E5EAED;
    vertical-align: text-top;
    text-transform: uppercase;
    word-break: break-word;
    font-weight: 900;
    font-size: 10px;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-flag, .vd-flag:link, .vd-flag:visited {
    color: #6692B0 !important;
}

.vd-flag-chevron {
    display: inline-block;
    margin-top: -2px;
    margin-right: 3px;
    margin-bottom: -4px;
    margin-left: -3px;
    width: 14px;
    height: 14px;
    outline: 1px solid transparent;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    opacity: 0.5;
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.vd-flag--negative,
.vd-flag--warning {
    background-color: #E6643C;
}

.vd-flag--negative, .vd-flag--negative:link, .vd-flag--negative:visited,
.vd-flag--warning,
.vd-flag--warning:link,
.vd-flag--warning:visited {
    color: #FFFFFF !important;
}

.vd-flag--negative .vd-flag-chevron,
.vd-flag--warning .vd-flag-chevron {
    opacity: 1;
}

.vd-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.vd-flex--settings-explanation {
    padding-right: 40px;
    min-width: 240px;
}

.vd-flex--settings-expanded-content {
    margin-left: 85px !important;
}

.vd-flex--row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

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

.vd-flex--container {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.vd-flex--fieldset-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.vd-flex--no-shrink {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
}

.vd-flex--justify-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.vd-flex--justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.vd-flex--justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.vd-flex--justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
}

.vd-flex--justify-center {
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.vd-flex--align-start {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
}

.vd-flex--align-end {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
}

.vd-flex--align-baseline {
    -webkit-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
}

.vd-flex--align-center {
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.vd-flex--align-stretch {
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
}

.vd-col-1 {
    -webkit-flex-basis: 91.66667px;
    flex-basis: 91.66667px;
    -ms-flex-preferred-size: 91.66667px;
}

.vd-col-2 {
    -webkit-flex-basis: 183.33333px;
    flex-basis: 183.33333px;
    -ms-flex-preferred-size: 183.33333px;
}

.vd-col-3 {
    -webkit-flex-basis: 275px;
    flex-basis: 275px;
    -ms-flex-preferred-size: 275px;
}

.vd-col-4 {
    -webkit-flex-basis: 366.66667px;
    flex-basis: 366.66667px;
    -ms-flex-preferred-size: 366.66667px;
}

.vd-col-5 {
    -webkit-flex-basis: 458.33333px;
    flex-basis: 458.33333px;
    -ms-flex-preferred-size: 458.33333px;
}

.vd-col-6 {
    -webkit-flex-basis: 550px;
    flex-basis: 550px;
    -ms-flex-preferred-size: 550px;
}

.vd-col-7 {
    -webkit-flex-basis: 641.66667px;
    flex-basis: 641.66667px;
    -ms-flex-preferred-size: 641.66667px;
}

.vd-col-8 {
    -webkit-flex-basis: 733.33333px;
    flex-basis: 733.33333px;
    -ms-flex-preferred-size: 733.33333px;
}

.vd-col-9 {
    -webkit-flex-basis: 825px;
    flex-basis: 825px;
    -ms-flex-preferred-size: 825px;
}

.vd-col-10 {
    -webkit-flex-basis: 916.66667px;
    flex-basis: 916.66667px;
    -ms-flex-preferred-size: 916.66667px;
}

.vd-col-11 {
    -webkit-flex-basis: 1008.33333px;
    flex-basis: 1008.33333px;
    -ms-flex-preferred-size: 1008.33333px;
}

.vd-col-12 {
    -webkit-flex-basis: 1100px;
    flex-basis: 1100px;
    -ms-flex-preferred-size: 1100px;
}

@media only screen and (max-width: 768px) {
    .vd-flex--responsive-column {
        -webkit-flex-basis: auto;
        flex-basis: auto;
        margin: 0 0 24px 0;
        -ms-flex-preferred-size: auto;
    }

    .vd-flex--responsive-column:last-child {
        margin-bottom: 0;
    }

    .vd-flex--settings-explanation {
        display: block;
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
        padding-right: 0;
    }

    .vd-flex--settings,
    .vd-flex--row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 480px) {
    .vd-flex--fieldset-row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.vd-header {
    display: block;
    margin: 0;
    color: #3A4953;
    font-weight: 700;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.vd-header--page {
    position: relative;
    font-weight: 700;
    font-size: 35px;
}

.vd-header--subpage {
    font-size: 24px;
}

.vd-header--section {
    margin-bottom: 5px;
    font-size: 18px;
}

.vd-header--settings {
    margin-bottom: 20px;
    font-size: 18px;
}

.vd-header--dialog {
    word-break: break-word;
    font-size: 24px;
}

@media only screen and (max-width: 768px) {
    .vd-header--settings {
        margin-bottom: 10px;
    }
}

.vd-hero-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1000px) {
    .vd-hero-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.vd-hero {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 48px 20px;
    background-color: #FFFFFF;
    text-align: center;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

@media only screen and (max-width: 1000px) {
    .vd-hero-container .vd-hero {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
    }
}

.vd-hero--transparent {
    background-color: initial;
}

.vd-hero-content {
    min-width: 300px;
    max-width: 80%;
}

@media only screen and (max-width: 480px) {
    .vd-hero-content {
        min-width: initial;
    }
}

.vd-hero-headline {
    margin: 0;
    margin-bottom: 20px;
    max-width: 90%;
    color: #3A4953;
    word-break: break-word;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-hero-intro {
    margin: 0;
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-hero-button {
    margin: 20px 0 0;
}

.vd-hero-aux {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    background-color: #3E505C;
    color: #FFFFFF;
    text-align: center;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    -ms-flex-pack: center;
}

.vd-hero-container .vd-hero-aux {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
}

@media only screen and (max-width: 1000px) {
    .vd-hero-container .vd-hero-aux {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.vd-hero-aux-headline {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    word-break: break-word;
    font-weight: 400;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-hero-aux-hr {
    margin: 12px auto;
    width: 80px;
    border-top: 1px solid currentColor;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.vd-hero-aux-content {
    margin: 0 auto;
    max-width: 90%;
    font-size: 15px;
    line-height: 1.6;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-hero-aux-footer {
    margin-top: 12px;
    color: #BECBCF;
}

.vd-hr, .vd-popover-list-separator {
    margin: 20px auto;
    max-width: 1100px;
    width: 100%;
    border-top: 1px solid #BECBCF;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.vd-hr--full {
    max-width: 100%;
    width: 100%;
}

.vd-countdown {
    margin-top: 8px;
    font-size: 12px;
}

.vd-countdown:not(.vd-text--negative) {
    color: #6692B0;
}

.vd-in-page-help {
    display: block;
}

.vd-in-page-help-section {
    border-bottom: 1px solid #E5EAED;
}

.vd-in-page-help-container {
    position: relative;
}

@media only screen and (min-width: 769px) {
    .vd-in-page-help-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

@media only screen and (min-width: 769px) {
    .vd-in-page-help-content-item {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.vd-in-page-help-content-item.vd-in-page-help-content-item--constrained {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    -ms-flex-positive: 0;
}

@media only screen and (max-width: 1000px) {
    .vd-in-page-help-content-item.vd-in-page-help-content-item--constrained {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

.vd-in-page-help-is-dismissible > .vd-in-page-help-content-item {
    margin-right: 65px;
}

.vd-in-page-help-content-text {
    padding-top: 10px;
    min-width: 200px;
}

.vd-in-page-help-content-media {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

@media only screen and (min-width: 769px) {
    .vd-in-page-help-content-media {
        min-width: 500px;
        min-height: 250px;
    }
}

.vd-in-page-help-close {
    position: absolute;
    top: 0;
    right: 0;
}

.vd-link {
    color: #008AE8;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
}

.vd-link:visited {
    color: #008AE8;
}

.vd-link:hover {
    text-decoration: underline;
}

.vd-link--secondary {
    color: currentColor !important;
    text-decoration: underline !important;
}

.vd-link--secondary:hover {
    color: #008AE8 !important;
}

.vd-lozenge {
    display: inline-block;
    margin: 0;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 6px 10px;
    border-radius: 3px;
    background-color: #E5EAED;
    color: #6692B0;
    word-break: break-word;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-lozenge .vd-lozenge-label {
    text-transform: capitalize;
}

.vd-lozenge .vd-lozenge-value {
    font-weight: 700;
}

.vd-lozenge .vd-lozenge-delete {
    margin-left: 6px;
    cursor: pointer;
}

.vd-lozenge--interactive {
    background-color: #6692B0;
    color: #FFFFFF;
}

.vd-lozenge--disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    pointer-events: none;
}

.vd-lozenge--marked {
    background-color: #E6643C;
    color: #FFFFFF;
}

@-webkit-keyframes vd-lozenge-group-already-added {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes vd-lozenge-group-already-added {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.vd-lozenge-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid #E5EAED;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: none;
    cursor: text;
    transition: all 0.2s;
    transition-property: border-color, box-shadow;
    -ms-flex-align: center;
}

.vd-lozenge-group:focus, .vd-lozenge-group.vd-focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px #008AE8;
}

.vd-lozenge-group.vd-input--error, .vd-lozenge-group.vd-error, .vd-lozenge-group.ng-invalid.ng-dirty,
.ng-submitted .vd-lozenge-group.ng-invalid {
    border-color: #E6643C;
}

.vd-lozenge-group.vd-input--error:focus, .vd-lozenge-group.vd-input--error.vd-focus, .vd-lozenge-group.vd-error:focus, .vd-lozenge-group.vd-error.vd-focus, .vd-lozenge-group.ng-invalid.ng-dirty:focus, .vd-lozenge-group.ng-invalid.ng-dirty.vd-focus,
.ng-submitted .vd-lozenge-group.ng-invalid:focus,
.ng-submitted .vd-lozenge-group.ng-invalid.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-lozenge-group .vd-lozenge {
    margin-top: 4px;
    margin-left: 4px;
}

.vd-lozenge-group .vd-lozenge.vd-lozenge-group-already-added {
    -webkit-animation-name: vd-lozenge-group-already-added;
    animation-name: vd-lozenge-group-already-added;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.vd-lozenge-group .vd-lozenge-group-input {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    color: #3A4953;
    word-break: normal;
    font-weight: 400;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    -ms-flex-positive: 1;
}

.vd-lozenge-group .vd-lozenge-group-input::-webkit-input-placeholder {
    color: #6692B0;
}

.vd-lozenge-group .vd-lozenge-group-input:-ms-input-placeholder {
    color: #6692B0;
}

.vd-lozenge-group .vd-lozenge-group-input::placeholder {
    color: #6692B0;
}

.vd-lozenge-group .vd-lozenge-group-input:disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-loader {
    display: inline-block;
    -webkit-align-self: center;
    align-self: center;
    width: 20px;
    height: 20px;
    border: 2px solid #41AF4B;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: vd-rotate 1s ease-in-out infinite;
    animation: vd-rotate 1s ease-in-out infinite;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
}

.vd-loader.vd-loader--small {
    width: 16px;
    height: 16px;
}

.vd-button .vd-loader, .vd-btn .vd-loader {
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-bottom-color: currentColor;
}

.vd-button .vd-loader--small, .vd-btn .vd-loader--small {
    margin: -3px 0 -3px 6px;
    vertical-align: middle;
}

.vd-loader--input {
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 0;
    margin-top: -12px;
}

.vd-loader--input.vd-loader--small {
    margin-top: -10px;
}

.vd-i-bg {
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 0;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.vd-main-content-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 1px;
    flex-basis: 1px;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    box-sizing: border-box;
    height: calc(100% - 50px);
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1px;
}

.vd-main-content-container.vd-nav-rest-of-page {
    height: 100%;
}

.vd-main-content-inner-container {
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
}

.vd-main-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media print {
    .vd-main-content {
        overflow: visible;
    }
}

.vd-modals-container {
    position: absolute;
    z-index: 410;
    color: #3A4953;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-nav-item {
    box-sizing: border-box;
    height: 100%;
}

.vd-nav-item-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -ms-flex-align: center;
}

.vd-nav-item-action:active, .vd-nav-item-action:focus, .vd-nav-item-action:hover {
    color: inherit;
}

.vd-nav-item--disabled {
    cursor: not-allowed;
}

.vd-nav-item--disabled .vd-nav-item-action {
    pointer-events: none;
}

.vd-overlay {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition-timing-function: ease-in;
    transition-duration: 0.2s;
    transition-property: background-color, visibility;
    pointer-events: none;
}

.vd-overlay--visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.35);
    pointer-events: auto;
}

.vd-p {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.5;
}

.vd-p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .vd-flex--settings-explanation .vd-p {
        margin-bottom: 0;
    }
}

.vd-panel {
    display: block;
    margin: 0 -24px;
    background-color: #FFFFFF;
}

.vd-popover-container {
    position: relative;
    z-index: 300;
    display: none;
    outline: none;
    color: #3A4953;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-popover-container.vd-popover-tether-enabled {
    display: inline-block;
}

.vd-popover-container.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom {
    padding-top: 12px;
}

.vd-popover-container.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom .vd-popover-beak {
    top: 0;
    left: 24px;
    margin-top: -6px;
    margin-left: -6px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    box-shadow: none;
}

.vd-popover-container.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom.vd-popover-tether-element-attached-center .vd-popover-beak {
    left: 50%;
}

.vd-popover-container.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom.vd-popover-tether-element-attached-right .vd-popover-beak {
    right: 24px;
    left: auto;
}

.vd-popover-container.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top {
    padding-bottom: 12px;
}

.vd-popover-container.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top .vd-popover-beak {
    bottom: 0;
    left: 24px;
    margin-bottom: -6px;
    margin-left: -6px;
    border-top-color: transparent;
    border-left-color: transparent;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}

.vd-popover-container.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top.vd-popover-tether-element-attached-center .vd-popover-beak {
    left: 50%;
}

.vd-popover-container.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top.vd-popover-tether-element-attached-right .vd-popover-beak {
    right: 24px;
    left: auto;
}

.vd-popover-container.vd-popover-tether-element-attached-middle.vd-popover-tether-target-attached-middle.vd-popover-tether-element-attached-right.vd-popover-tether-target-attached-left {
    padding-right: 12px;
}

.vd-popover-container.vd-popover-tether-element-attached-middle.vd-popover-tether-target-attached-middle.vd-popover-tether-element-attached-right.vd-popover-tether-target-attached-left .vd-popover-beak {
    top: 50%;
    right: 0;
    margin-top: -6px;
    margin-right: -6px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.35);
}

.vd-popover-container.vd-popover-tether-element-attached-middle.vd-popover-tether-target-attached-middle.vd-popover-tether-element-attached-left.vd-popover-tether-target-attached-right {
    padding-left: 12px;
}

.vd-popover-container.vd-popover-tether-element-attached-middle.vd-popover-tether-target-attached-middle.vd-popover-tether-element-attached-left.vd-popover-tether-target-attached-right .vd-popover-beak {
    top: 50%;
    left: 0;
    margin-top: -6px;
    margin-left: -6px;
    border-top-color: transparent;
    border-right-color: transparent;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}

.vd-popover-container--inside-modal {
    z-index: 420;
}

.vd-popover {
    position: relative;
    border: 1px solid #E5EAED;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.35);
}

.vd-popover-tether-pinned-bottom .vd-popover {
    margin-bottom: 12px;
}

.vd-popover-tether-pinned-top .vd-popover {
    margin-top: 12px;
}

.vd-popover-content {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 24px;
    max-height: calc(50vh - 40px);
    border-radius: 5px;
    background-color: #FFFFFF;
}

.vd-popover-actions:not(:empty) {
    margin: -1px;
}

.vd-popover-actions:not(:empty) .vd-action-bar {
    position: relative;
    z-index: 1;
    padding-right: 24px;
    padding-left: 24px;
    border: 1px solid transparent;
    border-radius: 0 0 5px 5px;
}

.vd-popover-beak {
    position: absolute;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #E5EAED;
    background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top .vd-popover-actions:not(:empty) ~ .vd-popover-beak {
    background-color: #E5EAED;
}

.vd-popover-tether-pinned .vd-popover-beak {
    display: none;
}

.vd-popover-container--modal {
    display: block;
}

.vd-popover-container--modal .vd-popover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border: none;
    box-shadow: none;
    -ms-flex-pack: justify;
}

.vd-popover-container--modal .vd-dialog-container {
    padding: 0;
}

.vd-popover-container--modal .vd-dialog-content {
    margin: 0;
    padding: 0;
}

.vd-dialog-popover-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 420;
}

.vd-popover-resize-detector {
    position: absolute;
    top: -100%;
    left: 0;
    visibility: hidden;
    margin: 1px 0 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    pointer-events: none;
}

.vd-multiselect-popover-input {
    cursor: pointer;
}

.vd-multiselect-popover-container {
    display: block;
}

.vd-multiselect-popover-container .vd-input-icon {
    padding-right: 24px;
    color: #3A4953;
}

.vd-multiselect-popover-container.vd-input--error .vd-multiselect-popover-input, .vd-multiselect-popover-container.vd-error .vd-multiselect-popover-input, .vd-multiselect-popover-container.ng-invalid.ng-dirty .vd-multiselect-popover-input,
.ng-submitted .vd-multiselect-popover-container.ng-invalid .vd-multiselect-popover-input {
    border-color: #E6643C;
}

.vd-multiselect-popover-container.vd-input--error .vd-multiselect-popover-input:focus, .vd-multiselect-popover-container.vd-input--error .vd-multiselect-popover-input.vd-focus, .vd-multiselect-popover-container.vd-error .vd-multiselect-popover-input:focus, .vd-multiselect-popover-container.vd-error .vd-multiselect-popover-input.vd-focus, .vd-multiselect-popover-container.ng-invalid.ng-dirty .vd-multiselect-popover-input:focus, .vd-multiselect-popover-container.ng-invalid.ng-dirty .vd-multiselect-popover-input.vd-focus,
.ng-submitted .vd-multiselect-popover-container.ng-invalid .vd-multiselect-popover-input:focus,
.ng-submitted .vd-multiselect-popover-container.ng-invalid .vd-multiselect-popover-input.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-multiselect-popover-content-container {
    max-width: 400px;
}

.vd-multiselect-popover-content-container .vd-checkbox-input-container {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
}

.vd-multiselect-popover-content-container .vd-popover-list-item {
    cursor: pointer;
}

.vd-popover--with-list .vd-popover-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

.vd-popover--with-list.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom .vd-popover-content {
    margin-top: 8px;
}

.vd-popover--with-list.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom .vd-popover-list-empty,
.vd-popover--with-list.vd-popover-tether-element-attached-top.vd-popover-tether-target-attached-bottom .vd-popover-list-header {
    margin-top: -8px;
}

.vd-popover--with-list.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top .vd-popover-content {
    margin-bottom: 8px;
}

.vd-popover--with-list.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top .vd-popover-list-empty {
    margin-bottom: -8px;
}

.vd-popover-list-header {
    position: relative;
}

.vd-popover-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vd-popover-list-group-header {
    position: relative;
    display: block;
    margin: 0;
    padding: 16px 24px;
    color: currentColor;
    text-decoration: none;
    text-transform: uppercase;
    word-break: break-word;
    word-break: break-word;
    letter-spacing: 0.15em;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.33333;
    transition-duration: 0.2s;
    transition-property: color, background;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-popover-list-group-header:hover {
    text-decoration: none;
}

.vd-popover-list-group-header::after {
    position: absolute;
    right: 24px;
    bottom: 0;
    left: 24px;
    display: block;
    border-bottom: 2px solid #E5EAED;
    content: '';
}

.vd-popover-list-item {
    display: block;
    padding: 16px 24px;
    outline: none;
    color: currentColor;
    text-decoration: none;
    word-break: break-word;
    transition-duration: 0.2s;
    transition-property: color, background;
}

.vd-popover-list-item:hover {
    text-decoration: none;
}

.vd-popover-list-item.vd-popover-list-item--active, .vd-popover-list-item:hover, .vd-popover-list-item:focus {
    background-color: #e6f3fd;
}

.vd-popover-list-empty {
    display: block;
    padding: 24px;
    color: currentColor;
    text-decoration: none;
    word-break: break-word;
    transition-duration: 0.2s;
    transition-property: color, background;
}

.vd-popover-list-empty:hover {
    text-decoration: none;
}

.vd-popover-list-header {
    display: block;
    padding: 16px 24px;
    color: currentColor;
    text-decoration: none;
    word-break: break-word;
    transition-duration: 0.2s;
    transition-property: color, background;
}

.vd-popover-list-header:empty {
    display: none;
}

.vd-popover-list-header:hover {
    text-decoration: none;
}

.vd-popover-list-footer {
    display: block;
    padding: 16px 24px;
    color: currentColor;
    text-decoration: none;
    word-break: break-word;
    transition-duration: 0.2s;
    transition-property: color, background;
}

.vd-popover-list-footer:hover {
    text-decoration: none;
}

.vd-popover-list-separator {
    margin: 8px 24px;
    width: inherit;
}

.vd-promo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 12px;
    text-align: center;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.vd-promo-headline {
    margin: 0;
    margin: 12px 0;
    color: #3A4953;
    word-break: break-word;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-promo-image-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100px;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

.vd-promo-image {
    max-width: 100%;
    height: auto;
}

.vd-promo-intro {
    margin: 0;
    font-size: 15px;
    line-height: 1.66667;
}

.vd-promo-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 16px;
    -ms-flex-pack: justify;
}

.vd-promo--full {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
    -ms-flex-preferred-size: 100%;
    -ms-flex-pack: start;
}

@media only screen and (max-width: 768px) {
    .vd-promo--full {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        -ms-flex-pack: center;
    }
}

.vd-promo--full .vd-promo-content {
    -webkit-align-self: center;
    align-self: center;
    padding: 0 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
}

.vd-promo--full .vd-promo-headline {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .vd-promo--full .vd-promo-headline {
        margin: 12px 0;
    }
}

.vd-promo--full .vd-promo-image-container {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
}

.vd-promo--disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-promo-image--restrained {
    width: 110px;
}

@-webkit-keyframes vd-radio-checked {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    33% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    66% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes vd-radio-checked {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    33% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    66% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.vd-radio {
    position: relative;
    display: inline-block;
    padding: 0 4px;
}

.vd-radio:first-child {
    padding-left: 0;
}

.vd-radio:last-child {
    padding-right: 0;
}

.vd-radio-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: 12px;
    cursor: pointer;
    -ms-flex-align: start;
}

.vd-radio-container:last-child {
    padding-bottom: 0;
}

.vd-radio-input-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.vd-radio-label {
    padding-left: 12px;
}

.vd-radio-description {
    margin: 0;
    padding-top: 8px;
    padding-left: 32px;
    word-break: break-word;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-radio-description--disabled {
    opacity: 0.35;
}

.vd-radio-tick {
    position: relative;
    display: inline-block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 2px solid #E5EAED;
    border-radius: 50%;
    background-color: #FFFFFF;
    -ms-flex-negative: 0;
}

.vd-radio-tick:after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #E5EAED;
    content: '';
    opacity: 0;
    transition: opacity 0.2s;
}

.vd-radio--large .vd-radio-tick {
    width: 26px;
    height: 26px;
}

.vd-radio--large .vd-radio-tick:after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
}

.vd-radio--large .vd-radio-description {
    padding-left: 38px;
}

.vd-radio-input:hover + .vd-radio-tick:after {
    opacity: 1;
}

.vd-radio-input:checked + .vd-radio-tick {
    transition: background-color 0.8s;
}

.vd-radio--primary .vd-radio-input:checked + .vd-radio-tick {
    border-color: #41AF4B;
    background-color: #41AF4B;
}

.vd-radio--secondary .vd-radio-input:checked + .vd-radio-tick {
    border-color: #6692B0;
    background-color: #6692B0;
}

.vd-radio-input:checked + .vd-radio-tick:after {
    box-sizing: content-box;
    background-color: #FFFFFF;
    opacity: 1;
    -webkit-animation: vd-radio-checked 0.8s;
    animation: vd-radio-checked 0.8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.vd-radio.vd-disabled .vd-radio-input,
.vd-radio-input:disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.vd-radio.vd-disabled .vd-radio-input:hover + .vd-radio-tick:after,
.vd-radio-input:disabled:hover + .vd-radio-tick:after {
    opacity: 0;
}

.vd-radio.vd-disabled .vd-radio-input:hover:checked + .vd-radio-tick:after,
.vd-radio-input:disabled:hover:checked + .vd-radio-tick:after {
    background-color: #FFFFFF;
    opacity: 1;
}

.vd-radio.vd-disabled .vd-radio-input ~ .vd-radio-label,
.vd-radio-input:disabled ~ .vd-radio-label {
    opacity: 0.35;
}

.vd-radio.vd-disabled .vd-radio-input:checked ~ .vd-radio-tick,
.vd-radio-input:disabled:checked ~ .vd-radio-tick {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-radio:focus-within {
    box-shadow: 0 0 5px 2px #008AE8;
}

.vd-scrollable-container {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
}

.vd-scrollable {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
}

.vd-scrollable-indicator {
    position: absolute;
    left: 50%;
    z-index: 100;
    overflow: hidden;
    margin: 0 -45%;
    width: 90%;
    height: 30px;
    opacity: 0;
    transition: opacity 0.2s ease 0s;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vd-scrollable-indicator::before {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
    content: '';
}

.vd-scrollable-monobrow {
    top: 0;
}

.vd-scrollable-monobrow::before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.vd-scrollable-goatee {
    bottom: 0;
}

.vd-scrollable-goatee::before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

:root {
    --vd-section-padding-h: 48px;
    --vd-section-padding-v: 24px;
}

@media only screen and (max-width: 1000px) {
    :root {
        --vd-section-padding-h: 32px;
        --vd-section-padding-v: 16px;
    }
}

@media only screen and (max-width: 768px) {
    :root {
        --vd-section-padding-h: 24px;
        --vd-section-padding-v: 16px;
    }
}

vd-section,
.vd-section {
    position: relative;
    display: block;
    padding: var(--vd-section-padding-v) var(--vd-section-padding-h);
    font-size: 15px;
}

vd-section .vd-section-wrap,
.vd-section .vd-section-wrap {
    display: block;
    margin: 0 auto;
    max-width: 1100px;
}

vd-section .vd-section-container,
.vd-section .vd-section-container {
    margin: calc(var(--vd-section-padding-v) * -1) calc(var(--vd-section-padding-h) * -1);
    padding: var(--vd-section-padding-v) var(--vd-section-padding-h);
}

vd-section vd-section,
vd-section .vd-section,
.vd-section vd-section,
.vd-section .vd-section {
    padding: var(--vd-section-padding-v) 0;
}

@supports not (--a: 0) {
    vd-section,
    .vd-section {
        padding: 24px 48px;
    }

    vd-section .vd-section-container,
    .vd-section .vd-section-container {
        margin: -24px -48px;
        padding: 24px 48px;
    }

    vd-section vd-section,
    vd-section .vd-section,
    .vd-section vd-section,
    .vd-section .vd-section {
        padding: 24px 0;
    }
}

.vd-section--secondary, .vd-section--secondary .vd-section-container {
    background-color: #E5EAED;
}

.vd-section--tertiary, .vd-section--tertiary .vd-section-container {
    background-color: #FFFFFF;
}

.vd-section--panel {
    margin: 0 24px;
    border-bottom: 1px solid #BECBCF;
}

.vd-section--panel:last-child {
    border-bottom: none;
}

.vd-section--fixed {
    position: relative;
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 200;
    box-sizing: border-box;
}

.vd-section--fixed::after {
    position: absolute;
    top: 3em;
    right: 1em;
    bottom: 0px;
    left: 1em;
    z-index: -2;
    box-shadow: 0 0.1em 4em 0 rgba(0, 0, 0, 0.35);
    content: '';
}

.vd-section--fixed::after {
    top: auto;
    bottom: 4px;
    height: 40px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: vd-fade-in 0.2s ease-in-out;
    animation: vd-fade-in 0.2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.vd-section--action-bar, .vd-section--action-bar .vd-section-container {
    background-color: #E5EAED;
}

.vd-section--action-bar .vd-section-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 45px;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
}

@media only screen and (max-width: 768px) {
    .vd-section--action-bar .vd-section-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.vd-section--action-bar-about {
    padding-right: 24px;
}

@media only screen and (max-width: 768px) {
    .vd-section--action-bar-about {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        padding: 0 0 24px 0;
        -ms-flex-preferred-size: 100%;
    }
}

.vd-section--action-bar-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vd-section-back {
    position: absolute;
    top: 12px;
    left: -33px;
    border-radius: 10px;
    background-color: transparent;
    cursor: pointer;
}

.vd-section-back .vd-section-back-icon {
    display: block;
    color: #BECBCF;
    font-size: 24px;
    transition: all 0.2s;
    transition-property: margin-left, padding-right, color;
}

.vd-section-back:hover .vd-section-back-icon {
    margin-left: -2px;
    padding-right: 2px;
    color: #41AF4B;
}

@media only screen and (max-width: 1000px) {
    .vd-section-back {
        position: relative;
        left: 0;
    }

    .vd-section-back .vd-section-back-icon {
        display: inline-block;
        vertical-align: text-top;
    }
}

.vd-segcontrol {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.vd-segcontrol:first-of-type .vd-segcontrol-button {
    border-left: 2px solid #E5EAED;
    border-radius: 3px 0 0 3px;
}

.vd-segcontrol:last-of-type .vd-segcontrol-button {
    border-right: 2px solid #E5EAED;
    border-radius: 0 3px 3px 0;
}

.vd-segcontrol--stretched {
    width: 100%;
}

.vd-segcontrol--selected .vd-segcontrol-button {
    z-index: 3;
    border-color: #41AF4B !important;
}

.vd-segcontrol:not(.vd-segcontrol--selected):not(.vd-segcontrol--disabled):hover .vd-segcontrol-input:not(:disabled) ~ .vd-segcontrol-button {
    z-index: 2;
    border-color: #BECBCF;
    cursor: pointer;
}

.vd-segcontrol + .vd-segcontrol .vd-segcontrol-button {
    margin-left: -2px;
}

.vd-segcontrol-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 12px 20px;
    width: 100%;
    border: 2px solid #E5EAED;
    background-color: #FFFFFF;
    color: #3A4953;
    transition-duration: 0.2s;
    transition-property: background, border;
    -ms-flex-pack: start;
    -ms-flex-align: center;
}

.vd-segcontrol-input {
    position: absolute;
    visibility: hidden;
}

.vd-segcontrol-input:checked + .vd-segcontrol-button {
    color: #3A4953;
}

.vd-segcontrol-input:disabled + .vd-segcontrol-button {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}

.vd-segcontrol:active .vd-segcontrol-input + .vd-segcontrol-button {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.35);
}

.vd-segcontrol--panel {
    margin-left: 20px;
    width: 100%;
}

.vd-segcontrol--panel:first-of-type {
    margin-left: 0;
}

.vd-select-container {
    position: relative;
    display: block;
}

.vd-select-container.vd-error .vd-select {
    border-color: #E6643C;
}

.vd-select-container.vd-error .vd-select:focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-select {
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    padding-right: 36px;
    width: 100%;
    outline: none;
    border: 2px solid #E5EAED;
    border-radius: 3px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml,      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10">        <polygon points="10 0, 0 10, 20 10" fill="currentColor"/>      </svg>'), url('data:image/svg+xml,      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10">        <polygon points="0 0, 20 0, 10, 10" fill="currentColor"/>      </svg>');
    background-position: calc(100% - 10px) 10px, calc(100% - 10px) calc(100% - 10px);
    background-size: 10px, 10px;
    background-repeat: no-repeat;
    box-shadow: none;
    color: #3A4953;
    word-break: normal;
    font-weight: 400;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    transition: all 0.2s;
    transition-property: border-color, box-shadow;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vd-select::-webkit-input-placeholder {
    color: #6692B0;
}

.vd-select:-ms-input-placeholder {
    color: #6692B0;
}

.vd-select::placeholder {
    color: #6692B0;
}

.vd-select:disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-select:focus, .vd-select.vd-focus {
    border-color: #008AE8;
    box-shadow: 0 0 3px #008AE8;
}

.vd-select.vd-input--error, .vd-select.vd-error, .vd-select.ng-invalid.ng-dirty,
.ng-submitted .vd-select.ng-invalid {
    border-color: #E6643C;
}

.vd-select.vd-input--error:focus, .vd-select.vd-input--error.vd-focus, .vd-select.vd-error:focus, .vd-select.vd-error.vd-focus, .vd-select.ng-invalid.ng-dirty:focus, .vd-select.ng-invalid.ng-dirty.vd-focus,
.ng-submitted .vd-select.ng-invalid:focus,
.ng-submitted .vd-select.ng-invalid.vd-focus {
    box-shadow: 0 0 3px #E6643C;
}

.vd-select-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.vd-select-group .vd-select-container {
    width: auto;
}

.vd-select-group .vd-input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0;
    margin-left: 0;
}

.vd-select-group .vd-input, .vd-select-group .vd-select {
    position: relative;
}

.vd-select-group .vd-input:focus, .vd-select-group .vd-select:focus {
    z-index: 103;
}

.vd-select-group .vd-input:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.vd-select-group .vd-select-container:not(:first-child) {
    margin-left: -1px;
}

.vd-select-group .vd-select-container:not(:first-child) .vd-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.vd-select-group .vd-input:not(:last-child),
.vd-select-group .vd-select-container:not(:last-child) .vd-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.vd-select-group .vd-input.vd-error, .vd-select-group .vd-select-container:not(:last-child).vd-error {
    z-index: 102;
}

.vd-select-container--inline {
    position: relative;
    display: inline-block;
}

.vd-select-container--inline::before, .vd-select-container--inline::after {
    display: none;
}

.vd-select-container--inline .vd-select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    line-height: inherit;
    opacity: 0;
    cursor: pointer;
}

.vd-select-inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: baseline;
    align-self: baseline;
    -ms-flex-item-align: baseline;
}

.vd-select-inline--placeholder {
    color: #6692B0;
}

.vd-select-inline-text {
    text-decoration: underline;
    pointer-events: none;
}

.vd-select-inline-chevron {
    -webkit-align-self: center;
    align-self: center;
    padding-left: 0.1em;
    font-size: 0.5em;
    pointer-events: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
}

.vd-sidebar {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    height: calc(100% - 50px);
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    -ms-flex-negative: 0;
}

.vd-sidebar-drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 145px;
    height: 100%;
    border-right: 1px solid #E5EAED;
    background-color: #FFFFFF;
    -ms-flex-negative: 0;
}

.vd-sidebar-drawer .vd-nav-item {
    width: 100%;
    height: auto;
    color: #3A4953;
    font-weight: 700;
}

.vd-sidebar-drawer .vd-nav-item:hover {
    background: #F0F4F4;
}

.vd-sidebar-drawer .vd-nav-item-action {
    padding: 20px 10px;
}

.vd-sidebar-drawer .vd-nav-item--active {
    color: #6692B0;
}

.vd-sidebar-drawer .vd-nav-item--pending {
    color: #6692B0;
}

.vd-sidebar-drawer .vd-nav-item--disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-sidebar-drawer .vd-nav-item--disabled:hover {
    background-color: inherit;
}

.vd-sidebar-drawer .vd-nav-item-label {
    font-size: 14px;
}

.vd-sidebar-tabs {
    z-index: 101;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 85px;
    height: 100%;
    background-color: #E5EAED;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    color: #3A4953;
    font-size: 12px;
    -ms-flex-negative: 0;
}

.vd-sidebar-tabs .vd-nav-item {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 75px;
    -ms-flex-negative: 0;
}

.vd-sidebar-tabs .vd-nav-item:hover {
    background: #F0F4F4;
}

.vd-sidebar-tabs .vd-nav-item-action {
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.vd-sidebar-tabs .vd-nav-item--active {
    background: #FFFFFF;
}

.vd-sidebar-tabs .vd-nav-item--pending {
    background: #F0F4F4;
}

.vd-sidebar-tabs .vd-nav-item--disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-sidebar-tabs .vd-nav-item--disabled:hover {
    background-color: inherit;
}

.vd-sidebar-tabs .vd-nav-item-label {
    font-weight: 700;
}

.vd-sidebar-tabs .vd-nav-item-icon {
    font-size: 20px;
}

.vd-sidebar-tabs .vd-nav-item--ocean-green .vd-nav-item-icon {
    color: #44B773;
}

.vd-sidebar-tabs .vd-nav-item--ocean-green.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--ocean-green.vd-nav-item--pending {
    border-color: #44B773;
}

.vd-sidebar-tabs .vd-nav-item--shakespeare .vd-nav-item-icon {
    color: #56BAD6;
}

.vd-sidebar-tabs .vd-nav-item--shakespeare.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--shakespeare.vd-nav-item--pending {
    border-color: #56BAD6;
}

.vd-sidebar-tabs .vd-nav-item--rajah .vd-nav-item-icon {
    color: #F3C276;
}

.vd-sidebar-tabs .vd-nav-item--rajah.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--rajah.vd-nav-item--pending {
    border-color: #F3C276;
}

.vd-sidebar-tabs .vd-nav-item--carnation .vd-nav-item-icon {
    color: #F5765F;
}

.vd-sidebar-tabs .vd-nav-item--carnation.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--carnation.vd-nav-item--pending {
    border-color: #F5765F;
}

.vd-sidebar-tabs .vd-nav-item--wistera .vd-nav-item-icon {
    color: #A059B5;
}

.vd-sidebar-tabs .vd-nav-item--wistera.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--wistera.vd-nav-item--pending {
    border-color: #A059B5;
}

.vd-sidebar-tabs .vd-nav-item--java .vd-nav-item-icon {
    color: #20C2A6;
}

.vd-sidebar-tabs .vd-nav-item--java.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--java.vd-nav-item--pending {
    border-color: #20C2A6;
}

.vd-sidebar-tabs .vd-nav-item--waterloo .vd-nav-item-icon {
    color: #7D769B;
}

.vd-sidebar-tabs .vd-nav-item--waterloo.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--waterloo.vd-nav-item--pending {
    border-color: #7D769B;
}

.vd-sidebar-tabs .vd-nav-item--di-serria .vd-nav-item-icon {
    color: #DCAC56;
}

.vd-sidebar-tabs .vd-nav-item--di-serria.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--di-serria.vd-nav-item--pending {
    border-color: #DCAC56;
}

.vd-sidebar-tabs .vd-nav-item--pharlap .vd-nav-item-icon {
    color: #A48A88;
}

.vd-sidebar-tabs .vd-nav-item--pharlap.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--pharlap.vd-nav-item--pending {
    border-color: #A48A88;
}

.vd-sidebar-tabs .vd-nav-item--blue-chill .vd-nav-item-icon {
    color: #10768E;
}

.vd-sidebar-tabs .vd-nav-item--blue-chill.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--blue-chill.vd-nav-item--pending {
    border-color: #10768E;
}

.vd-sidebar-tabs .vd-nav-item--puce .vd-nav-item-icon {
    color: #C7809A;
}

.vd-sidebar-tabs .vd-nav-item--puce.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--puce.vd-nav-item--pending {
    border-color: #C7809A;
}

.vd-sidebar-tabs .vd-nav-item--fiord .vd-nav-item-icon {
    color: #485770;
}

.vd-sidebar-tabs .vd-nav-item--fiord.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--fiord.vd-nav-item--pending {
    border-color: #485770;
}

.vd-sidebar-tabs .vd-nav-item--roman .vd-nav-item-icon {
    color: #DA6E54;
}

.vd-sidebar-tabs .vd-nav-item--roman.vd-nav-item--active, .vd-sidebar-tabs .vd-nav-item--roman.vd-nav-item--pending {
    border-color: #DA6E54;
}

.vd-splash-fullscreen-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    border: 20px solid rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 480px) {
    .vd-splash-fullscreen-container {
        border-width: 10px;
    }
}

.vd-splash-fullscreen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -webkit-animation: vd-fade-in 0.5s ease-in-out;
    animation: vd-fade-in 0.5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

.vd-splash-fullscreen .vd-dialog-close {
    top: 10px;
    right: 20px;
    z-index: 100;
}

.vd-splash-fullscreen-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 20px;
}

.vd-status-icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #41AF4B;
    vertical-align: middle;
}

.vd-status-icon--negative {
    background-color: #E6643C;
}

.vd-suggestions-popover .vd-popover-content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-y: hidden;
}

.vd-suggestion-badge {
    margin-top: -8px;
    margin-bottom: -8px;
}

.vd-suggestion-list-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.vd-suggestion-list-container .vd-scrollable-goatee {
    bottom: 50px;
}

.vd-suggestion-list-container .vd-suggestion-list--with-footer .vd-scrollable {
    margin-bottom: 50px;
}

.vd-suggestion--footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    height: 50px;
    border-top: 1px solid #E5EAED;
    background-color: #FFFFFF;
}

.vd-suggestion-query-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    white-space: nowrap;
    -ms-flex-align: center;
}

.vd-suggestion-query-container--center {
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.vd-suggestion-query {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-suggestion--footer-clear {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
}

.vd-suggestion-clear {
    margin-right: -16px !important;
}

.vd-switch {
    position: relative;
    display: inline-block;
}

.vd-switch-input:disabled, .vd-switch-input.disabled {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.vd-switch-input:disabled {
    opacity: 0;
}

.vd-switch-track {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 68px;
    height: 36px;
    border: 2px solid #41AF4B;
    border-radius: 36px;
    background-color: #FFFFFF;
    vertical-align: middle;
    transition: background-color 0.5s ease-in-out;
}

.vd-switch--small .vd-switch-track {
    width: 52px;
    height: 28px;
}

.vd-switch-icon {
    position: absolute;
    top: 8px;
    left: 10px;
    display: inline-block;
    box-sizing: border-box;
    color: #FFFFFF;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.vd-switch--small .vd-switch-icon {
    top: 6px;
    left: 7px;
    font-size: 12px;
}

.vd-cross-icon {
    position: absolute;
    top: 8px;
    left: 41px;
    display: inline-block;
    box-sizing: border-box;
    color: #41AF4B;
    opacity: 1;
    transition: opacity 0.54s ease-in-out;
}

.vd-switch--small .vd-cross-icon {
    top: 6px;
    left: 31px;
    font-size: 12px;
}

.vd-switch-track-knob {
    float: left;
    box-sizing: border-box;
    margin-top: -2px;
    margin-left: -2px;
    width: 36px;
    height: 36px;
    border: 2px solid #41AF4B;
    border-radius: inherit;
    background-color: #FFFFFF;
    transition: -webkit-transform 0.5s cubic-bezier(0.54, 1.85, 0.5, 1);
    transition: transform 0.5s cubic-bezier(0.54, 1.85, 0.5, 1);
    transition: transform 0.5s cubic-bezier(0.54, 1.85, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.54, 1.85, 0.5, 1);
    pointer-events: none;
}

.vd-switch--small .vd-switch-track-knob {
    width: 28px;
    height: 28px;
}

.vd-switch-input:checked + .vd-switch-track {
    background-color: #41AF4B;
}

.vd-switch-input:checked + .vd-switch-track .vd-switch-icon {
    opacity: 1;
}

.vd-switch-input:checked + .vd-switch-track .vd-cross-icon {
    opacity: 0;
}

.vd-switch-input:checked + .vd-switch-track .vd-switch-track-knob {
    -webkit-transform: translate3d(32px, 0, 0);
    transform: translate3d(32px, 0, 0);
}

.vd-switch--small .vd-switch-input:checked + .vd-switch-track .vd-switch-track-knob {
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0);
}

.vd-switch-input:focus + .vd-switch-track {
    box-shadow: 0 0 5px 2px #008AE8;
}

.vd-switch-input:disabled + .vd-switch-track {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.vd-tabs {
    display: block;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 -1px #BECBCF;
}

.vd-tab {
    display: inline-block;
}

.vd-tab + .vd-tab {
    margin-left: 30px;
}

.vd-tab.vd-tab--active .vd-tab-button,
.vd-tab:hover:not(.vd-tab--disabled) .vd-tab-button {
    border-bottom-color: #41AF4B;
    color: #41AF4B;
}

.vd-tab:hover:not(.vd-tab--active) .vd-tab-button {
    cursor: pointer;
}

.vd-tab.vd-tab--disabled .vd-tab-button {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.vd-tab.vd-tab--disabled .vd-tab-button:hover {
    cursor: not-allowed;
}

.vd-tab-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0;
    height: 48px;
    outline: none;
    border: none;
    border-bottom: 4px solid transparent;
    background-color: transparent;
    color: inherit;
    font-weight: 400;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    transition: background 0.2s;
    -ms-flex-align: center;
}

.vd-tabs--no-border {
    box-shadow: none;
}

.vd-tabs--large .vd-tab .vd-tab-button {
    border-bottom-width: 5px;
    font-size: 18px;
}

table {
    border-collapse: collapse;
}

.vd-table {
    width: 100%;
    border: 0;
    font-size: 15px;
}

.vd-table thead {
    margin: 0;
    word-break: break-word;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-table thead th {
    padding: 16px 40px 16px;
    text-align: left;
}

.vd-table thead tr {
    border-color: #BECBCF;
}

.vd-table tr {
    border-bottom: 1px solid #E5EAED;
}

.vd-table tr .vd-clickable {
    display: block;
}

.vd-table tr.vd-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.vd-table tr.vd-inactive:hover {
    background-color: inherit;
}

.vd-table tr.vd-error {
    background-color: #fdf0ec;
    transition: background-color 0.5s ease-in-out;
}

.vd-table tr.vd-no-border-b {
    border-bottom: none;
}

.vd-table tr.vd-no-border-t {
    border-top: none;
}

.vd-table tr.vd-no-border-l {
    border-left: none;
}

.vd-table tr.vd-no-border-r {
    border-right: none;
}

.vd-table tr.vd-border-t {
    border-top: 1px solid #E5EAED;
}

.vd-table tr.vd-border-b {
    border-bottom: 1px solid #E5EAED;
}

.vd-table tr.vd-med-pad-t td, .vd-table tr.vd-med-pad-v td {
    padding-top: 8px;
}

.vd-table tr.vd-med-pad-b td, .vd-table tr.vd-med-pad-v td {
    padding-bottom: 8px;
}

.vd-table tr.vd-sml-pad-t td, .vd-table tr.vd-sml-pad-v td {
    padding-top: 4px;
}

.vd-table tr.vd-sml-pad-b td, .vd-table tr.vd-sml-pad-v td {
    padding-bottom: 4px;
}

.vd-table tr.vd-valign-t td {
    vertical-align: top;
}

.vd-table tr.vd-valign-m td {
    vertical-align: middle;
}

.vd-table tr.vd-valign-b td {
    vertical-align: bottom;
}

.vd-table tr.vd-expandable:hover:not(.vd-expandable--nt) {
    background-color: #e6f3fd;
    cursor: pointer;
}

.vd-table tr.vd-expandable + tr:not(.vd-expandable), .vd-table tr.vd-expandable.vd-expandable--expanded {
    background: #FFFFFF;
}

.vd-table tr.vd-expandable + tr:not(.vd-expandable) > td:first-child::before, .vd-table tr.vd-expandable.vd-expandable--expanded > td:first-child::before {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 4px;
    background-color: #41AF4B;
    content: '';
}

.vd-table tr.vd-expandable + tr:not(.vd-expandable) {
    display: none;
}

.vd-table tr.vd-expandable.vd-expandable--expanded + tr {
    display: table-row;
}

.vd-table td {
    vertical-align: middle;
}

.vd-table td, .vd-table th {
    position: relative;
    padding: 20px 40px;
    white-space: normal;
    word-break: break-word;
}

.vd-table td.vd-tight, .vd-table th.vd-tight {
    width: 1%;
    white-space: nowrap;
}

.vd-table td.vd-truncate, .vd-table td.vd-truncate *, .vd-table th.vd-truncate, .vd-table th.vd-truncate * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-table td.vd-sml-pad-h, .vd-table td.vd-sml-pad-l, .vd-table th.vd-sml-pad-h, .vd-table th.vd-sml-pad-l {
    padding-left: 8px;
}

.vd-table td.vd-sml-pad-h, .vd-table td.vd-sml-pad-r, .vd-table th.vd-sml-pad-h, .vd-table th.vd-sml-pad-r {
    padding-right: 8px;
}

.vd-table td.vd-no-pad-h, .vd-table td.vd-no-pad-l, .vd-table th.vd-no-pad-h, .vd-table th.vd-no-pad-l {
    padding-left: 0;
}

.vd-table td.vd-no-pad-h, .vd-table td.vd-no-pad-r, .vd-table th.vd-no-pad-h, .vd-table th.vd-no-pad-r {
    padding-right: 0;
}

.vd-table td.vd-no-pad-v, .vd-table td.vd-no-pad-b, .vd-table th.vd-no-pad-v, .vd-table th.vd-no-pad-b {
    padding-bottom: 0;
}

.vd-table td.vd-no-pad-v, .vd-table td.vd-no-pad-t, .vd-table th.vd-no-pad-v, .vd-table th.vd-no-pad-t {
    padding-top: 0;
}

.vd-table td.vd-valign-t, .vd-table th.vd-valign-t {
    vertical-align: top;
}

.vd-table td.vd-valign-m, .vd-table th.vd-valign-m {
    vertical-align: middle;
}

.vd-table td.vd-valign-b, .vd-table th.vd-valign-b {
    vertical-align: bottom;
}

.vd-table.vd-table--data {
    border: 1px solid #E5EAED;
}

.vd-table.vd-table--data tr {
    background-color: #FFFFFF;
}

.vd-table--compact thead th {
    padding: 16px 8px;
}

.vd-table--compact td {
    padding: 16px 8px;
    font-size: 13px;
}

.vd-table--fixed {
    table-layout: fixed;
}

.vd-table--fixed td {
    white-space: normal;
    word-break: break-word;
}

.vd-table .vd-table-nested-report-container {
    padding: 0 0 0 3px;
}

.vd-table .vd-table-expanded-td-reset {
    padding: 0 0 0 4px;
}

.vd-table--report {
    border: 1px solid #E5EAED;
}

.vd-table--report > thead th {
    padding: 16px 16px;
    background-color: #FFFFFF;
}

.vd-table--report > thead tr {
    border: 1px solid #E5EAED;
}

.vd-table--report > tbody > tr {
    border-bottom: none;
}

.vd-table--report > tbody > tr:nth-child(odd) {
    background-color: #F0F4F4;
}

.vd-table--report > tbody > tr:nth-child(even) {
    background-color: #FFFFFF;
}

.vd-table--report > tbody > tr > td {
    padding: 16px 16px;
}

.vd-table--report > tfoot > tr > td {
    padding: 16px;
}

.vd-table--report.vd-table--expandable > tbody > tr:nth-child(4n+3) {
    background-color: #FFFFFF;
}

.vd-table--report.vd-table--report--nested {
    border-right: none;
    border-left: none;
}

.vd-table--report.vd-table--report--nested.vd-table {
    margin-bottom: 0;
}

.vd-table--report.vd-table--report--nested > tbody > tr:nth-child(odd) {
    background-color: #F0F4F4;
}

.vd-table--report.vd-table--report--nested > tbody > tr:nth-child(even) {
    background-color: #FFFFFF;
}

.vd-table--report.vd-table--report--nested > tbody > tr > td:first-child {
    padding-left: 13px;
}

.vd-table--report.vd-table--report--nested--indented > tbody > tr > td:first-child {
    padding-left: 53px;
}

.vd-text--secondary {
    color: #6692B0;
}

.vd-text--success {
    color: #41AF4B;
}

.vd-text--negative {
    color: #E6643C;
}

.vd-text--warning {
    color: #E8BC34;
}

.vd-text--disabled {
    color: #3A4953;
    opacity: 0.35;
}

.vd-text--sub {
    font-size: 12px;
}

.vd-text--intro {
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33333;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-text--honour-line-break {
    white-space: pre-line;
}

.vd-toast-notification-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 500;
    display: block;
    color: #3A4953;
    font-size: 15px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    opacity: 0;
    transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
    transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s;
    transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-toast-notification-container.vd-visible {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.vd-toast-notification {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px 40px;
    max-width: 680px;
    width: calc(100% - 20px);
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    transition: opacity ease-in-out 0.5s;
    pointer-events: auto;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.vd-toast-notification-dismiss {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.vd-toast-notification-dismiss:hover {
    cursor: pointer;
}

.vd-toast-notification--success {
    background-color: #41AF4B;
}

.vd-toast-notification--negative {
    background-color: #E6643C;
}

.vd-popover--tooltip {
    border-color: #303D45;
    background-color: #3E505C;
    color: #FFFFFF;
}

.vd-popover--tooltip .vd-popover-content {
    padding: 8px;
    background-color: #3E505C;
}

.vd-popover--tooltip .vd-popover-beak {
    border-color: #303D45;
    background-color: #3E505C;
}

.vd-topbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    height: 50px;
    background-color: #3A4953;
    color: #FFFFFF;
    font-size: 14px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
}

.vd-topbar .vd-nav-item-action {
    padding: 0 20px;
    opacity: 0.5;
}

.vd-topbar .vd-nav-item-action:hover {
    opacity: 1;
}

.vd-topbar .vd-nav-item-icon + .vd-nav-item-label {
    margin-left: 10px;
}

.vd-topbar .vd-nav-item-label {
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 480px) {
    .vd-show-mobile {
        display: block !important;
    }

    table.vd-show-mobile {
        display: table !important;
    }

    tr.vd-show-mobile {
        display: table-row !important;
    }

    th.vd-show-mobile,
    td.vd-show-mobile {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 768px) {
    .vd-show-tablet-portrait {
        display: block !important;
    }

    table.vd-show-tablet-portrait {
        display: table !important;
    }

    tr.vd-show-tablet-portrait {
        display: table-row !important;
    }

    th.vd-show-tablet-portrait,
    td.vd-show-tablet-portrait {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 768px) {
    .vd-show-tablet-landscape {
        display: block !important;
    }

    table.vd-show-tablet-landscape {
        display: table !important;
    }

    tr.vd-show-tablet-landscape {
        display: table-row !important;
    }

    th.vd-show-tablet-landscape,
    td.vd-show-tablet-landscape {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 1200px) {
    .vd-show-desktop {
        display: block !important;
    }

    table.vd-show-desktop {
        display: table !important;
    }

    tr.vd-show-desktop {
        display: table-row !important;
    }

    th.vd-show-desktop,
    td.vd-show-desktop {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 480px) {
    .vd-hide-mobile {
        display: none !important;
    }

    th.vd-hide-mobile,
    td.vd-hide-mobile {
        display: table-cell !important;
        visibility: collapse !important;
        width: 0 !important;
        white-space: nowrap !important;
    }
}

@media only screen and (max-width: 768px) {
    .vd-hide-tablet-portrait {
        display: none !important;
    }

    th.vd-hide-tablet-portrait,
    td.vd-hide-tablet-portrait {
        display: table-cell !important;
        visibility: collapse !important;
        width: 0 !important;
        white-space: nowrap !important;
    }
}

@media only screen and (max-width: 1000px) {
    .vd-hide-tablet-landscape {
        display: none !important;
    }

    th.vd-hide-tablet-landscape,
    td.vd-hide-tablet-landscape {
        display: table-cell !important;
        visibility: collapse !important;
        width: 0 !important;
        white-space: nowrap !important;
    }
}

@media only screen and (min-width: 1001px) {
    .vd-hide-desktop {
        display: none !important;
    }

    th.vd-hide-desktop,
    td.vd-hide-desktop {
        display: table-cell !important;
        visibility: collapse !important;
        width: 0 !important;
        white-space: nowrap !important;
    }
}

.vd-show-print {
    display: none !important;
}

th.vd-show-print,
td.vd-show-print {
    display: table-cell !important;
    visibility: collapse !important;
    width: 0 !important;
    white-space: nowrap !important;
}

@media print {
    .vd-show-print {
        display: block !important;
    }

    table.vd-show-print {
        display: table !important;
    }

    tr.vd-show-print {
        display: table-row !important;
    }

    th.vd-show-print,
    td.vd-show-print {
        display: table-cell !important;
    }

    .vd-hide-print {
        display: none !important;
    }

    th.vd-hide-print,
    td.vd-hide-print {
        display: table-cell !important;
        visibility: collapse !important;
        width: 0 !important;
        white-space: nowrap !important;
    }
}

.vd-next-stepper {
    display: block;
    padding: 24px;
    border: 1px solid #E5EAED;
    background-color: #FFFFFF;
}

.vd-next-stepper.vd-next-stepper--on-box {
    border-color: transparent;
    background-color: #F0F4F4;
}

.vd-next-stepper-label {
    margin-right: 4px;
    white-space: nowrap;
    font-weight: bold;
}

.vd-next-stepper-summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.vd-next-stepper-header {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding-right: 8px;
    -ms-flex-preferred-size: 100%;
}

.vd-next-stepper-details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #BECBCF;
}

.vd-next-stepper-confirm {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin: 8px 0 0;
    -ms-flex-item-align: end;
}

.vd-next-stepper-why {
    white-space: nowrap;
}

.vd-next-stepper-dott {
    margin-right: 24px;
}

@media only screen and (max-width: 480px) {
    .vd-next-stepper-summary {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .vd-next-stepper-header {
        padding: 0 0 8px 0;
    }

    .vd-next-stepper-why {
        -webkit-align-self: flex-end;
        align-self: flex-end;
        -ms-flex-item-align: end;
    }
}

.vd-grid-settings-item {
    padding-right: 40px;
}

@media only screen and (max-width: 768px) {
    .vd-grid-settings-item {
        padding-right: 0;
        padding-bottom: 40px;
    }
}

.vd-save {
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
}

.vd-badge {
    display: block;
}

.vd-id-badge {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    align-items: stretch;
    overflow: hidden;
    text-align: left;
    -ms-flex-align: stretch;
}

.vd-id-badge .vd-flag-container {
    display: inline-block;
    vertical-align: text-bottom;
}

.vd-id-badge .vd-id-badge__header-title {
    display: inline;
}

.vd-id-badge + .vd-id-badge {
    margin-top: 16px;
    margin-right: 16px;
}

.vd-id-badge.vd-id-badge--current {
    border-color: #41AF4B;
}

.vd-id-badge.vd-id-badge--interactive-selection {
    border: 2px solid #E5EAED;
    border-radius: 5px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.vd-id-badge.vd-id-badge--interactive-selection .vd-id-badge__image {
    border-radius: 0;
}

.vd-id-badge.vd-id-badge--interactive-selection:hover, .vd-id-badge.vd-id-badge--interactive-selection:active, .vd-id-badge.vd-id-badge--interactive-selection:focus {
    outline: none;
    background-color: #e6f3fd;
}

.vd-id-badge.vd-id-badge--current {
    border-color: #41AF4B;
}

.vd-id-badge.vd-id-badge--small .vd-id-badge__content {
    padding: 8px;
}

.vd-id-badge.vd-id-badge--small .vd-id-badge__image {
    min-width: 50px;
    min-height: 50px;
}

.vd-id-badge.vd-id-badge--interactive-action {
    cursor: pointer;
}

.vd-id-badge.vd-id-badge--interactive-action .vd-id-badge__header-title {
    text-decoration: underline;
}

.vd-id-badge.vd-id-badge--interactive-action:hover, .vd-id-badge.vd-id-badge--interactive-action:active, .vd-id-badge.vd-id-badge--interactive-action:focus {
    outline: none;
}

.vd-id-badge.vd-id-badge--interactive-action:hover .vd-id-badge__header-title, .vd-id-badge.vd-id-badge--interactive-action:active .vd-id-badge__header-title, .vd-id-badge.vd-id-badge--interactive-action:focus .vd-id-badge__header-title {
    color: #008AE8;
}

.vd-id-badge.vd-id-badge--x-small .vd-id-badge__content {
    padding: 8px;
}

.vd-id-badge.vd-id-badge--x-small .vd-id-badge__image {
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    width: 35px;
    height: 35px;
}

.vd-id-badge.vd-id-badge--avatar-multi {
    min-width: 0;
}

.vd-id-badge.vd-id-badge--avatar-multi .vd-id-badge__image {
    -webkit-align-self: center;
    align-self: center;
    min-width: auto;
    min-height: auto;
    width: 76px;
    height: 76px;
    background: transparent;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
}

.vd-id-badge.vd-id-badge--avatar-multi .vd-id-badge__content {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 0;
}

.vd-table .vd-id-badge {
    margin-top: -10px;
    margin-bottom: -10px;
}

.vd-id-badge__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: 16px;
    word-break: break-word;
    word-break: break-word;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33333;
    -ms-flex-pack: center;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-id-badge__description {
    margin: 0;
    margin-top: 2px;
    word-break: break-word;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-id-badge__status {
    margin: 0;
    margin-top: 2px;
    word-break: break-word;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.vd-id-badge__image {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-width: 76px;
    min-height: 76px;
    border-radius: 5px;
    background-color: #E5EAED;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
}

.vd-id-badge__image .vd-avatar {
    height: 100%;
    border-radius: 0;
}

.vd-mtn {
    margin-top: 0 !important;
}

.vd-mts {
    margin-top: 5px !important;
}

.vd-mtm {
    margin-top: 10px !important;
}

.vd-mtl {
    margin-top: 20px !important;
}

.vd-mtxl {
    margin-top: 40px !important;
}

.vd-mbn {
    margin-bottom: 0 !important;
}

.vd-mbs {
    margin-bottom: 5px !important;
}

.vd-mbm {
    margin-bottom: 10px !important;
}

.vd-mbl {
    margin-bottom: 20px !important;
}

.vd-mbxl {
    margin-bottom: 40px !important;
}

.vd-mln {
    margin-left: 0 !important;
}

.vd-mls {
    margin-left: 5px !important;
}

.vd-mlm {
    margin-left: 10px !important;
}

.vd-mll {
    margin-left: 20px !important;
}

.vd-mlxl {
    margin-left: 40px !important;
}

.vd-mrn {
    margin-right: 0 !important;
}

.vd-mrs {
    margin-right: 5px !important;
}

.vd-mrm {
    margin-right: 10px !important;
}

.vd-mrl {
    margin-right: 20px !important;
}

.vd-mrxl {
    margin-right: 40px !important;
}

.vd-man {
    margin: 0 !important;
}

.vd-mas {
    margin: 5px !important;
}

.vd-mam {
    margin: 10px !important;
}

.vd-mal {
    margin: 20px !important;
}

.vd-maxl {
    margin: 40px !important;
}

.vd-ptn {
    padding-top: 0 !important;
}

.vd-pts {
    padding-top: 5px !important;
}

.vd-ptm {
    padding-top: 10px !important;
}

.vd-ptl {
    padding-top: 20px !important;
}

.vd-ptxl {
    padding-top: 40px !important;
}

.vd-pbn {
    padding-bottom: 0 !important;
}

.vd-pbs {
    padding-bottom: 5px !important;
}

.vd-pbm {
    padding-bottom: 10px !important;
}

.vd-pbl {
    padding-bottom: 20px !important;
}

.vd-pbxl {
    padding-bottom: 40px !important;
}

.vd-pln {
    padding-left: 0 !important;
}

.vd-pls {
    padding-left: 5px !important;
}

.vd-plm {
    padding-left: 10px !important;
}

.vd-pll {
    padding-left: 20px !important;
}

.vd-plxl {
    padding-left: 40px !important;
}

.vd-prn {
    padding-right: 0 !important;
}

.vd-prs {
    padding-right: 5px !important;
}

.vd-prm {
    padding-right: 10px !important;
}

.vd-prl {
    padding-right: 20px !important;
}

.vd-prxl {
    padding-right: 40px !important;
}

.vd-pan {
    padding: 0 !important;
}

.vd-pas {
    padding: 5px !important;
}

.vd-pam {
    padding: 10px !important;
}

.vd-pal {
    padding: 20px !important;
}

.vd-paxl {
    padding: 40px !important;
}

/*# sourceMappingURL=vend-ui.css.map */

/**
 * PLEASE READ THIS COMMENT BEFORE MODIFYING!!!
 * ============================================
 * This file defines the root dependencies for every stylesheet. This file should only include variables, mixins,
 * functions, etc. BUT NO ACTUAL CLASS DECLARATIONS as it may be imported multiple times in the same page. For example,
 * `font-faces` is not included here as it would create duplicated code if included multiple times.
 * ============================================
 */
/**
 * PLEASE READ THIS COMMENT BEFORE USING OR MODIFYING!!!
 * =====================================================
 * These colours are the base Vend colours. They are suffixed by the `http://chir.ag/projects/name-that-color/` service
 * and SHOULD NOT BE USED DIRECTLY by any scss component. Rather the semantic colour references should be used, which
 * are defined in this files siblings.
 * =====================================================
 */
.nv-topnav {
    position: relative;
    width: 100%;
}

@media print {
    .nv-topnav {
        display: none;
    }
}

.nv-topnav-title--banner {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

@media only screen and (max-width: 480px) {
    .nv-topnav-title--banner {
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
}

.nv-topnav-header {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

@media only screen and (max-width: 480px) {
    .nv-topnav-header.nv-topnav-header--mobile {
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
}

.nv-topnav-header .vd-nav-item-label {
    max-width: none;
    font-weight: 700;
    font-size: 15px;
}

.nv-topnav-header .vd-nav-item-action {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    width: auto;
}

.nv-topnav-header .vd-nav-item-icon {
    font-size: 42px;
}

.nv-topnav-header.vd-nav-item--disabled .vd-nav-item-action {
    opacity: 1;
}

.nv-topnav-header.vd-nav-item--disabled .vd-nav-item-icon {
    opacity: 0.5;
}

.nv-topnav-header.nv-topnav-header--mobile {
    display: none;
}

.nv-topnav-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: auto;
    height: 100%;
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -ms-flex-item-align: end;
}

@media only screen and (max-width: 480px) {
    .nv-topnav-content {
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
}

.nv-topnav--offline {
    background: repeating-linear-gradient(-60deg, #818486, #818486 15px, #898b8d 15px, #898b8d 30px);
}

.nv-topnav--training {
    background: repeating-linear-gradient(-60deg, #0081d9, #0081d9 15px, #008AE8 15px, #008AE8 30px);
}

@media only screen and (max-width: 1200px) {
    .nv-topnav-header {
        display: none;
    }

    .nv-topnav-header.nv-topnav-header--mobile {
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .nv-topnav-header.nv-topnav-header--mobile::after {
        position: absolute;
        top: 10px;
        left: 33px;
        box-sizing: content-box;
        width: 10px;
        height: 10px;
        border: 3px solid #3A4953;
        border-radius: 50%;
        background-color: #E6643C;
        content: '';
        opacity: 1;
        transition: -webkit-transform 0.2s ease 0s;
        transition: transform 0.2s ease 0s;
        transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
        -webkit-transform: scale(0);
        transform: scale(0);
        pointer-events: none;
    }

    .nv-topnav--offline .nv-topnav-header.nv-topnav-header--mobile::after {
        border-color: #898b8d;
    }

    .nv-topnav--training .nv-topnav-header.nv-topnav-header--mobile::after {
        border-color: #008AE8;
    }

    .nv-topnav-header.nv-topnav-header--mobile.nv-topnav-header--nav-error::after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .nv-topnav-header.nv-topnav-header--mobile .vd-nav-item-icon {
        font-size: 24px;
    }
}

.nv-topnav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    font-weight: 700;
    font-size: 15px;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
}

.nv-topnav-title-shorthand {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .nv-topnav-title-shorthand {
        display: inline;
    }

    .nv-topnav-title-full {
        display: none;
    }
}

.nv-sidenav {
    z-index: 200;
    display: block;
    height: calc(100% - 50px);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.nv-sidenav .nv-sidenav-modal-close {
    top: 10px;
    right: -60px;
    display: none;
}

.nv-sidenav .vd-sidebar-tabs {
    height: auto;
    box-shadow: none;
}

.nv-sidenav .vd-sidebar-drawer {
    height: auto;
    border-right: none;
}

@media print {
    .nv-sidenav {
        display: none;
    }
}

@supports ((height: -webkit-min-content) or (height: -moz-min-content) or (height: min-content)) {
    .nv-sidenav .vd-sidebar-tabs,
    .nv-sidenav .vd-sidebar-drawer {
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }
}

.nv-sidenav-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    height: 100%;
    background: linear-gradient(to right, #E5EAED 0, #E5EAED 85px, #FFFFFF 85px, #FFFFFF 145px);
    box-shadow: 1px 0 0 0 #E5EAED;
}

.nv-sidenav--pad-drawer {
    padding-right: 145px;
}

.nv-display-sidenav-modal .nv-sidenav {
    z-index: 411;
}

.nv-display-sidenav-modal .nv-sidenav .nv-sidenav-modal-close {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1200px) {
    .nv-sidenav {
        position: absolute;
        left: 0;
        height: 100%;
        -webkit-transform: translateX(calc(-100% - 1px));
        transform: translateX(calc(-100% - 1px));
    }

    .nv-sidenav .nv-sidenav-content {
        background: linear-gradient(to right, #E5EAED 0, #E5EAED 85px, #FFFFFF 85px, #FFFFFF 145px);
    }

    .nv-sidenav .vd-sidebar-tabs {
        width: 85px;
    }

    .nv-sidenav .vd-sidebar-drawer {
        width: 145px;
    }

    .nv-display-sidenav-modal .nv-sidenav {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .nv-sidenav--pad-drawer {
        padding-right: 0;
    }
}

@media only screen and (min-width: 1201px) {
    .nv-sidenav--no-drawer {
        width: 85px;
    }

    .nv-display-sidenav-modal .nv-sidenav--no-drawer .nv-sidenav-content {
        position: absolute;
    }

    .nv-display-sidenav-modal .nv-sidenav--no-drawer .nv-sidenav-modal-close {
        right: -205px;
    }
}

.nv-account-banner {
    display: block;
}

.nv-account-banner .vd-banner-content {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.nv-account-banner-action {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: 24px;
    -ms-flex-negative: 0;
}

.nv-notifications-item {
    position: relative;
}

.nv-notifications-item::after {
    position: absolute;
    top: 15px;
    right: 12px;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 3px solid #3A4953;
    border-radius: 50%;
    background-color: #41AF4B;
    content: '';
    opacity: 1;
    transition: -webkit-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.nv-topnav--offline .nv-notifications-item::after {
    border-color: #898b8d;
}

.nv-topnav--training .nv-notifications-item::after {
    border-color: #008AE8;
}

.nv-notifications-item--active::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.nv-user-sale-data-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.nv-user-sale-data-heading {
    font-weight: 700;
}

.nv-user-sale-data-total {
    text-align: right;
    font-weight: 700;
    font-size: 18px;
}

.nv-dialog-drawer-top-banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    height: 50px;
    background: #3A4953;
    color: #FFFFFF;
    font-size: 16px;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: 16px;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
}

.nv-dialog-drawer-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.nv-dialog-drawer-highlight-icon {
    display: block;
    color: #6692B0;
    text-align: center;
    font-size: 32px;
}

.nv-dialog-drawer-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

.nv-dialog-drawer-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.nv-dialog-drawer-footer {
    background: #F0F4F4;
}

.nv-notifications--retrieving {
    margin-top: 20px;
    text-align: center;
}

.nv-notifications-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nv-notifications-list-item {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 20px;
    padding-left: 40px;
    border-bottom: 1px solid #E5EAED;
    font-size: 15px;
    line-height: 18px;
    -ms-flex-negative: 0;
}

.nv-notifications-list-item.nv-notifications-list-item--read {
    background-color: #FFFFFF;
}

.nv-notifications-list-item.nv-notifications-list-item--unread {
    background-color: #F0F4F4;
}

.nv-notifications-list-item-about {
    position: relative;
    word-wrap: break-word;
}

.nv-notifications-list-item-about:before {
    position: absolute;
    top: 10px;
    left: -20px;
    display: block;
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background-color: currentColor;
    color: #BECBCF;
    content: '';
}

.nv-notifications-list-item--read .nv-notifications-list-item-about:before {
    background-color: transparent;
}

.nv-notifications-list-item--unread .nv-notifications-list-item-about:before {
    color: #41AF4B;
}

.nv-notifications-list-item-action {
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
}

.nv-notifications-message-header {
    font-size: 16px;
}

.nv-notifications-message-img {
    max-width: 100%;
}

.nv-dialog-drawer-content--empty {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

@media only screen and (max-height: 500px) {
    .nv-dialog-drawer-content--empty {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
    }
}

.nv-help-dialog-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-flex-align: center;
}

.nv-help-dialog-header-logo {
    color: #41AF4B;
    font-size: 100px;
}

.nv-help-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3;
}

.nv-help-option {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 10px;
    width: 150px;
    height: 150px;
    border: 1px solid #E5EAED;
    border-radius: 5px;
    background: #FFFFFF;
}

.nv-help-option:hover {
    border-color: #c7d2d8;
}

.nv-help-option:active {
    background: #fafafa;
}

.nv-help-option-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #3A4953;
    text-decoration: none;
    font-weight: bold;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.nv-help-option-label {
    margin: 0;
    word-break: break-word;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.nv-help-option-small-print {
    margin: 0;
    color: #6692B0;
    word-break: break-word;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

.nv-help-option-icon {
    margin-bottom: 10px;
    font-size: 55px;
    line-height: 55px;
}

.nv-help-option-icon--priority-phone-support {
    color: #6692B0;
}

.nv-help-option-icon--vend-u-courses {
    color: #41AF4B;
}

.nv-help-option-icon--help-center {
    color: #E6643C;
    font-size: 44px;
}

@media only screen and (max-width: 480px) {
    .nv-help-dialog-header-logo {
        display: none;
    }

    .nv-help-dialog-header .vd-header {
        font-size: 18px;
    }

    .nv-help-options {
        padding-right: 0;
        padding-left: 0;
    }

    .nv-help-option {
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        border-width: 0 0 1px;
        border-radius: 0;
    }

    .nv-help-option:last-child {
        border: none;
    }

    .nv-help-option:hover {
        border-color: #E5EAED;
    }
}

.nv-user-switch-button {
    margin: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nv-user-dialog-current-user {
    border-bottom: 1px solid #BECBCF;
    background: #F0F4F4;
    color: #3A4953;
    line-height: initial;
}

.nv-user-dialog-current-user--with-switch-user-button {
    padding-top: 0;
}

.nv-user-display-name {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.nv-user-account-type {
    margin-right: 10px;
    text-transform: capitalize;
    font-weight: 700;
}

.nv-user-account-email {
    overflow: hidden;
    color: #3A4953;
    word-wrap: break-word;
}

.nv-user-dialog-outlet-info {
    font-weight: 700;
}

.nv-user-dialog-content-section {
    border-bottom: 1px solid #BECBCF;
}

.nv-user-dialog-content-section {
    border-bottom: 1px solid #BECBCF;
}


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

.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags@2x.png");
  }
}

.iti-flag.np {
  background-color: transparent;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hide {
  display: none;
}

pre {
  margin: 0 !important;
  display: inline-block;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  background: none;
}

#result {
  margin-bottom: 100px;
}