@charset "UTF-8";

.theme-green {
    --theme-light: #56a13d;
    --theme-medium: #208500;
    --theme-dark: #0f3d00;
    --background-texture: url(../images/green-banner-texture.jpg)
}

.theme-violet {
    --theme-light: #7f6eaa;
    --theme-medium: #584193;
    --theme-dark: #39246f;
    --background-texture: url(../images/violet-banner-texture.jpg)
}

.theme-magenta {
    --theme-light: #90004b;
    --theme-medium: #7a085e;
    --theme-dark: #51023e;
    --background-texture: url(../images/magenta-banner-texture.jpg)
}

:root {
    --theme-light: #a6cf7b;
    --theme-medium: #62AB16;
    --theme-dark: #306f01;
    --background-texture: background: linear-gradient(250deg, #62AB16 57.01754385964912%, #2D6B00 100%);
}

.theme-aqua {
    --theme-light: #a6cf7b;
    --theme-medium: #62AB16;
    --theme-dark: #206c9a;
    --background-texture: url(../images/aqua-banner-texture.jpg)
}

.theme-blue {
    --theme-light: #00848a;
    --theme-medium: #006285;
    --theme-dark: #014b65;
    --background-texture: url(../images/blue-banner-texture.jpg)
}

@media print,screen and (min-width:40em) {
    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

body {
    --mdc-theme-primary: #4c4c4c;
    --mdc-theme-secondary: var(--theme-medium);
    --mdc-theme-background: $white
}

@media (min-width:760px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 720px !important
    }

        .mdc-dialog .mdc-dialog__surface .form-group input {
            min-width: 260px
        }
}

.mdc-form-field {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

    .mdc-form-field > label {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-right: auto;
        padding-left: 4px
    }

    .mdc-form-field[dir=rtl] > label,
    [dir=rtl] .mdc-form-field > label {
        margin-left: auto;
        padding-right: 4px
    }

.mdc-form-field--align-end > label {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-left: auto;
    padding-right: 4px
}

.mdc-form-field--align-end[dir=rtl] > label,
[dir=rtl] .mdc-form-field--align-end > label {
    margin-right: auto;
    padding-left: 4px
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
    from {
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@keyframes mdc-ripple-fg-radius-in {
    from {
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
    from {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    from {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
    from {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    from {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

.mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden
}

    .mdc-ripple-surface--test-edge-var-bug::before {
        border: var(--mdc-ripple-surface-test-edge-var)
    }

.mdc-radio {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity;
    display: inline-block;
    position: relative;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
    will-change: opacity,transform,border-color,color
}

    .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
        border-color: rgba(0,0,0,.54)
    }

    .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786)
    }

    .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786)
    }

    .mdc-radio .mdc-radio__background::before {
        background-color: #018786
    }

@supports not (-ms-ime-align:auto) {
    .mdc-radio .mdc-radio__background::before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-radio::after,
.mdc-radio::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-radio::before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-radio.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
    animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
    animation: 150ms mdc-ripple-fg-opacity-out;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-radio::after,
.mdc-radio::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%
}

.mdc-radio.mdc-ripple-upgraded::after,
.mdc-radio.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top,calc(50% - 50%));
    left: var(--mdc-ripple-left,calc(50% - 50%));
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-radio.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-radio::after,
.mdc-radio::before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio::after,
    .mdc-radio::before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-radio:hover::before {
    opacity: .04
}

.mdc-radio.mdc-ripple-upgraded--background-focused::before,
.mdc-radio:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

.mdc-radio:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .16
}

.mdc-radio.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16
}

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 10px;
    box-sizing: border-box;
    width: 50%;
    height: 50%
}

    .mdc-radio__background::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0,0);
        -ms-transform: scale(0,0);
        transform: scale(0,0);
        transition: opacity 120ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 120ms 0s cubic-bezier(.4,0,.6,1);
        transition: opacity 120ms 0s cubic-bezier(.4,0,.6,1),transform 120ms 0s cubic-bezier(.4,0,.6,1);
        transition: opacity 120ms 0s cubic-bezier(.4,0,.6,1),transform 120ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 120ms 0s cubic-bezier(.4,0,.6,1);
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

.mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transition: border-color 120ms 0s cubic-bezier(.4,0,.6,1);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%
}

.mdc-radio__inner-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    transition: border-color 120ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 120ms 0s cubic-bezier(.4,0,.6,1);
    transition: transform 120ms 0s cubic-bezier(.4,0,.6,1),border-color 120ms 0s cubic-bezier(.4,0,.6,1);
    transition: transform 120ms 0s cubic-bezier(.4,0,.6,1),border-color 120ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 120ms 0s cubic-bezier(.4,0,.6,1);
    border-width: 10px;
    border-style: solid;
    border-radius: 50%
}

.mdc-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
    content: none
}

.mdc-radio__native-control:checked + .mdc-radio__background,
.mdc-radio__native-control:disabled + .mdc-radio__background {
    transition: opacity 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1);
    transition: opacity 120ms 0s cubic-bezier(0,0,.2,1),transform 120ms 0s cubic-bezier(0,0,.2,1);
    transition: opacity 120ms 0s cubic-bezier(0,0,.2,1),transform 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1)
}

    .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
    .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
        transition: border-color 120ms 0s cubic-bezier(0,0,.2,1)
    }

    .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
    .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
        transition: border-color 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1);
        transition: transform 120ms 0s cubic-bezier(0,0,.2,1),border-color 120ms 0s cubic-bezier(0,0,.2,1);
        transition: transform 120ms 0s cubic-bezier(0,0,.2,1),border-color 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1)
    }

.mdc-radio--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition: border-color 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1);
    transition: transform 120ms 0s cubic-bezier(0,0,.2,1),border-color 120ms 0s cubic-bezier(0,0,.2,1);
    transition: transform 120ms 0s cubic-bezier(0,0,.2,1),border-color 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1)
}

.mdc-radio__native-control:disabled + .mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
    cursor: default
}

    .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
    [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
        border-color: rgba(0,0,0,.26)
    }

    .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
    [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
        border-color: rgba(0,0,0,.26)
    }

.mdc-radio__native-control:focus + .mdc-radio__background::before {
    -webkit-transform: scale(2,2);
    -ms-transform: scale(2,2);
    transform: scale(2,2);
    transition: opacity 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1);
    transition: opacity 120ms 0s cubic-bezier(0,0,.2,1),transform 120ms 0s cubic-bezier(0,0,.2,1);
    transition: opacity 120ms 0s cubic-bezier(0,0,.2,1),transform 120ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 120ms 0s cubic-bezier(0,0,.2,1);
    opacity: .12
}

.button,
.file_div_clean.wfu_container input[type=button],
.mdc-button,
.version-form .ood-wp-add-repeater-item {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .08929em;
    text-decoration: none;
    text-transform: uppercase;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity;
    padding: 0 8px 0 8px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: 0;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px
}

    .button::after,
    .button::before,
    .file_div_clean.wfu_container input[type=button]::after,
    .file_div_clean.wfu_container input[type=button]::before,
    .mdc-button::after,
    .mdc-button::before,
    .version-form .ood-wp-add-repeater-item::after,
    .version-form .ood-wp-add-repeater-item::before {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .button::before,
    .file_div_clean.wfu_container input[type=button]::before,
    .mdc-button::before,
    .version-form .ood-wp-add-repeater-item::before {
        transition: opacity 15ms linear,background-color 15ms linear;
        z-index: 1
    }

    .file_div_clean.wfu_container input.mdc-ripple-upgraded[type=button]::before,
    .mdc-button.mdc-ripple-upgraded::before,
    .mdc-ripple-upgraded.button::before,
    .version-form .mdc-ripple-upgraded.ood-wp-add-repeater-item::before {
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
        transform: scale(var(--mdc-ripple-fg-scale,1))
    }

    .file_div_clean.wfu_container input.mdc-ripple-upgraded[type=button]::after,
    .mdc-button.mdc-ripple-upgraded::after,
    .mdc-ripple-upgraded.button::after,
    .version-form .mdc-ripple-upgraded.ood-wp-add-repeater-item::after {
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    .file_div_clean.wfu_container input.mdc-ripple-upgraded--unbounded[type=button]::after,
    .mdc-button.mdc-ripple-upgraded--unbounded::after,
    .mdc-ripple-upgraded--unbounded.button::after,
    .version-form .mdc-ripple-upgraded--unbounded.ood-wp-add-repeater-item::after {
        top: var(--mdc-ripple-top,0);
        left: var(--mdc-ripple-left,0)
    }

    .file_div_clean.wfu_container input.mdc-ripple-upgraded--foreground-activation[type=button]::after,
    .mdc-button.mdc-ripple-upgraded--foreground-activation::after,
    .mdc-ripple-upgraded--foreground-activation.button::after,
    .version-form .mdc-ripple-upgraded--foreground-activation.ood-wp-add-repeater-item::after {
        -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
        animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
    }

    .file_div_clean.wfu_container input.mdc-ripple-upgraded--foreground-deactivation[type=button]::after,
    .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after,
    .mdc-ripple-upgraded--foreground-deactivation.button::after,
    .version-form .mdc-ripple-upgraded--foreground-deactivation.ood-wp-add-repeater-item::after {
        -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
        animation: 150ms mdc-ripple-fg-opacity-out;
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }

    .button::after,
    .button::before,
    .file_div_clean.wfu_container input[type=button]::after,
    .file_div_clean.wfu_container input[type=button]::before,
    .mdc-button::after,
    .mdc-button::before,
    .version-form .ood-wp-add-repeater-item::after,
    .version-form .ood-wp-add-repeater-item::before {
        top: calc(50% - 100%);
        left: calc(50% - 100%);
        width: 200%;
        height: 200%
    }

    .file_div_clean.wfu_container input.mdc-ripple-upgraded[type=button]::after,
    .mdc-button.mdc-ripple-upgraded::after,
    .mdc-ripple-upgraded.button::after,
    .version-form .mdc-ripple-upgraded.ood-wp-add-repeater-item::after {
        width: var(--mdc-ripple-fg-size,100%);
        height: var(--mdc-ripple-fg-size,100%)
    }

    .button::-moz-focus-inner,
    .file_div_clean.wfu_container input[type=button]::-moz-focus-inner,
    .mdc-button::-moz-focus-inner,
    .version-form .ood-wp-add-repeater-item::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .button:active,
    .file_div_clean.wfu_container input:active[type=button],
    .mdc-button:active,
    .version-form .ood-wp-add-repeater-item:active {
        outline: 0
    }

    .button:hover,
    .file_div_clean.wfu_container input:hover[type=button],
    .mdc-button:hover,
    .version-form .ood-wp-add-repeater-item:hover {
        cursor: pointer
    }

    .button:disabled,
    .file_div_clean.wfu_container input:disabled[type=button],
    .mdc-button:disabled,
    .version-form .ood-wp-add-repeater-item:disabled {
        background-color: transparent;
        color: rgba(0,0,0,.37);
        cursor: default;
        pointer-events: none
    }

    .file_div_clean.wfu_container input.mdc-button--dense[type=button],
    .mdc-button--dense.button,
    .mdc-button.mdc-button--dense,
    .version-form .mdc-button--dense.ood-wp-add-repeater-item {
        border-radius: 4px
    }

    .button:not(:disabled),
    .file_div_clean.wfu_container input:not(:disabled)[type=button],
    .mdc-button:not(:disabled),
    .version-form .ood-wp-add-repeater-item:not(:disabled) {
        background-color: transparent
    }

    .button:not(:disabled),
    .file_div_clean.wfu_container input:not(:disabled)[type=button],
    .mdc-button:not(:disabled),
    .version-form .ood-wp-add-repeater-item:not(:disabled) {
        color: #6200ee;
        color: var(--mdc-theme-primary,#6200ee)
    }

    .button::after,
    .button::before,
    .file_div_clean.wfu_container input[type=button]::after,
    .file_div_clean.wfu_container input[type=button]::before,
    .mdc-button::after,
    .mdc-button::before,
    .version-form .ood-wp-add-repeater-item::after,
    .version-form .ood-wp-add-repeater-item::before {
        background-color: #6200ee
    }

@supports not (-ms-ime-align:auto) {
    .button::after,
    .button::before,
    .file_div_clean.wfu_container input[type=button]::after,
    .file_div_clean.wfu_container input[type=button]::before,
    .mdc-button::after,
    .mdc-button::before,
    .version-form .ood-wp-add-repeater-item::after,
    .version-form .ood-wp-add-repeater-item::before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

.button:hover::before,
.file_div_clean.wfu_container input[type=button]:hover::before,
.mdc-button:hover::before,
.version-form .ood-wp-add-repeater-item:hover::before {
    opacity: .04
}

.button:not(.mdc-ripple-upgraded):focus::before,
.file_div_clean.wfu_container input.mdc-ripple-upgraded--background-focused[type=button]::before,
.file_div_clean.wfu_container input[type=button]:not(.mdc-ripple-upgraded):focus::before,
.mdc-button.mdc-ripple-upgraded--background-focused::before,
.mdc-button:not(.mdc-ripple-upgraded):focus::before,
.mdc-ripple-upgraded--background-focused.button::before,
.version-form .mdc-ripple-upgraded--background-focused.ood-wp-add-repeater-item::before,
.version-form .ood-wp-add-repeater-item:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .12
}

.button:not(.mdc-ripple-upgraded)::after,
.file_div_clean.wfu_container input[type=button]:not(.mdc-ripple-upgraded)::after,
.mdc-button:not(.mdc-ripple-upgraded)::after,
.version-form .ood-wp-add-repeater-item:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

.button:not(.mdc-ripple-upgraded):active::after,
.file_div_clean.wfu_container input[type=button]:not(.mdc-ripple-upgraded):active::after,
.mdc-button:not(.mdc-ripple-upgraded):active::after,
.version-form .ood-wp-add-repeater-item:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .16
}

.file_div_clean.wfu_container input.mdc-ripple-upgraded[type=button],
.mdc-button.mdc-ripple-upgraded,
.mdc-ripple-upgraded.button,
.version-form .mdc-ripple-upgraded.ood-wp-add-repeater-item {
    --mdc-ripple-fg-opacity: 0.16
}

.button .mdc-button__icon,
.file_div_clean.wfu_container input[type=button] .mdc-button__icon,
.mdc-button .mdc-button__icon,
.version-form .ood-wp-add-repeater-item .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top
}

    .button .mdc-button__icon[dir=rtl],
    .file_div_clean.wfu_container [dir=rtl] input[type=button] .mdc-button__icon,
    .file_div_clean.wfu_container input[type=button] .mdc-button__icon[dir=rtl],
    .mdc-button .mdc-button__icon[dir=rtl],
    .version-form .ood-wp-add-repeater-item .mdc-button__icon[dir=rtl],
    .version-form [dir=rtl] .ood-wp-add-repeater-item .mdc-button__icon,
    [dir=rtl] .button .mdc-button__icon,
    [dir=rtl] .file_div_clean.wfu_container input[type=button] .mdc-button__icon,
    [dir=rtl] .mdc-button .mdc-button__icon,
    [dir=rtl] .version-form .ood-wp-add-repeater-item .mdc-button__icon {
        margin-left: 8px;
        margin-right: 0
    }

.button svg.mdc-button__icon,
.file_div_clean.wfu_container input[type=button] svg.mdc-button__icon,
.mdc-button svg.mdc-button__icon,
.version-form .ood-wp-add-repeater-item svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--outlined .mdc-button__icon,
.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.version-form .ood-wp-add-repeater-item .mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

    .mdc-button--outlined .mdc-button__icon[dir=rtl],
    .mdc-button--raised .mdc-button__icon[dir=rtl],
    .mdc-button--unelevated .mdc-button__icon[dir=rtl],
    .version-form .ood-wp-add-repeater-item .mdc-button__icon[dir=rtl],
    .version-form [dir=rtl] .ood-wp-add-repeater-item .mdc-button__icon,
    [dir=rtl] .mdc-button--outlined .mdc-button__icon,
    [dir=rtl] .mdc-button--raised .mdc-button__icon,
    [dir=rtl] .mdc-button--unelevated .mdc-button__icon,
    [dir=rtl] .version-form .ood-wp-add-repeater-item .mdc-button__icon {
        margin-left: 8px;
        margin-right: -4px
    }

.mdc-button--raised,
.mdc-button--unelevated {
    padding: 0 16px 0 16px
}

    .mdc-button--raised:disabled,
    .mdc-button--unelevated:disabled {
        background-color: rgba(0,0,0,.12);
        color: rgba(0,0,0,.37)
    }

    .mdc-button--raised:not(:disabled),
    .mdc-button--unelevated:not(:disabled) {
        background-color: #6200ee
    }

@supports not (-ms-ime-align:auto) {
    .mdc-button--raised:not(:disabled),
    .mdc-button--unelevated:not(:disabled) {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    color: #fff;
    color: var(--mdc-theme-on-primary,#fff)
}

.mdc-button--raised::after,
.mdc-button--raised::before,
.mdc-button--unelevated::after,
.mdc-button--unelevated::before {
    background-color: #fff
}

@supports not (-ms-ime-align:auto) {
    .mdc-button--raised::after,
    .mdc-button--raised::before,
    .mdc-button--unelevated::after,
    .mdc-button--unelevated::before {
        background-color: var(--mdc-theme-on-primary,#fff)
    }
}

.mdc-button--raised:hover::before,
.mdc-button--unelevated:hover::before {
    opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .32
}

.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.32
}

.mdc-button--raised {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1)
}

    .mdc-button--raised:focus,
    .mdc-button--raised:hover {
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .mdc-button--raised:active {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
    }

    .mdc-button--raised:disabled {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)
    }

.mdc-button--outlined,
.version-form .ood-wp-add-repeater-item {
    border-style: solid;
    padding: 0 14px 0 14px;
    border-width: 2px
}

    .mdc-button--outlined:disabled,
    .version-form .ood-wp-add-repeater-item:disabled {
        border-color: rgba(0,0,0,.37)
    }

    .mdc-button--outlined:not(:disabled),
    .version-form .ood-wp-add-repeater-item:not(:disabled) {
        border-color: #6200ee;
        border-color: var(--mdc-theme-primary,#6200ee)
    }

.mdc-button--dense {
    height: 32px;
    font-size: .8125rem
}

.mdc-floating-label {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    transition: color 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);
    transition: transform 150ms cubic-bezier(.4,0,.2,1),color 150ms cubic-bezier(.4,0,.2,1);
    transition: transform 150ms cubic-bezier(.4,0,.2,1),color 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

    .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-floating-label {
        right: 0;
        left: auto;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        text-align: right
    }

.mdc-floating-label--float-above {
    cursor: auto
}

.mdc-floating-label--float-above {
    -webkit-transform: translateY(-50%) scale(.75);
    -ms-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75)
}

.mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
    animation: mdc-floating-label-shake-float-above-standard 250ms 1
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-50%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-50%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-50%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-50%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75)
    }
}

.mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: opacity 180ms cubic-bezier(.4,0,.2,1),-webkit-transform 180ms cubic-bezier(.4,0,.2,1);
    transition: transform 180ms cubic-bezier(.4,0,.2,1),opacity 180ms cubic-bezier(.4,0,.2,1);
    transition: transform 180ms cubic-bezier(.4,0,.2,1),opacity 180ms cubic-bezier(.4,0,.2,1),-webkit-transform 180ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating {
    opacity: 0
}

.mdc-notched-outline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

    .mdc-notched-outline[dir=rtl],
    [dir=rtl] .mdc-notched-outline {
        text-align: right
    }

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

    .mdc-notched-outline__leading[dir=rtl],
    [dir=rtl] .mdc-notched-outline__leading {
        border-left: none;
        border-right: 1px solid
    }

.mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .mdc-notched-outline__trailing[dir=rtl],
    [dir=rtl] .mdc-notched-outline__trailing {
        border-left: 1px solid;
        border-right: none
    }

.mdc-notched-outline__notch {
    width: auto
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

    .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl],
    [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
        padding-left: 8px;
        padding-right: 0
    }

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0
}

.mdc-text-field-helper-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    transition: opacity 180ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    will-change: opacity
}

    .mdc-text-field-helper-text::before {
        display: inline-block;
        width: 0;
        height: 16px;
        content: "";
        vertical-align: 0
    }

.mdc-text-field-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: initial
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    position: absolute;
    bottom: 16px;
    cursor: pointer
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity;
    border-radius: 4px 4px 0 0;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity,transform,color
}

    .mdc-text-field::after,
    .mdc-text-field::before {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-text-field::before {
        transition: opacity 15ms linear,background-color 15ms linear;
        z-index: 1
    }

    .mdc-text-field.mdc-ripple-upgraded::before {
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
        transform: scale(var(--mdc-ripple-fg-scale,1))
    }

    .mdc-text-field.mdc-ripple-upgraded::after {
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-text-field.mdc-ripple-upgraded--unbounded::after {
        top: var(--mdc-ripple-top,0);
        left: var(--mdc-ripple-left,0)
    }

    .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
        -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
        animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
        -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
        animation: 150ms mdc-ripple-fg-opacity-out;
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }

    .mdc-text-field::after,
    .mdc-text-field::before {
        background-color: rgba(0,0,0,.87)
    }

    .mdc-text-field:hover::before {
        opacity: .04
    }

    .mdc-text-field.mdc-ripple-upgraded--background-focused::before,
    .mdc-text-field:not(.mdc-ripple-upgraded):focus::before {
        transition-duration: 75ms;
        opacity: .12
    }

    .mdc-text-field::after,
    .mdc-text-field::before {
        top: calc(50% - 100%);
        left: calc(50% - 100%);
        width: 200%;
        height: 200%
    }

    .mdc-text-field.mdc-ripple-upgraded::after {
        width: var(--mdc-ripple-fg-size,100%);
        height: var(--mdc-ripple-fg-size,100%)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
        color: rgba(0,0,0,.6)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
        color: rgba(0,0,0,.6)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: rgba(0,0,0,.6)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: rgba(0,0,0,.6)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
        color: rgba(0,0,0,.87)
    }

    .mdc-text-field .mdc-text-field__input {
        caret-color: #6200ee;
        caret-color: var(--mdc-theme-primary,#6200ee)
    }

    .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
        border-bottom-color: rgba(0,0,0,.42)
    }

        .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
            border-bottom-color: rgba(0,0,0,.87)
        }

    .mdc-text-field .mdc-line-ripple {
        background-color: #6200ee;
        background-color: var(--mdc-theme-primary,#6200ee)
    }

    .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
        border-bottom-color: rgba(0,0,0,.12)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
        color: rgba(0,0,0,.6)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
        color: rgba(0,0,0,.54)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) {
        background-color: #f5f5f5
    }

    .mdc-text-field .mdc-floating-label {
        left: 16px;
        right: initial;
        top: 18px;
        pointer-events: none
    }

        .mdc-text-field .mdc-floating-label[dir=rtl],
        [dir=rtl] .mdc-text-field .mdc-floating-label {
            left: initial;
            right: 16px
        }

.mdc-text-field--textarea .mdc-floating-label {
    left: 4px;
    right: initial
}

    .mdc-text-field--textarea .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--textarea .mdc-floating-label {
        left: initial;
        right: 4px
    }

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: initial;
    top: 17px
}

    .mdc-text-field--outlined .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
        left: initial;
        right: 4px
    }

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: initial
}

    .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
        left: initial;
        right: 36px
    }

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: 40px;
    right: initial
}

    .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
        left: initial;
        right: 40px
    }

.mdc-text-field__input {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 16px 6px;
    transition: opacity 180ms cubic-bezier(.4,0,.2,1);
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .mdc-text-field__input::-webkit-input-placeholder {
        transition: color 180ms cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-text-field__input:-ms-input-placeholder {
        transition: color 180ms cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-text-field__input::placeholder {
        transition: color 180ms cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-text-field__input:focus {
        outline: 0
    }

    .mdc-text-field__input:invalid {
        box-shadow: none
    }

    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
        -webkit-transform: translateY(-50%) scale(.75);
        transform: translateY(-50%) scale(.75);
        cursor: auto
    }

.mdc-text-field--outlined {
    border: none;
    overflow: visible
}

    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
        border-color: rgba(0,0,0,.24)
    }

    .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
        border-color: rgba(0,0,0,.87)
    }

    .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
    .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
        border-color: #6200ee;
        border-color: var(--mdc-theme-primary,#6200ee)
    }

    .mdc-text-field--outlined .mdc-floating-label--shake {
        -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
        animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
    }

    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        border-radius: 4px 0 0 4px
    }

        .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
        [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
            border-radius: 0 4px 4px 0
        }

    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
        border-radius: 0 4px 4px 0
    }

        .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
        [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
            border-radius: 4px 0 0 4px
        }

    .mdc-text-field--outlined .mdc-floating-label--float-above {
        -webkit-transform: translateY(-144%) scale(1);
        -ms-transform: translateY(-144%) scale(1);
        transform: translateY(-144%) scale(1)
    }

    .mdc-text-field--outlined .mdc-floating-label--float-above {
        font-size: .75rem
    }

    .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        -webkit-transform: translateY(-130%) scale(.75);
        -ms-transform: translateY(-130%) scale(.75);
        transform: translateY(-130%) scale(.75)
    }

    .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        font-size: 1rem
    }

    .mdc-text-field--outlined::after,
    .mdc-text-field--outlined::before {
        content: none
    }

    .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
        background-color: transparent
    }

    .mdc-text-field--outlined .mdc-text-field__input {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 12px 16px 14px;
        border: none !important;
        background-color: transparent;
        z-index: 1
    }

    .mdc-text-field--outlined .mdc-text-field__icon {
        z-index: 2
    }

    .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
    .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
    .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
        border-width: 2px
    }

    .mdc-text-field--outlined.mdc-text-field--disabled {
        background-color: transparent
    }

        .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
        .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
        .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
            border-color: rgba(0,0,0,.06)
        }

        .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
            border-bottom: none
        }

    .mdc-text-field--outlined.mdc-text-field--dense {
        height: 48px
    }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
            -webkit-transform: translateY(-134%) scale(1);
            -ms-transform: translateY(-134%) scale(1);
            transform: translateY(-134%) scale(1)
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
            font-size: .8rem
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
        .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
            -webkit-transform: translateY(-120%) scale(.8);
            -ms-transform: translateY(-120%) scale(.8);
            transform: translateY(-120%) scale(.8)
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
        .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
            font-size: 1rem
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
            -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
            animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
            padding: 12px 12px 7px
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
            top: 14px
        }

        .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
            top: 12px
        }

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 6px;
    right: initial
}

    .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon {
        left: initial;
        right: 16px
    }

.mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 38px;
    padding-right: 16px
}

    .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input {
        padding-left: 16px;
        padding-right: 48px
    }

.mdc-text-field--with-leading-icon .mdc-floating-label {
    left: 38px;
    right: initial
}

    .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label {
        left: initial;
        right: 48px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: initial
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
        left: initial;
        right: 16px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
        padding-left: 16px;
        padding-right: 48px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    -ms-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1)
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
        -webkit-transform: translateY(-144%) translateX(32px) scale(1);
        -ms-transform: translateY(-144%) translateX(32px) scale(1);
        transform: translateY(-144%) translateX(32px) scale(1)
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    -ms-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
    .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
        -ms-transform: translateY(-130%) translateX(32px) scale(.75);
        transform: translateY(-130%) translateX(32px) scale(.75)
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
        left: initial;
        right: 36px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(-21px) scale(1);
    -ms-transform: translateY(-134%) translateX(-21px) scale(1);
    transform: translateY(-134%) translateX(-21px) scale(1)
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
        -webkit-transform: translateY(-134%) translateX(21px) scale(1);
        -ms-transform: translateY(-134%) translateX(21px) scale(1);
        transform: translateY(-134%) translateX(21px) scale(1)
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .8rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(-21px) scale(.8);
    -ms-transform: translateY(-120%) translateX(-21px) scale(.8);
    transform: translateY(-120%) translateX(-21px) scale(.8)
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
    .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        -webkit-transform: translateY(-120%) translateX(21px) scale(.8);
        -ms-transform: translateY(-120%) translateX(21px) scale(.8);
        transform: translateY(-120%) translateX(21px) scale(.8)
    }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: 26px;
    right: initial
}

    .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
        left: initial;
        right: 26px
    }

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: initial;
    right: 12px
}

    .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
        left: 12px;
        right: initial
    }

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 12px;
    padding-right: 48px
}

    .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input {
        padding-left: 48px;
        padding-right: 12px
    }

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: initial;
    right: 16px
}

    .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
        left: 16px;
        right: initial
    }

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

    .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
        padding-left: 48px;
        padding-right: 16px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

    .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
        left: auto;
        right: 16px
    }

    .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
        right: 12px;
        left: auto
    }

        .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl],
        [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
            right: auto;
            left: 12px
        }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px
}

    .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
        padding-left: 48px;
        padding-right: 48px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    bottom: 16px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: initial
}

    .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
        left: initial;
        right: 12px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 38px;
    padding-right: 12px
}

    .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
        padding-left: 12px;
        padding-right: 38px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: 38px;
    right: initial
}

    .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
        left: initial;
        right: 38px
    }

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: initial;
    right: 12px
}

    .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
        left: 12px;
        right: initial
    }

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 12px;
    padding-right: 38px
}

    .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
        padding-left: 38px;
        padding-right: 12px
    }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

    .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
        left: auto;
        right: 12px
    }

    .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
        right: 12px;
        left: auto
    }

        .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl],
        [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
            right: auto;
            left: 12px
        }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 38px;
    padding-right: 38px
}

    .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
    [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
        padding-left: 38px;
        padding-right: 38px
    }

.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.8);
    -ms-transform: translateY(-70%) scale(.8);
    transform: translateY(-70%) scale(.8)
}

.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1
}

.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 0
}

.mdc-text-field--dense .mdc-floating-label {
    font-size: .813rem
}

.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .813rem
}

.mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
    margin-left: 1px;
    content: "*"
}

.mdc-text-field--textarea {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    transition: none;
    overflow: visible
}

    .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
        border-color: rgba(0,0,0,.24)
    }

    .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
        border-color: rgba(0,0,0,.87)
    }

    .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
    .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
        border-color: #6200ee;
        border-color: var(--mdc-theme-primary,#6200ee)
    }

    .mdc-text-field--textarea .mdc-floating-label--shake {
        -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
        animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
    }

    .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
        border-radius: 4px 0 0 4px
    }

        .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
        [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
            border-radius: 0 4px 4px 0
        }

    .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
        border-radius: 0 4px 4px 0
    }

        .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
        [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
            border-radius: 4px 0 0 4px
        }

    .mdc-text-field--textarea::after,
    .mdc-text-field--textarea::before {
        content: none
    }

    .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
        background-color: transparent
    }

    .mdc-text-field--textarea .mdc-floating-label--float-above {
        -webkit-transform: translateY(-144%) scale(1);
        -ms-transform: translateY(-144%) scale(1);
        transform: translateY(-144%) scale(1)
    }

    .mdc-text-field--textarea .mdc-floating-label--float-above {
        font-size: .75rem
    }

    .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        -webkit-transform: translateY(-130%) scale(.75);
        -ms-transform: translateY(-130%) scale(.75);
        transform: translateY(-130%) scale(.75)
    }

    .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        font-size: 1rem
    }

    .mdc-text-field--textarea .mdc-text-field__input {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        box-sizing: border-box;
        height: auto;
        margin: 8px 1px 1px 0;
        padding: 0 16px 16px;
        border: none
    }

    .mdc-text-field--textarea .mdc-floating-label {
        top: 17px;
        bottom: auto;
        width: auto;
        pointer-events: none
    }

    .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
    .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
    .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
        border-width: 2px
    }

.mdc-text-field--fullwidth {
    width: 100%
}

    .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
        display: block
    }

        .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after,
        .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before {
            content: none
        }

        .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
            background-color: transparent
        }

        .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
            padding: 0
        }

    .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea),
    .ood-wp-error-form-group .mdc-text-field--fullwidth.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
        border-bottom-color: #b00020;
        border-bottom-color: var(--mdc-theme-error,#b00020)
    }

.mdc-text-field--dense + .mdc-text-field-helper-text {
    margin-bottom: 4px
}

.mdc-text-field + .mdc-text-field-helper-text {
    margin-right: 12px;
    margin-left: 12px
}

.mdc-text-field--outlined + .mdc-text-field-helper-text {
    margin-right: 16px;
    margin-left: 16px
}

.mdc-form-field > .mdc-text-field + label {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(98,0,238,.87)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    color: rgba(98,0,238,.87)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(98,0,238,.87)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: rgba(98,0,238,.87)
}

.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

    .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover,
    .ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
        border-bottom-color: #b00020;
        border-bottom-color: var(--mdc-theme-error,#b00020)
    }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg,
.ood-wp-error-form-group .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid .mdc-text-field__input,
.ood-wp-error-form-group .mdc-text-field .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon,
.ood-wp-error-form-group .mdc-text-field--with-trailing-icon.mdc-text-field:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon,
.ood-wp-error-form-group .mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg,
.ood-wp-error-form-group .mdc-text-field + .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--textarea.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.ood-wp-error-form-group .mdc-text-field--outlined.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--disabled {
    background-color: #fafafa;
    border-bottom: none;
    pointer-events: none
}

    .mdc-text-field--disabled .mdc-text-field__input {
        border-bottom-color: rgba(0,0,0,.06)
    }

    .mdc-text-field--disabled .mdc-text-field__input {
        color: rgba(0,0,0,.37)
    }

    .mdc-text-field--disabled .mdc-floating-label {
        color: rgba(0,0,0,.37)
    }

    .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
        color: rgba(0,0,0,.37)
    }

    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: rgba(0,0,0,.37)
    }

    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: rgba(0,0,0,.37)
    }

    .mdc-text-field--disabled + .mdc-text-field-helper-text {
        color: rgba(0,0,0,.37)
    }

    .mdc-text-field--disabled .mdc-text-field__icon {
        color: rgba(0,0,0,.3)
    }

    .mdc-text-field--disabled:not(.mdc-text-field--textarea) {
        border-bottom-color: rgba(0,0,0,.12)
    }

    .mdc-text-field--disabled .mdc-floating-label {
        cursor: default
    }

.mdc-text-field--textarea.mdc-text-field--disabled {
    background-color: transparent;
    background-color: #f9f9f9
}

    .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
    .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
    .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: rgba(0,0,0,.06)
    }

    .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
        border-bottom: none
    }

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(4% - 0)) translateY(-70%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(-4% - 0)) translateY(-70%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(4% - 0)) translateY(-70%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(-4% - 0)) translateY(-70%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-70%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 0)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 0)) translateY(-120%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 0)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 0)) translateY(-120%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 0)) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }

    100% {
        -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
    0%, 50% {
        stroke-dashoffset: 29.78334
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
    0%, 50% {
        stroke-dashoffset: 29.78334
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
    0%, 68.2% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    68.2% {
        -webkit-animation-timing-function: cubic-bezier(0,0,0,1);
        animation-timing-function: cubic-bezier(0,0,0,1)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
    0%, 68.2% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    68.2% {
        -webkit-animation-timing-function: cubic-bezier(0,0,0,1);
        animation-timing-function: cubic-bezier(0,0,0,1)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    from {
        -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
        animation-timing-function: cubic-bezier(.4,0,1,1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.78334
    }
}

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    from {
        -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
        animation-timing-function: cubic-bezier(.4,0,1,1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.78334
    }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
    from {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
    from {
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
    from {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
    from {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    from {
        -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    from {
        -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    from {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    from {
        -webkit-animation-timing-function: cubic-bezier(.14,0,0,1);
        animation-timing-function: cubic-bezier(.14,0,0,1);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }

    100%, 32.8% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }

    100%, 32.8% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
}

.mdc-checkbox {
    display: inline-block;
    position: relative;
    -webkit-flex: 0 0 18px;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    padding: 11px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity
}

    .mdc-checkbox::after,
    .mdc-checkbox::before {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-checkbox::before {
        transition: opacity 15ms linear,background-color 15ms linear;
        z-index: 1
    }

    .mdc-checkbox.mdc-ripple-upgraded::before {
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
        transform: scale(var(--mdc-ripple-fg-scale,1))
    }

    .mdc-checkbox.mdc-ripple-upgraded::after {
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
        top: var(--mdc-ripple-top,0);
        left: var(--mdc-ripple-left,0)
    }

    .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
        -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
        animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
        -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
        animation: 150ms mdc-ripple-fg-opacity-out;
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }

    .mdc-checkbox::after,
    .mdc-checkbox::before {
        background-color: #018786
    }

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox::after,
    .mdc-checkbox::before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-checkbox:hover::before {
    opacity: .04
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused::before,
.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .16
}

.mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16
}

.mdc-checkbox::after,
.mdc-checkbox::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%
}

.mdc-checkbox.mdc-ripple-upgraded::after,
.mdc-checkbox.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top,calc(50% - 50%));
    left: var(--mdc-ripple-left,calc(50% - 50%));
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-checkbox.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-checkbox__checkmark {
    color: #fff
}

.mdc-checkbox__mixedmark {
    border-color: #fff
}

.mdc-checkbox__background::before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox__background::before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(0,0,0,.54);
    background-color: transparent
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary,#018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary,#018786)
}

@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
    0% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }

    50% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

@keyframes mdc-checkbox-fade-in-background-0 {
    0% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }

    50% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-0 {
    0%, 80% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary,#018786)
    }

    100% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }
}

@keyframes mdc-checkbox-fade-out-background-0 {
    0%, 80% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary,#018786)
    }

    100% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-in-background-0;
    animation-name: mdc-checkbox-fade-in-background-0
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-out-background-0;
    animation-name: mdc-checkbox-fade-out-background-0
}

.disabled .mdc-checkbox .mdc-checkbox__native-control:not(:checked):not(:indeterminate)[readonly] ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(0,0,0,.26)
}

.disabled .mdc-checkbox .mdc-checkbox__native-control:checked[readonly] ~ .mdc-checkbox__background,
.disabled .mdc-checkbox .mdc-checkbox__native-control:indeterminate[readonly] ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
    border-color: transparent;
    background-color: rgba(0,0,0,.26)
}

@media screen and (-ms-high-contrast:active) {
    .mdc-checkbox__mixedmark {
        margin: 0 1px
    }
}

.mdc-checkbox--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__background {
    left: 11px;
    right: initial;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 11px;
    bottom: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    width: 45%;
    height: 45%;
    transition: background-color 90ms 0s cubic-bezier(.4,0,.6,1),border-color 90ms 0s cubic-bezier(.4,0,.6,1);
    border: 2px solid currentColor;
    border-radius: 2px;
    background-color: transparent;
    pointer-events: none;
    will-change: background-color,border-color
}

.mdc-checkbox[dir=rtl] .mdc-checkbox__background,
[dir=rtl] .mdc-checkbox .mdc-checkbox__background {
    left: initial;
    right: 11px
}

.mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: opacity 180ms 0s cubic-bezier(.4,0,.6,1);
    opacity: 0
}

.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
    opacity: 1
}

.mdc-checkbox__checkmark-path {
    transition: stroke-dashoffset 180ms 0s cubic-bezier(.4,0,.6,1);
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334
}

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 0;
    -webkit-transform: scaleX(0) rotate(0);
    -ms-transform: scaleX(0) rotate(0);
    transform: scaleX(0) rotate(0);
    transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 90ms 0s cubic-bezier(.4,0,.6,1);
    transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),transform 90ms 0s cubic-bezier(.4,0,.6,1);
    transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),transform 90ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 90ms 0s cubic-bezier(.4,0,.6,1);
    border-width: 1px;
    border-style: solid;
    opacity: 0
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    transition: none !important
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    -webkit-animation-duration: 180ms;
    animation-duration: 180ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
    animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
    transition: none
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
    -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
    animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
    transition: none
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
    -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
    animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
    -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
    animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
    -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
    animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
    -webkit-animation: .5s linear 0s mdc-checkbox-indeterminate-checked-checkmark;
    animation: .5s linear 0s mdc-checkbox-indeterminate-checked-checkmark;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
    -webkit-animation: .5s linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
    animation: .5s linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
    transition: none
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    -webkit-animation: .3s linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
    animation: .3s linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
    transition: none
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
    transition: border-color 90ms 0s cubic-bezier(0,0,.2,1),background-color 90ms 0s cubic-bezier(0,0,.2,1)
}

    .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
    .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
        stroke-dashoffset: 0
    }

.mdc-checkbox__background::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 90ms 0s cubic-bezier(.4,0,.6,1);
    transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),transform 90ms 0s cubic-bezier(.4,0,.6,1);
    transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),transform 90ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 90ms 0s cubic-bezier(.4,0,.6,1);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    will-change: opacity,transform
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
    content: none
}

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
    -webkit-transform: scale(2.75,2.75);
    -ms-transform: scale(2.75,2.75);
    transform: scale(2.75,2.75);
    transition: opacity 80ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 80ms 0s cubic-bezier(0,0,.2,1);
    transition: opacity 80ms 0s cubic-bezier(0,0,.2,1),transform 80ms 0s cubic-bezier(0,0,.2,1);
    transition: opacity 80ms 0s cubic-bezier(0,0,.2,1),transform 80ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 80ms 0s cubic-bezier(0,0,.2,1);
    opacity: .12
}

.mdc-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit
}

    .disabled .mdc-checkbox .mdc-checkbox__native-control[readonly],
    .mdc-checkbox__native-control:disabled {
        cursor: default;
        pointer-events: none
    }

    .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
        transition: opacity 180ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 180ms 0s cubic-bezier(0,0,.2,1);
        transition: opacity 180ms 0s cubic-bezier(0,0,.2,1),transform 180ms 0s cubic-bezier(0,0,.2,1);
        transition: opacity 180ms 0s cubic-bezier(0,0,.2,1),transform 180ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 180ms 0s cubic-bezier(0,0,.2,1);
        opacity: 1
    }

    .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
        -webkit-transform: scaleX(1) rotate(-45deg);
        -ms-transform: scaleX(1) rotate(-45deg);
        transform: scaleX(1) rotate(-45deg)
    }

    .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 90ms 0s cubic-bezier(.4,0,.6,1);
        transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),transform 90ms 0s cubic-bezier(.4,0,.6,1);
        transition: opacity 90ms 0s cubic-bezier(.4,0,.6,1),transform 90ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 90ms 0s cubic-bezier(.4,0,.6,1);
        opacity: 0
    }

    .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
        -webkit-transform: scaleX(1) rotate(0);
        -ms-transform: scaleX(1) rotate(0);
        transform: scaleX(1) rotate(0);
        opacity: 1
    }

@-webkit-keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    display: inline-block;
    position: absolute;
    bottom: 16px;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    fill: currentColor;
    opacity: .54;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-select-helper-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    transition: opacity 180ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    will-change: opacity
}

    .mdc-select-helper-text::before {
        display: inline-block;
        width: 0;
        height: 16px;
        content: "";
        vertical-align: 0
    }

.mdc-select-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: initial
}

.mdc-select {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity,transform,color
}

    .mdc-select:not(.mdc-select--disabled) {
        background-color: #f5f5f5
    }

    .mdc-select::after,
    .mdc-select::before {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-select::before {
        transition: opacity 15ms linear,background-color 15ms linear;
        z-index: 1
    }

    .mdc-select.mdc-ripple-upgraded::before {
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
        transform: scale(var(--mdc-ripple-fg-scale,1))
    }

    .mdc-select.mdc-ripple-upgraded::after {
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-select.mdc-ripple-upgraded--unbounded::after {
        top: var(--mdc-ripple-top,0);
        left: var(--mdc-ripple-left,0)
    }

    .mdc-select.mdc-ripple-upgraded--foreground-activation::after {
        -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
        animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
        -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
        animation: 150ms mdc-ripple-fg-opacity-out;
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }

    .mdc-select::after,
    .mdc-select::before {
        top: calc(50% - 100%);
        left: calc(50% - 100%);
        width: 200%;
        height: 200%
    }

    .mdc-select.mdc-ripple-upgraded::after {
        width: var(--mdc-ripple-fg-size,100%);
        height: var(--mdc-ripple-fg-size,100%)
    }

    .mdc-select::after,
    .mdc-select::before {
        background-color: rgba(0,0,0,.87)
    }

    .mdc-select:hover::before {
        opacity: .04
    }

    .mdc-select.mdc-ripple-upgraded--background-focused::before,
    .mdc-select:not(.mdc-ripple-upgraded):focus::before {
        transition-duration: 75ms;
        opacity: .12
    }

    .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
    .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
        color: rgba(0,0,0,.87)
    }

    .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
        color: rgba(0,0,0,.6)
    }

    .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
    .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
        border-bottom-color: rgba(0,0,0,.42)
    }

    .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
        color: rgba(0,0,0,.6)
    }

.mdc-select,
.mdc-select__native-control {
    border-radius: 4px 4px 0 0
}

    .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
        background-color: #6200ee;
        background-color: var(--mdc-theme-primary,#6200ee)
    }

    .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
        color: rgba(98,0,238,.87)
    }

    .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
        border-bottom-color: rgba(0,0,0,.87)
    }

    .mdc-select .mdc-floating-label--float-above {
        -webkit-transform: translateY(-70%) scale(.75);
        -ms-transform: translateY(-70%) scale(.75);
        transform: translateY(-70%) scale(.75)
    }

    .mdc-select .mdc-floating-label {
        left: 16px;
        right: initial;
        top: 21px;
        pointer-events: none
    }

        .mdc-select .mdc-floating-label[dir=rtl],
        [dir=rtl] .mdc-select .mdc-floating-label {
            left: initial;
            right: 16px
        }

    .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
        left: 48px;
        right: initial
    }

        .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
        [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
            left: initial;
            right: 48px
        }

    .mdc-select.mdc-select--outlined .mdc-floating-label {
        left: 4px;
        right: initial;
        top: 17px
    }

        .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl],
        [dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
            left: initial;
            right: 4px
        }

    .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
        left: 36px;
        right: initial
    }

        .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
        [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
            left: initial;
            right: 36px
        }

    .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
        left: 36px;
        right: initial
    }

        .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl],
        [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
            left: initial;
            right: 36px
        }

.mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;
    left: auto;
    right: 8px;
    position: absolute;
    bottom: 16px;
    width: 24px;
    height: 24px;
    transition: -webkit-transform 150ms cubic-bezier(.4,0,.2,1);
    transition: transform 150ms cubic-bezier(.4,0,.2,1);
    transition: transform 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);
    pointer-events: none
}

    .mdc-select__dropdown-icon[dir=rtl],
    [dir=rtl] .mdc-select__dropdown-icon {
        left: 8px;
        right: auto
    }

.mdc-select--focused .mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%236200ee%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;
    -webkit-transform: rotate(180deg) translateY(-5px);
    -ms-transform: rotate(180deg) translateY(-5px);
    transform: rotate(180deg) translateY(-5px);
    transition: -webkit-transform 150ms cubic-bezier(.4,0,.2,1);
    transition: transform 150ms cubic-bezier(.4,0,.2,1);
    transition: transform 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1)
}

.mdc-select__native-control {
    padding-top: 20px
}

.mdc-select.mdc-select--focused .mdc-line-ripple::after {
    -webkit-transform: scale(1,2);
    -ms-transform: scale(1,2);
    transform: scale(1,2);
    opacity: 1
}

.mdc-select + .mdc-select-helper-text {
    margin-right: 12px;
    margin-left: 12px
}

.mdc-select--outlined + .mdc-select-helper-text {
    margin-right: 16px;
    margin-left: 16px
}

.mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
    opacity: 1
}

.mdc-select__selected-text {
    min-width: 200px;
    padding-top: 22px
}

.mdc-select__native-control,
.mdc-select__selected-text {
    padding-left: 16px;
    padding-right: 52px;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding-top: 20px;
    padding-bottom: 4px;
    border: none;
    border-bottom: 1px solid;
    outline: 0;
    background-color: transparent;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .mdc-select__native-control[dir=rtl],
    .mdc-select__selected-text[dir=rtl],
    [dir=rtl] .mdc-select__native-control,
    [dir=rtl] .mdc-select__selected-text {
        padding-left: 52px;
        padding-right: 16px
    }

    .mdc-select__native-control::-ms-expand,
    .mdc-select__selected-text::-ms-expand {
        display: none
    }

    .mdc-select__native-control::-ms-value,
    .mdc-select__selected-text::-ms-value {
        background-color: transparent;
        color: inherit
    }

@-moz-document url-prefix("") {
    .mdc-select__native-control,
    .mdc-select__selected-text {
        text-indent: -2px
    }
}

.mdc-select--outlined {
    border: none;
    overflow: visible
}

    .mdc-select--outlined:not(.mdc-select--disabled) {
        background-color: transparent
    }

        .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
        .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
        .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
            border-color: rgba(0,0,0,.24)
        }

        .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
        .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
        .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
        .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
        .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
        .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
            border-color: rgba(0,0,0,.87)
        }

        .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
        .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
        .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
            border-width: 2px
        }

        .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
        .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
        .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
            border-color: #6200ee;
            border-color: var(--mdc-theme-primary,#6200ee)
        }

    .mdc-select--outlined .mdc-floating-label--shake {
        -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
        animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
    }

    .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        border-radius: 4px 0 0 4px
    }

        .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
        [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
            border-radius: 0 4px 4px 0
        }

    .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
        border-radius: 0 4px 4px 0
    }

        .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
        [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
            border-radius: 4px 0 0 4px
        }

    .mdc-select--outlined .mdc-select__native-control {
        border-radius: 4px
    }

    .mdc-select--outlined::after,
    .mdc-select--outlined::before {
        content: none
    }

    .mdc-select--outlined:not(.mdc-select--disabled) {
        background-color: transparent
    }

    .mdc-select--outlined .mdc-floating-label--float-above {
        -webkit-transform: translateY(-144%) scale(1);
        -ms-transform: translateY(-144%) scale(1);
        transform: translateY(-144%) scale(1)
    }

    .mdc-select--outlined .mdc-floating-label--float-above {
        font-size: .75rem
    }

    .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        -webkit-transform: translateY(-130%) scale(.75);
        -ms-transform: translateY(-130%) scale(.75);
        transform: translateY(-130%) scale(.75)
    }

    .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        font-size: 1rem
    }

    .mdc-select--outlined .mdc-select__native-control,
    .mdc-select--outlined .mdc-select__selected-text {
        padding-left: 16px;
        padding-right: 52px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 12px;
        padding-bottom: 12px;
        border: none;
        background-color: transparent;
        z-index: 1
    }

        .mdc-select--outlined .mdc-select__native-control[dir=rtl],
        .mdc-select--outlined .mdc-select__selected-text[dir=rtl],
        [dir=rtl] .mdc-select--outlined .mdc-select__native-control,
        [dir=rtl] .mdc-select--outlined .mdc-select__selected-text {
            padding-left: 52px;
            padding-right: 16px
        }

    .mdc-select--outlined .mdc-select__selected-text {
        padding-top: 14px
    }

    .mdc-select--outlined .mdc-select__icon {
        z-index: 2
    }

    .mdc-select--outlined .mdc-floating-label {
        line-height: 1.15rem;
        pointer-events: auto
    }

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #b00020
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid .mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center
}

.mdc-select--invalid + .mdc-select-helper-text--validation-msg {
    opacity: 1
}

.mdc-select--required .mdc-floating-label::after {
    content: "*"
}

.mdc-select--disabled {
    background-color: #fafafa;
    cursor: default;
    pointer-events: none
}

    .mdc-select--disabled .mdc-floating-label {
        color: rgba(0,0,0,.37)
    }

    .mdc-select--disabled .mdc-select__dropdown-icon {
        background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center
    }

    .mdc-select--disabled .mdc-line-ripple {
        display: none
    }

    .mdc-select--disabled .mdc-select__icon {
        color: rgba(0,0,0,.37)
    }

    .mdc-select--disabled .mdc-select__native-control,
    .mdc-select--disabled .mdc-select__selected-text {
        color: rgba(0,0,0,.37);
        border-bottom-style: dotted
    }

    .mdc-select--disabled .mdc-select__selected-text {
        pointer-events: none
    }

    .mdc-select--disabled.mdc-select--outlined {
        background-color: transparent
    }

        .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
        .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
            border-bottom-style: none
        }

        .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
        .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
        .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
            border-color: rgba(0,0,0,.16)
        }

.mdc-select--with-leading-icon .mdc-select__icon {
    left: 16px;
    right: initial
}

    .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl],
    [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
        left: initial;
        right: 16px
    }

.mdc-select--with-leading-icon .mdc-select__native-control,
.mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 48px;
    padding-right: 32px
}

    .mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],
    .mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl],
    [dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control,
    [dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text {
        padding-left: 32px;
        padding-right: 48px
    }

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    -ms-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1)
}

    .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
        -webkit-transform: translateY(-144%) translateX(32px) scale(1);
        -ms-transform: translateY(-144%) translateX(32px) scale(1);
        transform: translateY(-144%) translateX(32px) scale(1)
    }

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    -ms-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

    .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
    .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
    [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
    [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
        -ms-transform: translateY(-130%) translateX(32px) scale(.75);
        transform: translateY(-130%) translateX(32px) scale(.75)
    }

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1
}

.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
    padding-left: 32px;
    padding-right: 32px
}

    .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl],
    [dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
        padding-left: 32px;
        padding-right: 32px
    }

.mdc-select__menu .mdc-list .mdc-list-item--selected {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

    .mdc-select__menu .mdc-list .mdc-list-item--selected::after,
    .mdc-select__menu .mdc-list .mdc-list-item--selected::before {
        background-color: #000
    }

@supports not (-ms-ime-align:auto) {
    .mdc-select__menu .mdc-list .mdc-list-item--selected::after,
    .mdc-select__menu .mdc-list .mdc-list-item--selected::before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before {
    opacity: .04
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before,
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .16
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }

    100% {
        -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }
}

.mdc-list {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    margin: 0;
    padding: 8px 0;
    line-height: 1.5rem;
    list-style-type: none
}

.mdc-list-item__secondary-text {
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))
}

.mdc-list-item__graphic {
    background-color: transparent
}

.mdc-list-item__graphic {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))
}

.mdc-list-item__meta {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-background,rgba(0,0,0,.38))
}

.mdc-list--dense {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 48px;
    padding: 0 16px;
    overflow: hidden
}

    .mdc-list-item:focus {
        outline: 0
    }

.mdc-list-item--activated,
.mdc-list-item--selected {
    color: #6200ee;
    color: var(--mdc-theme-primary,#6200ee)
}

    .mdc-list-item--activated .mdc-list-item__graphic,
    .mdc-list-item--selected .mdc-list-item__graphic {
        color: #6200ee;
        color: var(--mdc-theme-primary,#6200ee)
    }

.mdc-list-item--disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.38))
}

.mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: currentColor
}

.mdc-list-item[dir=rtl] .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta,
[dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

    .mdc-list-item__text[for] {
        pointer-events: none
    }

.mdc-list-item__primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px;
    display: block
}

    .mdc-list-item__primary-text::before {
        display: inline-block;
        width: 0;
        height: 32px;
        content: "";
        vertical-align: 0
    }

    .mdc-list-item__primary-text::after {
        display: inline-block;
        width: 0;
        height: 20px;
        content: "";
        vertical-align: -20px
    }

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

    .mdc-list--dense .mdc-list-item__primary-text::before {
        display: inline-block;
        width: 0;
        height: 24px;
        content: "";
        vertical-align: 0
    }

    .mdc-list--dense .mdc-list-item__primary-text::after {
        display: inline-block;
        width: 0;
        height: 20px;
        content: "";
        vertical-align: -20px
    }

.mdc-list-item__secondary-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal;
    display: block
}

    .mdc-list-item__secondary-text::before {
        display: inline-block;
        width: 0;
        height: 20px;
        content: "";
        vertical-align: 0
    }

.mdc-list--dense .mdc-list-item__secondary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    font-size: inherit
}

    .mdc-list--dense .mdc-list-item__secondary-text::before {
        display: inline-block;
        width: 0;
        height: 20px;
        content: "";
        vertical-align: 0
    }

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 36px;
    width: 20px;
    height: 20px
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 36px;
    margin-right: 0
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--two-line .mdc-list-item__text {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 20px;
    width: 36px;
    height: 36px
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 20px;
    margin-right: 0
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity
}

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after,
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
        transition: opacity 15ms linear,background-color 15ms linear;
        z-index: 1
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
        transform: scale(var(--mdc-ripple-fg-scale,1))
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
        top: var(--mdc-ripple-top,0);
        left: var(--mdc-ripple-left,0)
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
        -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
        animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
        -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
        animation: 150ms mdc-ripple-fg-opacity-out;
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after,
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
        top: calc(50% - 100%);
        left: calc(50% - 100%);
        width: 200%;
        height: 200%
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
        width: var(--mdc-ripple-fg-size,100%);
        height: var(--mdc-ripple-fg-size,100%)
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after,
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
        background-color: #000
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
        opacity: .04
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before,
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before {
        transition-duration: 75ms;
        opacity: .12
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
        transition: opacity 150ms linear
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
        transition-duration: 75ms;
        opacity: .16
    }

    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
        --mdc-ripple-fg-opacity: 0.16
    }

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
    opacity: .12
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after,
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after,
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
    opacity: .16
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before,
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .28
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.28
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
    opacity: .08
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after,
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after,
    :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
    opacity: .12
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before,
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before {
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.mdc-list-divider {
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-list-divider--padded {
    margin: 0 16px
}

.mdc-list-divider--inset {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset,
[dir=rtl] .mdc-list-group .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list-divider--inset.mdc-list-divider--padded {
    width: calc(100% - 72px - 16px)
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-list-group__subheader {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: .75rem 16px
}

.mdc-list-group__subheader {
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff);
    color: #000;
    color: var(--mdc-theme-on-surface,#000);
    transform-origin-left: top left;
    transform-origin-right: top right;
    border-radius: 4px;
    display: none;
    position: absolute;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform,opacity;
    z-index: 8
}

    .mdc-menu-surface[dir=rtl],
    [dir=rtl] .mdc-menu-surface {
        transform-origin-left: top right;
        transform-origin-right: top left
    }

    .mdc-menu-surface:focus {
        outline: 0
    }

.mdc-menu-surface--animating-open {
    display: inline-block;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    transition: opacity 30ms linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);
    transition: opacity 30ms linear,transform .12s cubic-bezier(0,0,.2,1);
    transition: opacity 30ms linear,transform .12s cubic-bezier(0,0,.2,1),-webkit-transform .12s cubic-bezier(0,0,.2,1);
    opacity: 0
}

.mdc-menu-surface--open {
    display: inline-block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    transition: opacity 75ms linear;
    opacity: 0
}

.mdc-menu-surface--anchor {
    position: relative;
    overflow: visible
}

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-menu {
    min-width: 112px
}

    .mdc-menu .mdc-list-item__meta {
        color: rgba(0,0,0,.87);
        color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
    }

    .mdc-menu .mdc-list-item__graphic {
        color: rgba(0,0,0,.87);
        color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
    }

    .mdc-menu .mdc-list-divider {
        margin: 8px 0
    }

    .mdc-menu .mdc-list-item {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .mdc-menu .mdc-list-item--disabled {
        cursor: auto
    }

    .mdc-menu a.mdc-list-item .mdc-list-item__graphic,
    .mdc-menu a.mdc-list-item .mdc-list-item__text {
        pointer-events: none
    }

.mdc-menu__selection-group {
    padding: 0;
    fill: currentColor
}

    .mdc-menu__selection-group .mdc-list-item {
        padding-left: 56px;
        padding-right: 0
    }

        .mdc-menu__selection-group .mdc-list-item[dir=rtl],
        [dir=rtl] .mdc-menu__selection-group .mdc-list-item {
            padding-left: 0;
            padding-right: 56px
        }

    .mdc-menu__selection-group .mdc-menu__selection-group-icon {
        left: 16px;
        right: initial;
        display: none;
        position: absolute
    }

        .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl],
        [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
            left: initial;
            right: 16px
        }

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
    display: inline
}

@-webkit-keyframes primary-indeterminate-translate {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(83.67142%);
        transform: translateX(83.67142%)
    }

    100% {
        -webkit-transform: translateX(200.61106%);
        transform: translateX(200.61106%)
    }
}

@keyframes primary-indeterminate-translate {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(83.67142%);
        transform: translateX(83.67142%)
    }

    100% {
        -webkit-transform: translateX(200.61106%);
        transform: translateX(200.61106%)
    }
}

@-webkit-keyframes primary-indeterminate-scale {
    0% {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    36.65% {
        -webkit-animation-timing-function: cubic-bezier(.33473,.12482,.78584,1);
        animation-timing-function: cubic-bezier(.33473,.12482,.78584,1);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    69.15% {
        -webkit-animation-timing-function: cubic-bezier(.06,.11,.6,1);
        animation-timing-function: cubic-bezier(.06,.11,.6,1);
        -webkit-transform: scaleX(.66148);
        transform: scaleX(.66148)
    }

    100% {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }
}

@keyframes primary-indeterminate-scale {
    0% {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    36.65% {
        -webkit-animation-timing-function: cubic-bezier(.33473,.12482,.78584,1);
        animation-timing-function: cubic-bezier(.33473,.12482,.78584,1);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    69.15% {
        -webkit-animation-timing-function: cubic-bezier(.06,.11,.6,1);
        animation-timing-function: cubic-bezier(.06,.11,.6,1);
        -webkit-transform: scaleX(.66148);
        transform: scaleX(.66148)
    }

    100% {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }
}

@-webkit-keyframes secondary-indeterminate-translate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        -webkit-transform: translateX(37.65191%);
        transform: translateX(37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        -webkit-transform: translateX(84.38617%);
        transform: translateX(84.38617%)
    }

    100% {
        -webkit-transform: translateX(160.27778%);
        transform: translateX(160.27778%)
    }
}

@keyframes secondary-indeterminate-translate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        -webkit-transform: translateX(37.65191%);
        transform: translateX(37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        -webkit-transform: translateX(84.38617%);
        transform: translateX(84.38617%)
    }

    100% {
        -webkit-transform: translateX(160.27778%);
        transform: translateX(160.27778%)
    }
}

@-webkit-keyframes secondary-indeterminate-scale {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.20503,.05705,.57661,.45397);
        animation-timing-function: cubic-bezier(.20503,.05705,.57661,.45397);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    19.15% {
        -webkit-animation-timing-function: cubic-bezier(.15231,.19643,.64837,1.00432);
        animation-timing-function: cubic-bezier(.15231,.19643,.64837,1.00432);
        -webkit-transform: scaleX(.4571);
        transform: scaleX(.4571)
    }

    44.15% {
        -webkit-animation-timing-function: cubic-bezier(.25776,-.00316,.21176,1.38179);
        animation-timing-function: cubic-bezier(.25776,-.00316,.21176,1.38179);
        -webkit-transform: scaleX(.72796);
        transform: scaleX(.72796)
    }

    100% {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }
}

@keyframes secondary-indeterminate-scale {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.20503,.05705,.57661,.45397);
        animation-timing-function: cubic-bezier(.20503,.05705,.57661,.45397);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    19.15% {
        -webkit-animation-timing-function: cubic-bezier(.15231,.19643,.64837,1.00432);
        animation-timing-function: cubic-bezier(.15231,.19643,.64837,1.00432);
        -webkit-transform: scaleX(.4571);
        transform: scaleX(.4571)
    }

    44.15% {
        -webkit-animation-timing-function: cubic-bezier(.25776,-.00316,.21176,1.38179);
        animation-timing-function: cubic-bezier(.25776,-.00316,.21176,1.38179);
        -webkit-transform: scaleX(.72796);
        transform: scaleX(.72796)
    }

    100% {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }
}

@-webkit-keyframes buffering {
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes buffering {
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@-webkit-keyframes primary-indeterminate-translate-reverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(-83.67142%);
        transform: translateX(-83.67142%)
    }

    100% {
        -webkit-transform: translateX(-200.61106%);
        transform: translateX(-200.61106%)
    }
}

@keyframes primary-indeterminate-translate-reverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        animation-timing-function: cubic-bezier(.5,0,.70173,.49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        animation-timing-function: cubic-bezier(.30244,.38135,.55,.95635);
        -webkit-transform: translateX(-83.67142%);
        transform: translateX(-83.67142%)
    }

    100% {
        -webkit-transform: translateX(-200.61106%);
        transform: translateX(-200.61106%)
    }
}

@-webkit-keyframes secondary-indeterminate-translate-reverse {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        -webkit-transform: translateX(-37.65191%);
        transform: translateX(-37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        -webkit-transform: translateX(-84.38617%);
        transform: translateX(-84.38617%)
    }

    100% {
        -webkit-transform: translateX(-160.27778%);
        transform: translateX(-160.27778%)
    }
}

@keyframes secondary-indeterminate-translate-reverse {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        animation-timing-function: cubic-bezier(.15,0,.51506,.40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        animation-timing-function: cubic-bezier(.31033,.28406,.8,.73371);
        -webkit-transform: translateX(-37.65191%);
        transform: translateX(-37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        animation-timing-function: cubic-bezier(.4,.62704,.6,.90203);
        -webkit-transform: translateX(-84.38617%);
        transform: translateX(-84.38617%)
    }

    100% {
        -webkit-transform: translateX(-160.27778%);
        transform: translateX(-160.27778%)
    }
}

@-webkit-keyframes buffering-reverse {
    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes buffering-reverse {
    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.mdc-linear-progress {
    position: relative;
    width: 100%;
    height: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity 250ms 0s cubic-bezier(.4,0,.6,1);
    overflow: hidden
}

.mdc-linear-progress__bar {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: none;
    animation: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: -webkit-transform 250ms 0s cubic-bezier(.4,0,.6,1);
    transition: transform 250ms 0s cubic-bezier(.4,0,.6,1);
    transition: transform 250ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 250ms 0s cubic-bezier(.4,0,.6,1)
}

.mdc-linear-progress__bar-inner {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: none;
    animation: none
}

.mdc-linear-progress__buffering-dots {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: buffering 250ms infinite linear;
    animation: buffering 250ms infinite linear;
    background-repeat: repeat-x;
    background-size: 10px 4px
}

.mdc-linear-progress__buffer {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: -webkit-transform 250ms 0s cubic-bezier(.4,0,.6,1);
    transition: transform 250ms 0s cubic-bezier(.4,0,.6,1);
    transition: transform 250ms 0s cubic-bezier(.4,0,.6,1),-webkit-transform 250ms 0s cubic-bezier(.4,0,.6,1)
}

.mdc-linear-progress__primary-bar {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.mdc-linear-progress__secondary-bar {
    visibility: hidden
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
    transition: none
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
    left: -145.166611%;
    -webkit-animation: primary-indeterminate-translate 2s infinite linear;
    animation: primary-indeterminate-translate 2s infinite linear
}

    .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
        -webkit-animation: primary-indeterminate-scale 2s infinite linear;
        animation: primary-indeterminate-scale 2s infinite linear
    }

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
    left: -54.888891%;
    -webkit-animation: secondary-indeterminate-translate 2s infinite linear;
    animation: secondary-indeterminate-translate 2s infinite linear;
    visibility: visible
}

    .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
        -webkit-animation: secondary-indeterminate-scale 2s infinite linear;
        animation: secondary-indeterminate-scale 2s infinite linear
    }

.mdc-linear-progress--reversed .mdc-linear-progress__bar,
.mdc-linear-progress--reversed .mdc-linear-progress__buffer {
    right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
    -webkit-animation-name: primary-indeterminate-translate-reverse;
    animation-name: primary-indeterminate-translate-reverse
}

.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
    -webkit-animation-name: secondary-indeterminate-translate-reverse;
    animation-name: secondary-indeterminate-translate-reverse
}

.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
    -webkit-animation: buffering-reverse 250ms infinite linear;
    animation: buffering-reverse 250ms infinite linear
}

.mdc-linear-progress--closed {
    opacity: 0
}

.mdc-linear-progress__bar-inner {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-linear-progress__buffering-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")
}

.mdc-linear-progress__buffer {
    background-color: #e6e6e6
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
    right: -145.166611%;
    left: auto
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
    right: -54.888891%;
    left: auto
}
/*!
 Material Components for the Web
 Copyright (c) 2019 Google Inc.
 License: MIT
*/ .mdc-dialog,
.mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: 7
}

    .mdc-dialog .mdc-dialog__surface {
        background-color: #fff;
        background-color: var(--mdc-theme-surface,#fff)
    }

    .mdc-dialog .mdc-dialog__scrim {
        background-color: rgba(0,0,0,.32)
    }

    .mdc-dialog .mdc-dialog__title {
        color: rgba(0,0,0,.87)
    }

    .mdc-dialog .mdc-dialog__content {
        color: rgba(0,0,0,.6)
    }

    .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions,
    .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
        border-color: rgba(0,0,0,.12)
    }

    .mdc-dialog .mdc-dialog__surface {
        min-width: 280px
    }

@media (max-width:592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: calc(100vw - 32px)
    }
}

@media (min-width:592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100vh - 32px)
}

.mdc-dialog .mdc-dialog__surface {
    border-radius: 4px
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    box-sizing: border-box;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mdc-dialog__surface {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.mdc-dialog[dir=rtl] .mdc-dialog__surface,
[dir=rtl] .mdc-dialog .mdc-dialog__surface {
    text-align: right
}

.mdc-dialog__title {
    display: block;
    margin-top: 0;
    line-height: normal;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0 24px 9px;
    border-bottom: 1px solid transparent
}

    .mdc-dialog__title::before {
        display: inline-block;
        width: 0;
        height: 40px;
        content: "";
        vertical-align: 0
    }

.mdc-dialog[dir=rtl] .mdc-dialog__title,
[dir=rtl] .mdc-dialog .mdc-dialog__title {
    text-align: right
}

.mdc-dialog--scrollable .mdc-dialog__title {
    padding-bottom: 15px
}

.mdc-dialog__content {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em;
    text-decoration: inherit;
    text-transform: inherit;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 24px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

    .mdc-dialog__content > :first-child {
        margin-top: 0
    }

    .mdc-dialog__content > :last-child {
        margin-bottom: 0
    }

.mdc-dialog__title + .mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid transparent
}

.mdc-dialog--stacked .mdc-dialog__actions {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

    .mdc-dialog__button[dir=rtl],
    [dir=rtl] .mdc-dialog__button {
        margin-left: 0;
        margin-right: 8px
    }

    .mdc-dialog__button:first-child {
        margin-left: 0;
        margin-right: 0
    }

        .mdc-dialog__button:first-child[dir=rtl],
        [dir=rtl] .mdc-dialog__button:first-child {
            margin-left: 0;
            margin-right: 0
        }

.mdc-dialog[dir=rtl] .mdc-dialog__button,
[dir=rtl] .mdc-dialog .mdc-dialog__button {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--closing,
.mdc-dialog--open,
.mdc-dialog--opening {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .mdc-dialog--opening .mdc-dialog__scrim {
        transition: opacity 150ms linear
    }

    .mdc-dialog--opening .mdc-dialog__container {
        transition: opacity 75ms linear,-webkit-transform 150ms 0s cubic-bezier(0,0,.2,1);
        transition: opacity 75ms linear,transform 150ms 0s cubic-bezier(0,0,.2,1);
        transition: opacity 75ms linear,transform 150ms 0s cubic-bezier(0,0,.2,1),-webkit-transform 150ms 0s cubic-bezier(0,0,.2,1)
    }

    .mdc-dialog--closing .mdc-dialog__container,
    .mdc-dialog--closing .mdc-dialog__scrim {
        transition: opacity 75ms linear
    }

    .mdc-dialog--closing .mdc-dialog__container {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .mdc-dialog--open .mdc-dialog__scrim {
        opacity: 1
    }

    .mdc-dialog--open .mdc-dialog__container {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.mdc-dialog-scroll-lock {
    overflow: hidden
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

main {
    display: block
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active,
    a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*,
::after,
::before {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: Karla,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: .25rem
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: .25rem
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: .25rem;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 110rem;
    margin: 0 auto
}

@media print,screen and (min-width:40em) {
    .grid-container {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.fluid {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin: 0 auto
}

@media print,screen and (min-width:40em) {
    .grid-container.fluid {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cell {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

    .cell.auto {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .cell.shrink {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.grid-x > .auto {
    width: auto
}

.grid-x > .shrink {
    width: auto
}

.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-full,
.grid-x > .small-shrink {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,screen and (min-width:40em) {
    .grid-x > .medium-1,
    .grid-x > .medium-10,
    .grid-x > .medium-11,
    .grid-x > .medium-12,
    .grid-x > .medium-2,
    .grid-x > .medium-3,
    .grid-x > .medium-4,
    .grid-x > .medium-5,
    .grid-x > .medium-6,
    .grid-x > .medium-7,
    .grid-x > .medium-8,
    .grid-x > .medium-9,
    .grid-x > .medium-full,
    .grid-x > .medium-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-1,
    .grid-x > .large-10,
    .grid-x > .large-11,
    .grid-x > .large-12,
    .grid-x > .large-2,
    .grid-x > .large-3,
    .grid-x > .large-4,
    .grid-x > .large-5,
    .grid-x > .large-6,
    .grid-x > .large-7,
    .grid-x > .large-8,
    .grid-x > .large-9,
    .grid-x > .large-full,
    .grid-x > .large-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-x > .small-1 {
    width: 8.33333%
}

.grid-x > .small-2 {
    width: 16.66667%
}

.grid-x > .small-3 {
    width: 25%
}

.grid-x > .small-4 {
    width: 33.33333%
}

.grid-x > .small-5 {
    width: 41.66667%
}

.grid-x > .small-6 {
    width: 50%
}

.grid-x > .small-7 {
    width: 58.33333%
}

.grid-x > .small-8 {
    width: 66.66667%
}

.grid-x > .small-9 {
    width: 75%
}

.grid-x > .small-10 {
    width: 83.33333%
}

.grid-x > .small-11 {
    width: 91.66667%
}

.grid-x > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .grid-x > .medium-auto {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .medium-shrink {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .medium-1 {
        width: 8.33333%
    }

    .grid-x > .medium-2 {
        width: 16.66667%
    }

    .grid-x > .medium-3 {
        width: 25%
    }

    .grid-x > .medium-4 {
        width: 33.33333%
    }

    .grid-x > .medium-5 {
        width: 41.66667%
    }

    .grid-x > .medium-6 {
        width: 50%
    }

    .grid-x > .medium-7 {
        width: 58.33333%
    }

    .grid-x > .medium-8 {
        width: 66.66667%
    }

    .grid-x > .medium-9 {
        width: 75%
    }

    .grid-x > .medium-10 {
        width: 83.33333%
    }

    .grid-x > .medium-11 {
        width: 91.66667%
    }

    .grid-x > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-auto {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .large-shrink {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .large-1 {
        width: 8.33333%
    }

    .grid-x > .large-2 {
        width: 16.66667%
    }

    .grid-x > .large-3 {
        width: 25%
    }

    .grid-x > .large-4 {
        width: 33.33333%
    }

    .grid-x > .large-5 {
        width: 41.66667%
    }

    .grid-x > .large-6 {
        width: 50%
    }

    .grid-x > .large-7 {
        width: 58.33333%
    }

    .grid-x > .large-8 {
        width: 66.66667%
    }

    .grid-x > .large-9 {
        width: 75%
    }

    .grid-x > .large-10 {
        width: 83.33333%
    }

    .grid-x > .large-11 {
        width: 91.66667%
    }

    .grid-x > .large-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-x > .cell {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

.grid-margin-x > .auto {
    width: auto
}

.grid-margin-x > .shrink {
    width: auto
}

.grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem)
}

.grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem)
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem)
}

.grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem)
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem)
}

.grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem)
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-x > .auto {
        width: auto
    }

    .grid-margin-x > .shrink {
        width: auto
    }

    .grid-margin-x > .small-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .small-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .small-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .small-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .small-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .small-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .small-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .small-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x > .medium-auto {
        width: auto
    }

    .grid-margin-x > .medium-shrink {
        width: auto
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x > .large-auto {
        width: auto
    }

    .grid-margin-x > .large-shrink {
        width: auto
    }

    .grid-margin-x > .large-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .large-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .large-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .large-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .large-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .large-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .large-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .large-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-padding-x > .cell {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-x > .cell {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.small-up-1 > .cell {
    width: 100%
}

.small-up-2 > .cell {
    width: 50%
}

.small-up-3 > .cell {
    width: 33.33333%
}

.small-up-4 > .cell {
    width: 25%
}

.small-up-5 > .cell {
    width: 20%
}

.small-up-6 > .cell {
    width: 16.66667%
}

.small-up-7 > .cell {
    width: 14.28571%
}

.small-up-8 > .cell {
    width: 12.5%
}

@media print,screen and (min-width:40em) {
    .medium-up-1 > .cell {
        width: 100%
    }

    .medium-up-2 > .cell {
        width: 50%
    }

    .medium-up-3 > .cell {
        width: 33.33333%
    }

    .medium-up-4 > .cell {
        width: 25%
    }

    .medium-up-5 > .cell {
        width: 20%
    }

    .medium-up-6 > .cell {
        width: 16.66667%
    }

    .medium-up-7 > .cell {
        width: 14.28571%
    }

    .medium-up-8 > .cell {
        width: 12.5%
    }
}

@media print,screen and (min-width:64em) {
    .large-up-1 > .cell {
        width: 100%
    }

    .large-up-2 > .cell {
        width: 50%
    }

    .large-up-3 > .cell {
        width: 33.33333%
    }

    .large-up-4 > .cell {
        width: 25%
    }

    .large-up-5 > .cell {
        width: 20%
    }

    .large-up-6 > .cell {
        width: 16.66667%
    }

    .large-up-7 > .cell {
        width: 14.28571%
    }

    .large-up-8 > .cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-x.small-up-1 > .cell {
        width: calc(100% - 1.25rem)
    }

    .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x.small-up-3 > .cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x.small-up-4 > .cell {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x.small-up-5 > .cell {
        width: calc(20% - 1.25rem)
    }

    .grid-margin-x.small-up-6 > .cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x.small-up-7 > .cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid-margin-x.small-up-8 > .cell {
        width: calc(12.5% - 1.25rem)
    }

    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0
}

    .small-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }

    .small-margin-collapse > .small-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .small-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .small-3 {
        width: 25%
    }

    .small-margin-collapse > .small-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .small-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .small-6 {
        width: 50%
    }

    .small-margin-collapse > .small-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .small-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .small-9 {
        width: 75%
    }

    .small-margin-collapse > .small-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .small-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .small-12 {
        width: 100%
    }

@media print,screen and (min-width:40em) {
    .small-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .medium-3 {
        width: 25%
    }

    .small-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .medium-6 {
        width: 50%
    }

    .small-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .medium-9 {
        width: 75%
    }

    .small-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .small-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .large-3 {
        width: 25%
    }

    .small-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .large-6 {
        width: 50%
    }

    .small-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .large-9 {
        width: 75%
    }

    .small-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .large-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

    .small-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }

@media print,screen and (min-width:40em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .medium-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0
        }
}

@media print,screen and (min-width:40em) {
    .medium-margin-collapse > .small-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .small-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .small-3 {
        width: 25%
    }

    .medium-margin-collapse > .small-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .small-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .small-6 {
        width: 50%
    }

    .medium-margin-collapse > .small-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .small-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .small-9 {
        width: 75%
    }

    .medium-margin-collapse > .small-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .small-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print,screen and (min-width:40em) {
    .medium-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .medium-3 {
        width: 25%
    }

    .medium-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .medium-6 {
        width: 50%
    }

    .medium-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .medium-9 {
        width: 75%
    }

    .medium-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .medium-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .large-3 {
        width: 25%
    }

    .medium-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .large-6 {
        width: 50%
    }

    .medium-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .large-9 {
        width: 75%
    }

    .medium-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .large-12 {
        width: 100%
    }
}

@media print,screen and (min-width:40em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .medium-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .large-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0
        }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .small-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .small-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .small-3 {
        width: 25%
    }

    .large-margin-collapse > .small-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .small-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .small-6 {
        width: 50%
    }

    .large-margin-collapse > .small-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .small-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .small-9 {
        width: 75%
    }

    .large-margin-collapse > .small-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .small-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .small-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .medium-3 {
        width: 25%
    }

    .large-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .medium-6 {
        width: 50%
    }

    .large-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .medium-9 {
        width: 75%
    }

    .large-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .large-3 {
        width: 25%
    }

    .large-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .large-6 {
        width: 50%
    }

    .large-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .large-9 {
        width: 75%
    }

    .large-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .large-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .large-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

.small-offset-0 {
    margin-left: 0
}

.grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + .625rem)
}

.small-offset-1 {
    margin-left: 8.33333%
}

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
    margin-left: 16.66667%
}

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + .625rem)
}

.small-offset-4 {
    margin-left: 33.33333%
}

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
    margin-left: 41.66667%
}

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + .625rem)
}

.small-offset-7 {
    margin-left: 58.33333%
}

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
    margin-left: 66.66667%
}

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + .625rem)
}

.small-offset-10 {
    margin-left: 83.33333%
}

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
    margin-left: 91.66667%
}

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + .625rem)
}

@media print,screen and (min-width:40em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: calc(0% + .9375rem)
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: calc(0% + .9375rem)
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

.grid-y {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .grid-y > .cell {
        width: auto
    }

    .grid-y > .auto {
        height: auto
    }

    .grid-y > .shrink {
        height: auto
    }

    .grid-y > .small-1,
    .grid-y > .small-10,
    .grid-y > .small-11,
    .grid-y > .small-12,
    .grid-y > .small-2,
    .grid-y > .small-3,
    .grid-y > .small-4,
    .grid-y > .small-5,
    .grid-y > .small-6,
    .grid-y > .small-7,
    .grid-y > .small-8,
    .grid-y > .small-9,
    .grid-y > .small-full,
    .grid-y > .small-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

@media print,screen and (min-width:40em) {
    .grid-y > .medium-1,
    .grid-y > .medium-10,
    .grid-y > .medium-11,
    .grid-y > .medium-12,
    .grid-y > .medium-2,
    .grid-y > .medium-3,
    .grid-y > .medium-4,
    .grid-y > .medium-5,
    .grid-y > .medium-6,
    .grid-y > .medium-7,
    .grid-y > .medium-8,
    .grid-y > .medium-9,
    .grid-y > .medium-full,
    .grid-y > .medium-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-y > .large-1,
    .grid-y > .large-10,
    .grid-y > .large-11,
    .grid-y > .large-12,
    .grid-y > .large-2,
    .grid-y > .large-3,
    .grid-y > .large-4,
    .grid-y > .large-5,
    .grid-y > .large-6,
    .grid-y > .large-7,
    .grid-y > .large-8,
    .grid-y > .large-9,
    .grid-y > .large-full,
    .grid-y > .large-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-y > .small-1 {
    height: 8.33333%
}

.grid-y > .small-2 {
    height: 16.66667%
}

.grid-y > .small-3 {
    height: 25%
}

.grid-y > .small-4 {
    height: 33.33333%
}

.grid-y > .small-5 {
    height: 41.66667%
}

.grid-y > .small-6 {
    height: 50%
}

.grid-y > .small-7 {
    height: 58.33333%
}

.grid-y > .small-8 {
    height: 66.66667%
}

.grid-y > .small-9 {
    height: 75%
}

.grid-y > .small-10 {
    height: 83.33333%
}

.grid-y > .small-11 {
    height: 91.66667%
}

.grid-y > .small-12 {
    height: 100%
}

@media print,screen and (min-width:40em) {
    .grid-y > .medium-auto {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }

    .grid-y > .medium-shrink {
        height: auto
    }

    .grid-y > .medium-1 {
        height: 8.33333%
    }

    .grid-y > .medium-2 {
        height: 16.66667%
    }

    .grid-y > .medium-3 {
        height: 25%
    }

    .grid-y > .medium-4 {
        height: 33.33333%
    }

    .grid-y > .medium-5 {
        height: 41.66667%
    }

    .grid-y > .medium-6 {
        height: 50%
    }

    .grid-y > .medium-7 {
        height: 58.33333%
    }

    .grid-y > .medium-8 {
        height: 66.66667%
    }

    .grid-y > .medium-9 {
        height: 75%
    }

    .grid-y > .medium-10 {
        height: 83.33333%
    }

    .grid-y > .medium-11 {
        height: 91.66667%
    }

    .grid-y > .medium-12 {
        height: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-y > .large-auto {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }

    .grid-y > .large-shrink {
        height: auto
    }

    .grid-y > .large-1 {
        height: 8.33333%
    }

    .grid-y > .large-2 {
        height: 16.66667%
    }

    .grid-y > .large-3 {
        height: 25%
    }

    .grid-y > .large-4 {
        height: 33.33333%
    }

    .grid-y > .large-5 {
        height: 41.66667%
    }

    .grid-y > .large-6 {
        height: 50%
    }

    .grid-y > .large-7 {
        height: 58.33333%
    }

    .grid-y > .large-8 {
        height: 66.66667%
    }

    .grid-y > .large-9 {
        height: 75%
    }

    .grid-y > .large-10 {
        height: 83.33333%
    }

    .grid-y > .large-11 {
        height: 91.66667%
    }

    .grid-y > .large-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-padding-y > .cell {
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-y > .cell {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .auto {
        height: auto
    }

    .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar
}

.cell-block-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
}

    .cell-block-container > .grid-x {
        max-height: 100%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

@media print,screen and (min-width:40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

        .medium-cell-block-container > .grid-x {
            max-height: 100%;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

@media print,screen and (min-width:64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .large-cell-block-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

        .large-cell-block-container > .grid-x {
            max-height: 100%;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
}

@media print,screen and (min-width:40em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

@media print,screen and (min-width:64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,screen and (min-width:40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print,screen and (min-width:64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .auto {
        height: auto
    }

    .grid-margin-y > .shrink {
        height: auto
    }

    .grid-margin-y > .small-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .small-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .small-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .small-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .small-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

.form-section-header,
.form-section-subheader,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.ood-wp-alert-error,
.reveal-header-input-label .reveal-header-input,
.reveal-header-input-label .reveal-header-input-temp,
.templates .template .template-details a .template-name,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Karla,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

    .form-section-header small,
    .form-section-subheader small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    .ood-wp-alert-error small,
    .reveal-header-input-label .reveal-header-input small,
    .reveal-header-input-label .reveal-header-input-temp small,
    .templates .template .template-details a .template-name small,
    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        line-height: 0;
        color: #929292
    }

.h1,
h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2,
h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h3,
h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.form-section-header,
.h4,
.reveal-header-input-label .reveal-header-input,
.reveal-header-input-label .reveal-header-input-temp,
h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h5,
.ood-wp-alert-error,
.templates .template .template-details a .template-name,
h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.form-section-subheader,
.h6,
h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,screen and (min-width:40em) {
    .h1,
    h1 {
        font-size: 2.25rem
    }

    .h2,
    h2 {
        font-size: 2rem
    }

    .h3,
    h3 {
        font-size: 1.75rem
    }

    .form-section-header,
    .h4,
    .reveal-header-input-label .reveal-header-input,
    .reveal-header-input-label .reveal-header-input-temp,
    h4 {
        font-size: 1.5rem
    }

    .h5,
    .ood-wp-alert-error,
    .templates .template .template-details a .template-name,
    h5 {
        font-size: 1.25rem
    }

    .form-section-subheader,
    .h6,
    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #7a085e;
    text-decoration: none;
    cursor: pointer
}

    a:focus,
    a:hover {
        color: #690751
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #929292;
    border-left: 0
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: 700
    }

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #929292
}

    blockquote,
    blockquote p {
        line-height: 1.6;
        color: #666
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #666
}

    cite:before {
        content: "— "
    }

abbr,
abbr[title] {
    border-bottom: 1px dotted #333;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #929292;
    background-color: #ebebeb;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #333
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #ebebeb;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    color: #333;
    border-radius: .25rem
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #666
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

ol.no-bullet,
ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width:40em) {
    .medium-text-left {
        text-align: left !important;
    }

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

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

    .medium-text-justify {
        text-align: justify !important;
    }
}

@media print,screen and (min-width:64em) {
    .large-text-left {
        text-align: left !important;
    }

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

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

    .large-text-justify {
        text-align: justify !important;
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

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

        .ir a:after,
        a[href^='#']:after,
        a[href^='javascript:']:after {
            content: ''
        }

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

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

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

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

    h2,
    h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.button,
.file_div_clean.wfu_container input[type=button] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #7a085e;
    color: #fefefe
}

.file_div_clean.wfu_container [data-whatinput=mouse] input[type=button],
[data-whatinput=mouse] .button,
[data-whatinput=mouse] .file_div_clean.wfu_container input[type=button] {
    outline: 0
}

.button:focus,
.button:hover,
.file_div_clean.wfu_container input:focus[type=button],
.file_div_clean.wfu_container input:hover[type=button] {
    background-color: #680750;
    color: #fefefe
}

.button.tiny,
.file_div_clean.wfu_container input.tiny[type=button] {
    font-size: .6rem
}

.button.small,
.file_div_clean.wfu_container input.small[type=button] {
    font-size: .75rem
}

.button.large,
.file_div_clean.wfu_container input.large[type=button] {
    font-size: 1.25rem
}

.button.expanded,
.file_div_clean.wfu_container input.expanded[type=button] {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary,
.file_div_clean.wfu_container input.primary[type=button] {
    background-color: #7a085e;
    color: #fefefe
}

    .button.primary:focus,
    .button.primary:hover,
    .file_div_clean.wfu_container input.primary:focus[type=button],
    .file_div_clean.wfu_container input.primary:hover[type=button] {
        background-color: #62064b;
        color: #fefefe
    }

.button.secondary,
.file_div_clean.wfu_container input.secondary[type=button] {
    background-color: #584193;
    color: #fefefe
}

    .button.secondary:focus,
    .button.secondary:hover,
    .file_div_clean.wfu_container input.secondary:focus[type=button],
    .file_div_clean.wfu_container input.secondary:hover[type=button] {
        background-color: #463476;
        color: #fefefe
    }

.button.success,
.file_div_clean.wfu_container input.success[type=button] {
    background-color: #3adb76;
    color: #333
}

    .button.success:focus,
    .button.success:hover,
    .file_div_clean.wfu_container input.success:focus[type=button],
    .file_div_clean.wfu_container input.success:hover[type=button] {
        background-color: #22bb5b;
        color: #333
    }

.button.warning,
.file_div_clean.wfu_container input.warning[type=button] {
    background-color: #ffae00;
    color: #333
}

    .button.warning:focus,
    .button.warning:hover,
    .file_div_clean.wfu_container input.warning:focus[type=button],
    .file_div_clean.wfu_container input.warning:hover[type=button] {
        background-color: #cc8b00;
        color: #333
    }

.button.alert,
.file_div_clean.wfu_container input.alert[type=button] {
    background-color: #d64b13;
    color: #fefefe
}

    .button.alert:focus,
    .button.alert:hover,
    .file_div_clean.wfu_container input.alert:focus[type=button],
    .file_div_clean.wfu_container input.alert:hover[type=button] {
        background-color: #ab3c0f;
        color: #fefefe
    }

.button.disabled,
.button[disabled],
.file_div_clean.wfu_container input.disabled[type=button],
.file_div_clean.wfu_container input[disabled][type=button] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled,
    .button.disabled:focus,
    .button.disabled:hover,
    .button[disabled],
    .button[disabled]:focus,
    .button[disabled]:hover,
    .file_div_clean.wfu_container input.disabled:focus[type=button],
    .file_div_clean.wfu_container input.disabled:hover[type=button],
    .file_div_clean.wfu_container input.disabled[type=button],
    .file_div_clean.wfu_container input[disabled]:focus[type=button],
    .file_div_clean.wfu_container input[disabled]:hover[type=button],
    .file_div_clean.wfu_container input[disabled][type=button] {
        background-color: #7a085e;
        color: #fefefe
    }

        .button.disabled.primary,
        .button[disabled].primary,
        .file_div_clean.wfu_container input.disabled.primary[type=button],
        .file_div_clean.wfu_container input[disabled].primary[type=button] {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.primary,
            .button.disabled.primary:focus,
            .button.disabled.primary:hover,
            .button[disabled].primary,
            .button[disabled].primary:focus,
            .button[disabled].primary:hover,
            .file_div_clean.wfu_container input.disabled.primary:focus[type=button],
            .file_div_clean.wfu_container input.disabled.primary:hover[type=button],
            .file_div_clean.wfu_container input.disabled.primary[type=button],
            .file_div_clean.wfu_container input[disabled].primary:focus[type=button],
            .file_div_clean.wfu_container input[disabled].primary:hover[type=button],
            .file_div_clean.wfu_container input[disabled].primary[type=button] {
                background-color: #7a085e;
                color: #fefefe
            }

        .button.disabled.secondary,
        .button[disabled].secondary,
        .file_div_clean.wfu_container input.disabled.secondary[type=button],
        .file_div_clean.wfu_container input[disabled].secondary[type=button] {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.secondary,
            .button.disabled.secondary:focus,
            .button.disabled.secondary:hover,
            .button[disabled].secondary,
            .button[disabled].secondary:focus,
            .button[disabled].secondary:hover,
            .file_div_clean.wfu_container input.disabled.secondary:focus[type=button],
            .file_div_clean.wfu_container input.disabled.secondary:hover[type=button],
            .file_div_clean.wfu_container input.disabled.secondary[type=button],
            .file_div_clean.wfu_container input[disabled].secondary:focus[type=button],
            .file_div_clean.wfu_container input[disabled].secondary:hover[type=button],
            .file_div_clean.wfu_container input[disabled].secondary[type=button] {
                background-color: #584193;
                color: #fefefe
            }

        .button.disabled.success,
        .button[disabled].success,
        .file_div_clean.wfu_container input.disabled.success[type=button],
        .file_div_clean.wfu_container input[disabled].success[type=button] {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.success,
            .button.disabled.success:focus,
            .button.disabled.success:hover,
            .button[disabled].success,
            .button[disabled].success:focus,
            .button[disabled].success:hover,
            .file_div_clean.wfu_container input.disabled.success:focus[type=button],
            .file_div_clean.wfu_container input.disabled.success:hover[type=button],
            .file_div_clean.wfu_container input.disabled.success[type=button],
            .file_div_clean.wfu_container input[disabled].success:focus[type=button],
            .file_div_clean.wfu_container input[disabled].success:hover[type=button],
            .file_div_clean.wfu_container input[disabled].success[type=button] {
                background-color: #3adb76;
                color: #333
            }

        .button.disabled.warning,
        .button[disabled].warning,
        .file_div_clean.wfu_container input.disabled.warning[type=button],
        .file_div_clean.wfu_container input[disabled].warning[type=button] {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.warning,
            .button.disabled.warning:focus,
            .button.disabled.warning:hover,
            .button[disabled].warning,
            .button[disabled].warning:focus,
            .button[disabled].warning:hover,
            .file_div_clean.wfu_container input.disabled.warning:focus[type=button],
            .file_div_clean.wfu_container input.disabled.warning:hover[type=button],
            .file_div_clean.wfu_container input.disabled.warning[type=button],
            .file_div_clean.wfu_container input[disabled].warning:focus[type=button],
            .file_div_clean.wfu_container input[disabled].warning:hover[type=button],
            .file_div_clean.wfu_container input[disabled].warning[type=button] {
                background-color: #ffae00;
                color: #333
            }

        .button.disabled.alert,
        .button[disabled].alert,
        .file_div_clean.wfu_container input.disabled.alert[type=button],
        .file_div_clean.wfu_container input[disabled].alert[type=button] {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.alert,
            .button.disabled.alert:focus,
            .button.disabled.alert:hover,
            .button[disabled].alert,
            .button[disabled].alert:focus,
            .button[disabled].alert:hover,
            .file_div_clean.wfu_container input.disabled.alert:focus[type=button],
            .file_div_clean.wfu_container input.disabled.alert:hover[type=button],
            .file_div_clean.wfu_container input.disabled.alert[type=button],
            .file_div_clean.wfu_container input[disabled].alert:focus[type=button],
            .file_div_clean.wfu_container input[disabled].alert:hover[type=button],
            .file_div_clean.wfu_container input[disabled].alert[type=button] {
                background-color: #d64b13;
                color: #fefefe
            }

.button.hollow,
.file_div_clean.wfu_container input.hollow[type=button] {
    border: 1px solid #7a085e;
    color: #7a085e
}

    .button.hollow,
    .button.hollow:focus,
    .button.hollow:hover,
    .file_div_clean.wfu_container input.hollow:focus[type=button],
    .file_div_clean.wfu_container input.hollow:hover[type=button],
    .file_div_clean.wfu_container input.hollow[type=button] {
        background-color: transparent
    }

        .button.hollow.disabled,
        .button.hollow.disabled:focus,
        .button.hollow.disabled:hover,
        .button.hollow[disabled],
        .button.hollow[disabled]:focus,
        .button.hollow[disabled]:hover,
        .file_div_clean.wfu_container input.hollow.disabled:focus[type=button],
        .file_div_clean.wfu_container input.hollow.disabled:hover[type=button],
        .file_div_clean.wfu_container input.hollow.disabled[type=button],
        .file_div_clean.wfu_container input.hollow[disabled]:focus[type=button],
        .file_div_clean.wfu_container input.hollow[disabled]:hover[type=button],
        .file_div_clean.wfu_container input.hollow[disabled][type=button] {
            background-color: transparent
        }

        .button.hollow:focus,
        .button.hollow:hover,
        .file_div_clean.wfu_container input.hollow:focus[type=button],
        .file_div_clean.wfu_container input.hollow:hover[type=button] {
            border-color: #3d042f;
            color: #3d042f
        }

            .button.hollow:focus.disabled,
            .button.hollow:focus[disabled],
            .button.hollow:hover.disabled,
            .button.hollow:hover[disabled],
            .file_div_clean.wfu_container input.hollow:focus.disabled[type=button],
            .file_div_clean.wfu_container input.hollow:focus[disabled][type=button],
            .file_div_clean.wfu_container input.hollow:hover.disabled[type=button],
            .file_div_clean.wfu_container input.hollow:hover[disabled][type=button] {
                border: 1px solid #7a085e;
                color: #7a085e
            }

        .button.hollow.primary,
        .file_div_clean.wfu_container input.hollow.primary[type=button] {
            border: 1px solid #7a085e;
            color: #7a085e
        }

            .button.hollow.primary:focus,
            .button.hollow.primary:hover,
            .file_div_clean.wfu_container input.hollow.primary:focus[type=button],
            .file_div_clean.wfu_container input.hollow.primary:hover[type=button] {
                border-color: #3d042f;
                color: #3d042f
            }

                .button.hollow.primary:focus.disabled,
                .button.hollow.primary:focus[disabled],
                .button.hollow.primary:hover.disabled,
                .button.hollow.primary:hover[disabled],
                .file_div_clean.wfu_container input.hollow.primary:focus.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.primary:focus[disabled][type=button],
                .file_div_clean.wfu_container input.hollow.primary:hover.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.primary:hover[disabled][type=button] {
                    border: 1px solid #7a085e;
                    color: #7a085e
                }

        .button.hollow.secondary,
        .file_div_clean.wfu_container input.hollow.secondary[type=button] {
            border: 1px solid #584193;
            color: #584193
        }

            .button.hollow.secondary:focus,
            .button.hollow.secondary:hover,
            .file_div_clean.wfu_container input.hollow.secondary:focus[type=button],
            .file_div_clean.wfu_container input.hollow.secondary:hover[type=button] {
                border-color: #2c214a;
                color: #2c214a
            }

                .button.hollow.secondary:focus.disabled,
                .button.hollow.secondary:focus[disabled],
                .button.hollow.secondary:hover.disabled,
                .button.hollow.secondary:hover[disabled],
                .file_div_clean.wfu_container input.hollow.secondary:focus.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.secondary:focus[disabled][type=button],
                .file_div_clean.wfu_container input.hollow.secondary:hover.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.secondary:hover[disabled][type=button] {
                    border: 1px solid #584193;
                    color: #584193
                }

        .button.hollow.success,
        .file_div_clean.wfu_container input.hollow.success[type=button] {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus,
            .button.hollow.success:hover,
            .file_div_clean.wfu_container input.hollow.success:focus[type=button],
            .file_div_clean.wfu_container input.hollow.success:hover[type=button] {
                border-color: #157539;
                color: #157539
            }

                .button.hollow.success:focus.disabled,
                .button.hollow.success:focus[disabled],
                .button.hollow.success:hover.disabled,
                .button.hollow.success:hover[disabled],
                .file_div_clean.wfu_container input.hollow.success:focus.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.success:focus[disabled][type=button],
                .file_div_clean.wfu_container input.hollow.success:hover.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.success:hover[disabled][type=button] {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

        .button.hollow.warning,
        .file_div_clean.wfu_container input.hollow.warning[type=button] {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus,
            .button.hollow.warning:hover,
            .file_div_clean.wfu_container input.hollow.warning:focus[type=button],
            .file_div_clean.wfu_container input.hollow.warning:hover[type=button] {
                border-color: #805700;
                color: #805700
            }

                .button.hollow.warning:focus.disabled,
                .button.hollow.warning:focus[disabled],
                .button.hollow.warning:hover.disabled,
                .button.hollow.warning:hover[disabled],
                .file_div_clean.wfu_container input.hollow.warning:focus.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.warning:focus[disabled][type=button],
                .file_div_clean.wfu_container input.hollow.warning:hover.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.warning:hover[disabled][type=button] {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

        .button.hollow.alert,
        .file_div_clean.wfu_container input.hollow.alert[type=button] {
            border: 1px solid #d64b13;
            color: #d64b13
        }

            .button.hollow.alert:focus,
            .button.hollow.alert:hover,
            .file_div_clean.wfu_container input.hollow.alert:focus[type=button],
            .file_div_clean.wfu_container input.hollow.alert:hover[type=button] {
                border-color: #6b260a;
                color: #6b260a
            }

                .button.hollow.alert:focus.disabled,
                .button.hollow.alert:focus[disabled],
                .button.hollow.alert:hover.disabled,
                .button.hollow.alert:hover[disabled],
                .file_div_clean.wfu_container input.hollow.alert:focus.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.alert:focus[disabled][type=button],
                .file_div_clean.wfu_container input.hollow.alert:hover.disabled[type=button],
                .file_div_clean.wfu_container input.hollow.alert:hover[disabled][type=button] {
                    border: 1px solid #d64b13;
                    color: #d64b13
                }

.button.clear,
.file_div_clean.wfu_container input.clear[type=button] {
    border: 1px solid #7a085e;
    color: #7a085e
}

    .button.clear,
    .button.clear:focus,
    .button.clear:hover,
    .file_div_clean.wfu_container input.clear:focus[type=button],
    .file_div_clean.wfu_container input.clear:hover[type=button],
    .file_div_clean.wfu_container input.clear[type=button] {
        background-color: transparent
    }

        .button.clear.disabled,
        .button.clear.disabled:focus,
        .button.clear.disabled:hover,
        .button.clear[disabled],
        .button.clear[disabled]:focus,
        .button.clear[disabled]:hover,
        .file_div_clean.wfu_container input.clear.disabled:focus[type=button],
        .file_div_clean.wfu_container input.clear.disabled:hover[type=button],
        .file_div_clean.wfu_container input.clear.disabled[type=button],
        .file_div_clean.wfu_container input.clear[disabled]:focus[type=button],
        .file_div_clean.wfu_container input.clear[disabled]:hover[type=button],
        .file_div_clean.wfu_container input.clear[disabled][type=button] {
            background-color: transparent
        }

        .button.clear:focus,
        .button.clear:hover,
        .file_div_clean.wfu_container input.clear:focus[type=button],
        .file_div_clean.wfu_container input.clear:hover[type=button] {
            border-color: #3d042f;
            color: #3d042f
        }

            .button.clear:focus.disabled,
            .button.clear:focus[disabled],
            .button.clear:hover.disabled,
            .button.clear:hover[disabled],
            .file_div_clean.wfu_container input.clear:focus.disabled[type=button],
            .file_div_clean.wfu_container input.clear:focus[disabled][type=button],
            .file_div_clean.wfu_container input.clear:hover.disabled[type=button],
            .file_div_clean.wfu_container input.clear:hover[disabled][type=button] {
                border: 1px solid #7a085e;
                color: #7a085e
            }

            .button.clear,
            .button.clear.disabled,
            .button.clear:focus,
            .button.clear:focus.disabled,
            .button.clear:focus[disabled],
            .button.clear:hover,
            .button.clear:hover.disabled,
            .button.clear:hover[disabled],
            .button.clear[disabled],
            .file_div_clean.wfu_container input.clear.disabled[type=button],
            .file_div_clean.wfu_container input.clear:focus.disabled[type=button],
            .file_div_clean.wfu_container input.clear:focus[disabled][type=button],
            .file_div_clean.wfu_container input.clear:focus[type=button],
            .file_div_clean.wfu_container input.clear:hover.disabled[type=button],
            .file_div_clean.wfu_container input.clear:hover[disabled][type=button],
            .file_div_clean.wfu_container input.clear:hover[type=button],
            .file_div_clean.wfu_container input.clear[disabled][type=button],
            .file_div_clean.wfu_container input.clear[type=button] {
                border-color: transparent
            }

                .button.clear.primary,
                .file_div_clean.wfu_container input.clear.primary[type=button] {
                    border: 1px solid #7a085e;
                    color: #7a085e
                }

                    .button.clear.primary:focus,
                    .button.clear.primary:hover,
                    .file_div_clean.wfu_container input.clear.primary:focus[type=button],
                    .file_div_clean.wfu_container input.clear.primary:hover[type=button] {
                        border-color: #3d042f;
                        color: #3d042f
                    }

                        .button.clear.primary:focus.disabled,
                        .button.clear.primary:focus[disabled],
                        .button.clear.primary:hover.disabled,
                        .button.clear.primary:hover[disabled],
                        .file_div_clean.wfu_container input.clear.primary:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.primary:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.primary:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.primary:hover[disabled][type=button] {
                            border: 1px solid #7a085e;
                            color: #7a085e
                        }

                        .button.clear.primary,
                        .button.clear.primary.disabled,
                        .button.clear.primary:focus,
                        .button.clear.primary:focus.disabled,
                        .button.clear.primary:focus[disabled],
                        .button.clear.primary:hover,
                        .button.clear.primary:hover.disabled,
                        .button.clear.primary:hover[disabled],
                        .button.clear.primary[disabled],
                        .file_div_clean.wfu_container input.clear.primary.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.primary:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.primary:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.primary:focus[type=button],
                        .file_div_clean.wfu_container input.clear.primary:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.primary:hover[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.primary:hover[type=button],
                        .file_div_clean.wfu_container input.clear.primary[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.primary[type=button] {
                            border-color: transparent
                        }

                .button.clear.secondary,
                .file_div_clean.wfu_container input.clear.secondary[type=button] {
                    border: 1px solid #584193;
                    color: #584193
                }

                    .button.clear.secondary:focus,
                    .button.clear.secondary:hover,
                    .file_div_clean.wfu_container input.clear.secondary:focus[type=button],
                    .file_div_clean.wfu_container input.clear.secondary:hover[type=button] {
                        border-color: #2c214a;
                        color: #2c214a
                    }

                        .button.clear.secondary:focus.disabled,
                        .button.clear.secondary:focus[disabled],
                        .button.clear.secondary:hover.disabled,
                        .button.clear.secondary:hover[disabled],
                        .file_div_clean.wfu_container input.clear.secondary:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.secondary:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.secondary:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.secondary:hover[disabled][type=button] {
                            border: 1px solid #584193;
                            color: #584193
                        }

                        .button.clear.secondary,
                        .button.clear.secondary.disabled,
                        .button.clear.secondary:focus,
                        .button.clear.secondary:focus.disabled,
                        .button.clear.secondary:focus[disabled],
                        .button.clear.secondary:hover,
                        .button.clear.secondary:hover.disabled,
                        .button.clear.secondary:hover[disabled],
                        .button.clear.secondary[disabled],
                        .file_div_clean.wfu_container input.clear.secondary.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.secondary:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.secondary:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.secondary:focus[type=button],
                        .file_div_clean.wfu_container input.clear.secondary:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.secondary:hover[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.secondary:hover[type=button],
                        .file_div_clean.wfu_container input.clear.secondary[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.secondary[type=button] {
                            border-color: transparent
                        }

                .button.clear.success,
                .file_div_clean.wfu_container input.clear.success[type=button] {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

                    .button.clear.success:focus,
                    .button.clear.success:hover,
                    .file_div_clean.wfu_container input.clear.success:focus[type=button],
                    .file_div_clean.wfu_container input.clear.success:hover[type=button] {
                        border-color: #157539;
                        color: #157539
                    }

                        .button.clear.success:focus.disabled,
                        .button.clear.success:focus[disabled],
                        .button.clear.success:hover.disabled,
                        .button.clear.success:hover[disabled],
                        .file_div_clean.wfu_container input.clear.success:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.success:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.success:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.success:hover[disabled][type=button] {
                            border: 1px solid #3adb76;
                            color: #3adb76
                        }

                        .button.clear.success,
                        .button.clear.success.disabled,
                        .button.clear.success:focus,
                        .button.clear.success:focus.disabled,
                        .button.clear.success:focus[disabled],
                        .button.clear.success:hover,
                        .button.clear.success:hover.disabled,
                        .button.clear.success:hover[disabled],
                        .button.clear.success[disabled],
                        .file_div_clean.wfu_container input.clear.success.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.success:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.success:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.success:focus[type=button],
                        .file_div_clean.wfu_container input.clear.success:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.success:hover[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.success:hover[type=button],
                        .file_div_clean.wfu_container input.clear.success[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.success[type=button] {
                            border-color: transparent
                        }

                .button.clear.warning,
                .file_div_clean.wfu_container input.clear.warning[type=button] {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

                    .button.clear.warning:focus,
                    .button.clear.warning:hover,
                    .file_div_clean.wfu_container input.clear.warning:focus[type=button],
                    .file_div_clean.wfu_container input.clear.warning:hover[type=button] {
                        border-color: #805700;
                        color: #805700
                    }

                        .button.clear.warning:focus.disabled,
                        .button.clear.warning:focus[disabled],
                        .button.clear.warning:hover.disabled,
                        .button.clear.warning:hover[disabled],
                        .file_div_clean.wfu_container input.clear.warning:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.warning:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.warning:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.warning:hover[disabled][type=button] {
                            border: 1px solid #ffae00;
                            color: #ffae00
                        }

                        .button.clear.warning,
                        .button.clear.warning.disabled,
                        .button.clear.warning:focus,
                        .button.clear.warning:focus.disabled,
                        .button.clear.warning:focus[disabled],
                        .button.clear.warning:hover,
                        .button.clear.warning:hover.disabled,
                        .button.clear.warning:hover[disabled],
                        .button.clear.warning[disabled],
                        .file_div_clean.wfu_container input.clear.warning.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.warning:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.warning:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.warning:focus[type=button],
                        .file_div_clean.wfu_container input.clear.warning:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.warning:hover[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.warning:hover[type=button],
                        .file_div_clean.wfu_container input.clear.warning[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.warning[type=button] {
                            border-color: transparent
                        }

                .button.clear.alert,
                .file_div_clean.wfu_container input.clear.alert[type=button] {
                    border: 1px solid #d64b13;
                    color: #d64b13
                }

                    .button.clear.alert:focus,
                    .button.clear.alert:hover,
                    .file_div_clean.wfu_container input.clear.alert:focus[type=button],
                    .file_div_clean.wfu_container input.clear.alert:hover[type=button] {
                        border-color: #6b260a;
                        color: #6b260a
                    }

                        .button.clear.alert:focus.disabled,
                        .button.clear.alert:focus[disabled],
                        .button.clear.alert:hover.disabled,
                        .button.clear.alert:hover[disabled],
                        .file_div_clean.wfu_container input.clear.alert:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.alert:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.alert:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.alert:hover[disabled][type=button] {
                            border: 1px solid #d64b13;
                            color: #d64b13
                        }

                        .button.clear.alert,
                        .button.clear.alert.disabled,
                        .button.clear.alert:focus,
                        .button.clear.alert:focus.disabled,
                        .button.clear.alert:focus[disabled],
                        .button.clear.alert:hover,
                        .button.clear.alert:hover.disabled,
                        .button.clear.alert:hover[disabled],
                        .button.clear.alert[disabled],
                        .file_div_clean.wfu_container input.clear.alert.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.alert:focus.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.alert:focus[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.alert:focus[type=button],
                        .file_div_clean.wfu_container input.clear.alert:hover.disabled[type=button],
                        .file_div_clean.wfu_container input.clear.alert:hover[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.alert:hover[type=button],
                        .file_div_clean.wfu_container input.clear.alert[disabled][type=button],
                        .file_div_clean.wfu_container input.clear.alert[type=button] {
                            border-color: transparent
                        }

.button.dropdown::after,
.file_div_clean.wfu_container input.dropdown[type=button]::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow::after,
.file_div_clean.wfu_container input.dropdown.hollow[type=button]::after {
    border-top-color: #7a085e
}

.button.dropdown.hollow.primary::after,
.file_div_clean.wfu_container input.dropdown.hollow.primary[type=button]::after {
    border-top-color: #7a085e
}

.button.dropdown.hollow.secondary::after,
.file_div_clean.wfu_container input.dropdown.hollow.secondary[type=button]::after {
    border-top-color: #584193
}

.button.dropdown.hollow.success::after,
.file_div_clean.wfu_container input.dropdown.hollow.success[type=button]::after {
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after,
.file_div_clean.wfu_container input.dropdown.hollow.warning[type=button]::after {
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after,
.file_div_clean.wfu_container input.dropdown.hollow.alert[type=button]::after {
    border-top-color: #d64b13
}

.button.arrow-only::after,
.file_div_clean.wfu_container input.arrow-only[type=button]::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus,
a.button:hover {
    text-decoration: none
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

    .accordion[disabled] .accordion-title {
        cursor: not-allowed
    }

.accordion-item:first-child > :first-child {
    border-radius: .25rem .25rem 0 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 .25rem .25rem
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #7a085e
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #ebebeb;
    border-radius: 0 0 .25rem .25rem
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #ebebeb
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active > .accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    background-color: #fefefe;
    color: #333
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #ebebeb
}

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative
}

    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #fefefe transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem
    }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    left: auto;
    right: 1rem
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle > a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px
}

    .submenu-toggle::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #fefefe transparent transparent;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .submenu-toggle[aria-expanded=true]::after {
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #7a085e;
    color: #fefefe
}

    .badge.primary {
        background: #7a085e;
        color: #fefefe
    }

    .badge.secondary {
        background: #584193;
        color: #fefefe
    }

    .badge.success {
        background: #3adb76;
        color: #333
    }

    .badge.warning {
        background: #ffae00;
        color: #333
    }

    .badge.alert {
        background: #d64b13;
        color: #fefefe
    }

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none
}

    .breadcrumbs::after,
    .breadcrumbs::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .breadcrumbs::after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        font-size: .6875rem;
        color: #333;
        cursor: default;
        text-transform: uppercase
    }

        .breadcrumbs li:not(:last-child)::after {
            position: relative;
            margin: 0 .75rem;
            opacity: 1;
            content: "/";
            color: #929292
        }

    .breadcrumbs a {
        color: #7a085e
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #929292;
        cursor: not-allowed
    }

.button-group {
    margin-bottom: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .button-group::after,
    .button-group::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .button-group::after {
        clear: both
    }

    .button-group .button,
    .button-group .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group input[type=button] {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: .9rem;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .button-group .button:last-child,
        .button-group .file_div_clean.wfu_container input:last-child[type=button],
        .file_div_clean.wfu_container .button-group input:last-child[type=button] {
            margin-right: 0
        }

    .button-group.tiny .button,
    .button-group.tiny .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.tiny input[type=button] {
        font-size: .6rem
    }

    .button-group.small .button,
    .button-group.small .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.small input[type=button] {
        font-size: .75rem
    }

    .button-group.large .button,
    .button-group.large .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.large input[type=button] {
        font-size: 1.25rem
    }

    .button-group.expanded .button,
    .button-group.expanded .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.expanded input[type=button] {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .button-group.primary .button,
    .button-group.primary .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.primary input[type=button] {
        background-color: #7a085e;
        color: #fefefe
    }

        .button-group.primary .button:focus,
        .button-group.primary .button:hover,
        .button-group.primary .file_div_clean.wfu_container input:focus[type=button],
        .button-group.primary .file_div_clean.wfu_container input:hover[type=button],
        .file_div_clean.wfu_container .button-group.primary input:focus[type=button],
        .file_div_clean.wfu_container .button-group.primary input:hover[type=button] {
            background-color: #62064b;
            color: #fefefe
        }

    .button-group.secondary .button,
    .button-group.secondary .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.secondary input[type=button] {
        background-color: #584193;
        color: #fefefe
    }

        .button-group.secondary .button:focus,
        .button-group.secondary .button:hover,
        .button-group.secondary .file_div_clean.wfu_container input:focus[type=button],
        .button-group.secondary .file_div_clean.wfu_container input:hover[type=button],
        .file_div_clean.wfu_container .button-group.secondary input:focus[type=button],
        .file_div_clean.wfu_container .button-group.secondary input:hover[type=button] {
            background-color: #463476;
            color: #fefefe
        }

    .button-group.success .button,
    .button-group.success .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.success input[type=button] {
        background-color: #3adb76;
        color: #333
    }

        .button-group.success .button:focus,
        .button-group.success .button:hover,
        .button-group.success .file_div_clean.wfu_container input:focus[type=button],
        .button-group.success .file_div_clean.wfu_container input:hover[type=button],
        .file_div_clean.wfu_container .button-group.success input:focus[type=button],
        .file_div_clean.wfu_container .button-group.success input:hover[type=button] {
            background-color: #22bb5b;
            color: #333
        }

    .button-group.warning .button,
    .button-group.warning .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.warning input[type=button] {
        background-color: #ffae00;
        color: #333
    }

        .button-group.warning .button:focus,
        .button-group.warning .button:hover,
        .button-group.warning .file_div_clean.wfu_container input:focus[type=button],
        .button-group.warning .file_div_clean.wfu_container input:hover[type=button],
        .file_div_clean.wfu_container .button-group.warning input:focus[type=button],
        .file_div_clean.wfu_container .button-group.warning input:hover[type=button] {
            background-color: #cc8b00;
            color: #333
        }

    .button-group.alert .button,
    .button-group.alert .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.alert input[type=button] {
        background-color: #d64b13;
        color: #fefefe
    }

        .button-group.alert .button:focus,
        .button-group.alert .button:hover,
        .button-group.alert .file_div_clean.wfu_container input:focus[type=button],
        .button-group.alert .file_div_clean.wfu_container input:hover[type=button],
        .file_div_clean.wfu_container .button-group.alert input:focus[type=button],
        .file_div_clean.wfu_container .button-group.alert input:hover[type=button] {
            background-color: #ab3c0f;
            color: #fefefe
        }

    .button-group.stacked,
    .button-group.stacked-for-medium,
    .button-group.stacked-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .button-group.stacked .button,
        .button-group.stacked .file_div_clean.wfu_container input[type=button],
        .button-group.stacked-for-medium .button,
        .button-group.stacked-for-medium .file_div_clean.wfu_container input[type=button],
        .button-group.stacked-for-small .button,
        .button-group.stacked-for-small .file_div_clean.wfu_container input[type=button],
        .file_div_clean.wfu_container .button-group.stacked input[type=button],
        .file_div_clean.wfu_container .button-group.stacked-for-medium input[type=button],
        .file_div_clean.wfu_container .button-group.stacked-for-small input[type=button] {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

            .button-group.stacked .button:last-child,
            .button-group.stacked .file_div_clean.wfu_container input:last-child[type=button],
            .button-group.stacked-for-medium .button:last-child,
            .button-group.stacked-for-medium .file_div_clean.wfu_container input:last-child[type=button],
            .button-group.stacked-for-small .button:last-child,
            .button-group.stacked-for-small .file_div_clean.wfu_container input:last-child[type=button],
            .file_div_clean.wfu_container .button-group.stacked input:last-child[type=button],
            .file_div_clean.wfu_container .button-group.stacked-for-medium input:last-child[type=button],
            .file_div_clean.wfu_container .button-group.stacked-for-small input:last-child[type=button] {
                margin-bottom: 0
            }

@media print,screen and (min-width:40em) {
    .button-group.stacked-for-small .button,
    .button-group.stacked-for-small .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.stacked-for-small input[type=button] {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0
    }
}

@media print,screen and (min-width:64em) {
    .button-group.stacked-for-medium .button,
    .button-group.stacked-for-medium .file_div_clean.wfu_container input[type=button],
    .file_div_clean.wfu_container .button-group.stacked-for-medium input[type=button] {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button,
        .button-group.stacked-for-small.expanded .file_div_clean.wfu_container input[type=button],
        .file_div_clean.wfu_container .button-group.stacked-for-small.expanded input[type=button] {
            display: block;
            margin-right: 0
        }
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(51,51,51,.25);
    border-radius: .25rem;
    background-color: #fff;
    color: #333
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child {
        margin-bottom: 0
    }

    .callout.primary {
        background-color: #fbcaef;
        color: #333
    }

    .callout.secondary {
        background-color: #e5e0f1;
        color: #333
    }

    .callout.success {
        background-color: #e1faea;
        color: #333
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #333
    }

    .callout.alert {
        background-color: #fce3d9;
        color: #333
    }

    .callout.small {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

.card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #ebebeb;
    border-radius: .25rem;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #333
}

    .card > :last-child {
        margin-bottom: 0
    }

.card-divider {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    background: #ebebeb
}

    .card-divider > :last-child {
        margin-bottom: 0
    }

.card-section {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem
}

    .card-section > :last-child {
        margin-bottom: 0
    }

.card-image {
    min-height: 1px
}

.close-button {
    position: absolute;
    color: #666;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #333
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.file_div_clean.wfu_container .menu input[type=button],
.menu .button,
.menu .file_div_clean.wfu_container input[type=button],
.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .menu.vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.expanded li {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

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

        .menu.simple li + li {
            margin-left: 1rem
        }

        .menu.simple a {
            padding: 0
        }

@media print,screen and (min-width:40em) {
    .menu.medium-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.medium-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.medium-expanded li {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.medium-simple li {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,screen and (min-width:64em) {
    .menu.large-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.large-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.large-expanded li {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.large-simple li {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-bottom a,
.menu.icon-left a,
.menu.icon-right a,
.menu.icon-top a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-left li a {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .menu.icon-left li a i,
    .menu.icon-left li a img,
    .menu.icon-left li a svg {
        margin-right: .25rem
    }

.menu.icon-right li a {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .menu.icon-right li a i,
    .menu.icon-right li a img,
    .menu.icon-right li a svg {
        margin-left: .25rem
    }

.menu.icon-top li a {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .menu.icon-top li a i,
    .menu.icon-top li a img,
    .menu.icon-top li a svg {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu.icon-bottom li a {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .menu.icon-bottom li a i,
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a svg {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu .is-active > a {
    background: #7a085e;
    color: #fefefe
}

.menu .active > a {
    background: #7a085e;
    color: #fefefe
}

.menu.align-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .menu.align-right li .submenu li {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

    .menu.align-right.vertical li .submenu li {
        text-align: right
    }

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .menu.align-center li .submenu li {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered > .menu {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .menu-centered > .menu li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .menu-centered > .menu li .submenu li {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
        content: ''
    }

    .menu-icon:hover::after {
        background: #929292;
        box-shadow: 0 7px 0 #929292,0 14px 0 #929292
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #333;
            box-shadow: 0 7px 0 #333,0 14px 0 #333;
            content: ''
        }

        .menu-icon.dark:hover::after {
            background: #666;
            box-shadow: 0 7px 0 #666,0 14px 0 #666
        }

.is-drilldown {
    position: relative;
    overflow: hidden
}

    .is-drilldown li {
        display: block
    }

    .is-drilldown.animate-height {
        transition: height .5s
    }

.drilldown a {
    padding: .7rem 1rem;
    background: #fefefe
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear,-webkit-transform .15s linear
}

    .drilldown .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .drilldown .is-drilldown-submenu.is-closing {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .drilldown .is-drilldown-submenu a {
        padding: .7rem 1rem
    }

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent > a {
    position: relative
}

    .drilldown .is-drilldown-submenu-parent > a::after {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7a085e
    }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
    left: auto;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7a085e
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
    right: auto;
    left: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7a085e transparent transparent
}

.drilldown .js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7a085e transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    display: none;
    border: 1px solid #929292;
    border-radius: .25rem;
    background-color: #fefefe;
    font-size: 1rem
}

    .dropdown-pane.is-opening {
        display: block
    }

    .dropdown-pane.is-open {
        visibility: visible;
        display: block
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #7a085e transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

.dropdown.menu a {
    padding: .7rem 1rem
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu .is-active > a {
    background: 0 0;
    color: #ebebeb
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a::after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7a085e transparent transparent
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7a085e
}

@media print,screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #7a085e transparent transparent;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #7a085e transparent transparent
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7a085e
    }
}

@media print,screen and (min-width:64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #7a085e transparent transparent;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #7a085e transparent transparent
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7a085e
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

.is-dropdown-submenu-parent {
    position: relative
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        left: auto;
        margin-top: -6px
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #929292;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7a085e transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7a085e
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu > li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .flex-video embed,
    .flex-video iframe,
    .flex-video object,
    .flex-video video,
    .responsive-embed embed,
    .responsive-embed iframe,
    .responsive-embed object,
    .responsive-embed video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-video.widescreen,
    .responsive-embed.widescreen {
        padding-bottom: 56.25%
    }

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: .25rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: var(--theme-medium);
    color: #fefefe
}

    .label.primary {
        background: #7a085e;
        color: #fefefe
    }

    .label.secondary {
        background: #584193;
        color: #fefefe
    }

    .label.success {
        background: #3adb76;
        color: #333
    }

    .label.warning {
        background: #ffae00;
        color: #333
    }

    .label.alert {
        background: #d64b13;
        color: #fefefe
    }

.media-object {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .media-object img {
        max-width: none
    }

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%
        }
}

.media-object-section {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem
    }

    .media-object-section > :last-child {
        margin-bottom: 0
    }

    .media-object-section.main-section {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: rgba(254,254,254,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #7a085e
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

    .off-canvas.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(51,51,51,.7)
    }

.off-canvas.is-open {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #7a085e
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(51,51,51,.7)
    }

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(51,51,51,.25)
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(51,51,51,.25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(51,51,51,.25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(51,51,51,.25)
}

.off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .off-canvas-content.has-transition-push {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    .off-canvas-content .off-canvas.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

@media print,screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:64em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit
    }

        .off-canvas.in-canvas-for-medium.position-bottom,
        .off-canvas.in-canvas-for-medium.position-left,
        .off-canvas.in-canvas-for-medium.position-right,
        .off-canvas.in-canvas-for-medium.position-top {
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .off-canvas.in-canvas-for-medium .close-button {
            display: none
        }
}

@media print,screen and (min-width:64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit
    }

        .off-canvas.in-canvas-for-large.position-bottom,
        .off-canvas.in-canvas-for-large.position-left,
        .off-canvas.in-canvas-for-large.position-right,
        .off-canvas.in-canvas-for-large.position-top {
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .off-canvas.in-canvas-for-large .close-button {
            display: none
        }
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(51,51,51,.5);
    color: #fefefe
}

.orbit-next,
.orbit-previous {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: rgba(51,51,51,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #929292
}

    .orbit-bullets button:hover {
        background-color: #666
    }

    .orbit-bullets button.is-active {
        background-color: #666
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

    .pagination::after,
    .pagination::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination::after {
        clear: both
    }

    .pagination li {
        margin-right: .0625rem;
        border-radius: .25rem;
        font-size: .875rem;
        display: none
    }

        .pagination li:first-child,
        .pagination li:last-child {
            display: inline-block
        }

@media print,screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: .25rem;
    color: #333
}

    .pagination a:hover,
    .pagination button:hover {
        background: #ebebeb
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: var(--theme-medium);
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #929292;
    cursor: not-allowed
}

    .pagination .disabled:hover {
        background: 0 0
    }

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #333
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '\00ab'
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '\00bb'
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    background-color: #929292
}

    .progress.primary .progress-meter {
        background-color: #7a085e
    }

    .progress.secondary .progress-meter {
        background-color: #584193
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

    .progress.alert .progress-meter {
        background-color: #d64b13
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #7a085e;
    border-radius: .25rem
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap;
    border-radius: .25rem
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #ebebeb;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #929292;
    transition: all .2s ease-in-out
}

    .slider-fill.is-dragging {
        transition: all 0s linear
    }

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .25rem;
    background-color: #7a085e;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #680750
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

    .slider.vertical .slider-fill {
        top: 0;
        width: .5rem;
        max-height: 100%
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5;
        width: 100%
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0,0,0,.75);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0;
    border: none;
    border-radius: .25rem;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        width: 700px;
        max-width: 75rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: .25rem;
    background: #929292;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border-radius: .25rem;
    background: #fefefe;
    transition: all .25s ease-out;
    content: ''
}

input:checked ~ .switch-paddle {
    background: #7a085e
}

    input:checked ~ .switch-paddle::after {
        left: 2.25rem
    }

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

    .switch.tiny .switch-paddle {
        width: 3rem;
        height: 1.5rem;
        font-size: .625rem
    }

        .switch.tiny .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1rem;
            height: 1rem
        }

    .switch.tiny input:checked ~ .switch-paddle::after {
        left: 1.75rem
    }

.switch.small {
    height: 1.75rem
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: .75rem
    }

        .switch.small .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1.25rem;
            height: 1.25rem
        }

    .switch.small input:checked ~ .switch-paddle::after {
        left: 2rem
    }

.switch.large {
    height: 2.5rem
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem
    }

        .switch.large .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 2rem;
            height: 2rem
        }

    .switch.large input:checked ~ .switch-paddle::after {
        left: 2.75rem
    }

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: .25rem
}

tbody,
tfoot,
thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

thead {
    background: #f8f8f8;
    color: #333
}

tfoot {
    background: #f1f1f1;
    color: #333
}

    tfoot tr,
    thead tr {
        background: 0 0
    }

    tfoot td,
    tfoot th,
    thead td,
    thead th {
        padding: .5rem .625rem .625rem;
        font-weight: 700;
        text-align: left
    }

tbody td,
tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

    table.unstriped tbody tr {
        border-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        background-color: #fefefe
    }

@media screen and (max-width:63.9375em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

    .table-scroll table {
        width: auto
    }

.tabs {
    margin: 0;
    border: 1px solid #ebebeb;
    background: #fefefe;
    list-style-type: none
}

    .tabs::after,
    .tabs::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .tabs::after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: 0 0
        }

    .tabs.primary {
        background: #7a085e
    }

        .tabs.primary > li > a {
            color: #fefefe
        }

            .tabs.primary > li > a:focus,
            .tabs.primary > li > a:hover {
                background: #8c096c
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #7a085e
    }

        .tabs-title > a:hover {
            background: #fefefe;
            color: #690751
        }

        .tabs-title > a:focus,
        .tabs-title > a[aria-selected=true] {
            background: #ebebeb;
            color: #7a085e
        }

.tabs-content {
    border: 1px solid #ebebeb;
    border-top: 0;
    background: #fefefe;
    color: #333;
    transition: all .5s ease
}

    .tabs-content.vertical {
        border: 1px solid #ebebeb;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel.is-active {
        display: block
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fefefe;
    border-radius: .25rem;
    box-shadow: 0 0 0 1px rgba(51,51,51,.2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

    a.thumbnail:focus,
    a.thumbnail:hover {
        box-shadow: 0 0 6px 1px rgba(122,8,94,.5)
    }

    a.thumbnail image {
        box-shadow: none
    }

.title-bar {
    padding: .5rem;
    background: #7a085e;
    color: #fefefe;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left,
.title-bar-right {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #666;
    font-weight: 700;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 18rem;
    padding: .75rem;
    border-radius: .25rem;
    background-color: #333;
    font-size: 100%;
    color: #fefefe
}

    .tooltip::before {
        position: absolute
    }

    .tooltip.bottom::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent #333;
        bottom: 100%
    }

    .tooltip.bottom.align-center::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.top::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #333 transparent transparent;
        top: 100%;
        bottom: auto
    }

    .tooltip.top.align-center::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.left::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #333;
        left: 100%
    }

    .tooltip.left.align-center::before {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tooltip.right::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #333 transparent transparent;
        right: 100%;
        left: auto
    }

    .tooltip.right.align-center::before {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tooltip.align-top::before {
        bottom: auto;
        top: 10%
    }

    .tooltip.align-bottom::before {
        bottom: 10%;
        top: auto
    }

    .tooltip.align-left::before {
        left: 10%;
        right: auto
    }

    .tooltip.align-right::before {
        left: auto;
        right: 10%
    }

.top-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .top-bar,
    .top-bar ul {
        background-color: #7a085e
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .file_div_clean.wfu_container .top-bar input[type=button],
        .top-bar .file_div_clean.wfu_container input[type=button],
        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left,
        .top-bar .top-bar-right {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

@media print,screen and (min-width:40em) {
    .top-bar {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .top-bar .top-bar-left {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-right: auto
        }

        .top-bar .top-bar-right {
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-left: auto
        }
}

@media screen and (max-width:63.9375em) {
    .top-bar.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-medium .top-bar-left,
        .top-bar.stacked-for-medium .top-bar-right {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

@media screen and (max-width:74.9375em) {
    .top-bar.stacked-for-large {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-large .top-bar-left,
        .top-bar.stacked-for-large .top-bar-right {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

.top-bar-title {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left,
.top-bar-right {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:64em) {
    .hide-for-large,
    .logged-in header.page-header .not-logged-in-title {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

    .show-on-focus:active,
    .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
        -webkit-clip-path: none;
        clip-path: none
    }

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

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

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

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

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

.align-right.vertical.menu > li > a {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

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

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

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

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

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

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.align-center-middle {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

@media print,screen and (min-width:40em) {
    .medium-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,screen and (min-width:64em) {
    .large-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

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

.flex-child-auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

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

.flex-dir-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

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

.flex-dir-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,screen and (min-width:40em) {
    .medium-flex-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .medium-flex-child-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width:64em) {
    .large-flex-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .large-flex-child-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

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

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-wrap {
    word-wrap: break-word !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-overline {
    text-decoration: overline !important
}

.text-underline {
    text-decoration: underline !important
}

.text-line-through {
    text-decoration: line-through !important
}

.font-wide {
    letter-spacing: .25rem
}

.font-normal {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic !important
}

ul.list-disc {
    list-style-type: disc !important
}

ul.list-circle {
    list-style-type: circle !important
}

ul.list-square {
    list-style-type: square !important
}

ol.list-decimal {
    list-style-type: decimal !important
}

ol.list-lower-alpha {
    list-style-type: lower-alpha !important
}

ol.list-lower-latin {
    list-style-type: lower-latin !important
}

ol.list-lower-roman {
    list-style-type: lower-roman !important
}

ol.list-upper-alpha {
    list-style-type: upper-alpha !important
}

ol.list-upper-latin {
    list-style-type: upper-latin !important
}

ol.list-upper-roman {
    list-style-type: upper-roman !important
}

.rounded {
    border-radius: 5000px !important
}

.radius {
    border-radius: .1875rem
}

.bordered {
    border: .0625rem solid #929292
}

.shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.arrow-down {
    display: block;
    width: 0;
    height: 0;
    border: inset .4375rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #333 transparent transparent
}

.arrow-up {
    display: block;
    width: 0;
    height: 0;
    border: inset .4375rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #333
}

.arrow-right {
    display: block;
    width: 0;
    height: 0;
    border: inset .4375rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #333
}

.arrow-left {
    display: block;
    width: 0;
    height: 0;
    border: inset .4375rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #333 transparent transparent
}

.separator-center {
    text-align: center !important
}

    .separator-center::after,
    .separator-center::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .separator-center::after {
        clear: both
    }

    .separator-center::after {
        position: relative !important;
        width: 3rem;
        border-bottom: .125rem solid #7a085e;
        margin: 1rem auto 0
    }

.separator-left {
    text-align: left !important
}

    .separator-left::after,
    .separator-left::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .separator-left::after {
        clear: both
    }

    .separator-left::after {
        position: relative !important;
        width: 3rem;
        border-bottom: .125rem solid #7a085e;
        margin: 1rem auto 0;
        margin-left: 0 !important
    }

.separator-right {
    text-align: right !important
}

    .separator-right::after,
    .separator-right::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .separator-right::after {
        clear: both
    }

    .separator-right::after {
        position: relative !important;
        width: 3rem;
        border-bottom: .125rem solid #7a085e;
        margin: 1rem auto 0;
        margin-right: 0 !important
    }

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.display-inline {
    display: inline !important
}

.display-inline-block {
    display: inline-block !important
}

.display-block {
    display: block !important
}

.display-table {
    display: table !important
}

.display-table-cell {
    display: table-cell !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-fixed-top {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 975
}

.position-fixed-bottom {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 975
}

.border-box {
    box-sizing: border-box !important
}

.border-none {
    border: none !important
}

.width-25 {
    width: 25% !important
}

.width-50 {
    width: 50% !important
}

.width-75 {
    width: 75% !important
}

.width-100 {
    width: 100% !important
}

.height-25 {
    height: 25% !important
}

.height-50 {
    height: 50% !important
}

.height-75 {
    height: 75% !important
}

.height-100 {
    height: 100% !important
}

.max-width-100 {
    max-width: 100% !important
}

.max-height-100 {
    max-height: 100% !important
}

.margin-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important
}

.padding-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.padding-top-0 {
    padding-top: 0 !important
}

.margin-right-0 {
    margin-right: 0 !important
}

.padding-right-0 {
    padding-right: 0 !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.margin-left-0 {
    margin-left: 0 !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.margin-horizontal-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.padding-horizontal-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.margin-vertical-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.margin-1 {
    margin-top: 1rem !important;
    margin-right: 1rem !important;
    margin-bottom: 1rem !important;
    margin-left: 1rem !important
}

.padding-1 {
    padding-top: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important
}

.margin-top-1 {
    margin-top: 1rem !important
}

.padding-top-1 {
    padding-top: 1rem !important
}

.margin-right-1 {
    margin-right: 1rem !important
}

.padding-right-1 {
    padding-right: 1rem !important
}

.margin-bottom-1 {
    margin-bottom: 1rem !important
}

.padding-bottom-1 {
    padding-bottom: 1rem !important
}

.margin-left-1 {
    margin-left: 1rem !important
}

.padding-left-1 {
    padding-left: 1rem !important
}

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

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

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

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

.margin-2 {
    margin-top: 2rem !important;
    margin-right: 2rem !important;
    margin-bottom: 2rem !important;
    margin-left: 2rem !important
}

.padding-2 {
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important
}

.margin-top-2 {
    margin-top: 2rem !important
}

.padding-top-2 {
    padding-top: 2rem !important
}

.margin-right-2 {
    margin-right: 2rem !important
}

.padding-right-2 {
    padding-right: 2rem !important
}

.margin-bottom-2 {
    margin-bottom: 2rem !important
}

.padding-bottom-2 {
    padding-bottom: 2rem !important
}

.margin-left-2 {
    margin-left: 2rem !important
}

.padding-left-2 {
    padding-left: 2rem !important
}

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

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

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

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

.margin-3 {
    margin-top: 3rem !important;
    margin-right: 3rem !important;
    margin-bottom: 3rem !important;
    margin-left: 3rem !important
}

.padding-3 {
    padding-top: 3rem !important;
    padding-right: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 3rem !important
}

.margin-top-3 {
    margin-top: 3rem !important
}

.padding-top-3 {
    padding-top: 3rem !important
}

.margin-right-3 {
    margin-right: 3rem !important
}

.padding-right-3 {
    padding-right: 3rem !important
}

.margin-bottom-3 {
    margin-bottom: 3rem !important
}

.padding-bottom-3 {
    padding-bottom: 3rem !important
}

.margin-left-3 {
    margin-left: 3rem !important
}

.padding-left-3 {
    padding-left: 3rem !important
}

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

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

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

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

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: rotate(-.75turn);
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active {
        -webkit-transform: rotate(.75turn);
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: rotate(.75turn);
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -webkit-transform: rotate(-.75turn);
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow {
    transition-duration: 750ms !important
}

.fast {
    transition-duration: 250ms !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

@-webkit-keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%, 25%, 35%, 45%, 5%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%, 25%, 35%, 45%, 5%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%, 100%, 30%, 70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%, 100%, 30%, 70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important
}

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}

:root {
    --mdc-theme-error: #d64b13
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

.theme-green {
    --theme-light: #56a13d;
    --theme-medium: #208500;
    --theme-dark: #0f3d00;
    --background-texture: url(../images/green-banner-texture.jpg)
}

.theme-violet {
    --theme-light: #7f6eaa;
    --theme-medium: #584193;
    --theme-dark: #39246f;
    --background-texture: url(../images/violet-banner-texture.jpg)
}

.theme-magenta {
    --theme-light: #90004b;
    --theme-medium: #7a085e;
    --theme-dark: #51023e;
    --background-texture: url(../images/magenta-banner-texture.jpg)
}

:root {
    --theme-light: #a6cf7b !important;
    --theme-medium: #62AB16 !important;
    --theme-dark: #306f01 !important;
    --background-texture: url(../images/aqua-banner-texture.jpg)
}

.theme-aqua {
    --theme-light: #2ab09a;
    --theme-medium: #15accc;
    --theme-dark: #206c9a;
    --background-texture: url(../images/aqua-banner-texture.jpg)
}

.theme-blue {
    --theme-light: #00848a;
    --theme-medium: #006285;
    --theme-dark: #014b65;
    --background-texture: url(../images/blue-banner-texture.jpg)
}

#wpadminbar {
    position: fixed !important
}

body.admin-bar.f-topbar-fixed .sticky.fixed {
    margin-top: 2rem
}

body.admin-bar.offcanvas .off-canvas.is-open {
    top: 2.875rem
}

@media screen and (min-width:48.9375em) {
    body.admin-bar.offcanvas .off-canvas.is-open {
        top: 2rem
    }
}

.wp-caption > figcaption {
    max-width: 100%;
    font-size: .8rem;
    color: #999;
    padding: .25rem 0
}

p.wp-caption-text {
    font-size: 90%;
    color: #666;
    padding: .625rem 0
}

.alignleft {
    float: left;
    padding-right: 1rem;
    margin: 0
}

.alignright {
    float: right;
    padding-left: 1rem;
    margin: 0
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.title-bar {
    display: block !important;
    background-color: var(--theme-medium)
}

@media print,screen and (min-width:64em) {
    .title-bar {
        display: none !important
    }
}

#mobile-menu {
    display: block !important;
    background-color: var(--theme-medium)
}

    #mobile-menu .menu li a {
        color: #fefefe
    }

        #mobile-menu .menu li a:hover {
            color: #ebebeb
        }

#header-buttons-container {
    padding: .5rem 1rem
}

    #header-buttons-container .mdc-white-hollow {
        width: 100%;
        margin-bottom: .8rem
    }

    #header-buttons-container .mdc-white-filled {
        width: 100%;
        margin-bottom: 1rem
    }

header.page-header {
    background-color: #fefefe
}

    header.page-header .current-user-details {
        min-height: 5.5rem
    }

    header.page-header .header-logo {
        max-height: 7rem;
        max-width: 20rem
    }

@media screen and (max-width:39.9375em) {
    header.page-header .header-logo {
        padding-top: 1rem
    }
}

header.page-header .contact-info-container p {
    line-height: 1
}

    header.page-header .contact-info-container p.contact-info {
        color: var(--theme-medium);
        font-weight: 400
    }

header.page-header .current-company-form {
    background-color: var(--theme-medium);
    color: #fefefe;
    margin-left: 13rem;
}

    header.page-header .current-company-form .cell:first-child {
        /* border-right:1px solid #fff*/
    }

    header.page-header .current-company-form .cell {
        margin: 1rem 0
    }

    header.page-header .current-company-form p {
        margin-bottom: .5rem;
        line-height: 20px
    }

    header.page-header .current-company-form .company-header {
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase
    }

    header.page-header .current-company-form select {
        line-height: 20px;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        font-size: .875rem;
        font-weight: 400;
        border: 0;
        background-color: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: white'></polygon></svg>");
        background-position: right -1rem center;
        background-origin: content-box;
        background-repeat: no-repeat;
        background-size: 9px 6px;
        padding-right: 1.5rem;
        transition: background-color .15s ease;
        cursor: pointer;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        color: inherit;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        header.page-header .current-company-form select option {
            color: #333
        }

    header.page-header .current-company-form .dropdown.ui {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28255, 255, 255%29'></polygon></svg>")
    }

header.page-header .page-banner {
    position: relative
}

    header.page-header .page-banner .background-image {
        background: var(--theme-medium) var(--background-texture) top right;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover
    }

    header.page-header .page-banner .content {
        position: relative
    }

    header.page-header .page-banner .not-logged-in-title {
        text-transform: uppercase
    }

header.page-header .page-navigation .menu li a {
    color: #fefefe;
    font-weight: 700;
    transition: all .2s ease;
    text-transform: uppercase;
    padding: .7rem .75rem
}

    header.page-header .page-navigation .menu li a:focus,
    header.page-header .page-navigation .menu li a:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

header.page-header .page-navigation .menu li.is-active a {
    background-color: transparent
}

header.page-header .breadcrumbs {
    background-color: #cfcfcf
}

    header.page-header .breadcrumbs p {
        margin-bottom: 0
    }

    header.page-header .breadcrumbs a {
        font-weight: 700
    }

    header.page-header .breadcrumbs a,
    header.page-header .breadcrumbs span {
        text-transform: uppercase;
        color: #333
    }

@media print,screen and (min-width:64em) {
    .logged-in header.page-header .page-title {
        background-color: #ebebeb
    }
}

.logged-in header.page-header .page-title .global-alert-cell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.logged-in header.page-header .page-title .global-alert-container {
    overflow: hidden;
    transition: max-width 1s ease;
    margin-right: calc(-.625rem - 8px);
    position: relative;
    min-width: 75px
}

    .logged-in header.page-header .page-title .global-alert-container.closed {
        max-width: 75px;
        max-height: 62px
    }

        .logged-in header.page-header .page-title .global-alert-container.closed .global-alert .global-alert-arrows-container {
            padding-left: 20px
        }

            .logged-in header.page-header .page-title .global-alert-container.closed .global-alert .global-alert-arrows-container:after,
            .logged-in header.page-header .page-title .global-alert-container.closed .global-alert .global-alert-arrows-container:before {
                right: calc(100% - 20px)
            }

        .logged-in header.page-header .page-title .global-alert-container.closed .global-alert .global-alert-message {
            line-height: 0
        }

        .logged-in header.page-header .page-title .global-alert-container.closed .global-alert i {
            cursor: pointer;
            width: 30px;
            padding-left: 0
        }

            .logged-in header.page-header .page-title .global-alert-container.closed .global-alert i:before {
                content: "\f1f6"
            }

            .logged-in header.page-header .page-title .global-alert-container.closed .global-alert i:hover {
                padding-left: 3px
            }

                .logged-in header.page-header .page-title .global-alert-container.closed .global-alert i:hover:before {
                    content: "\f0f3"
                }

    .logged-in header.page-header .page-title .global-alert-container .global-alert-message {
        display: inline-block;
        vertical-align: middle;
        transition: line-height 1s ease;
        line-height: 1.5
    }

    .logged-in header.page-header .page-title .global-alert-container:not(.closed) {
        max-width: calc(120% + .9375rem + 8px);
        -webkit-animation: slide-in 1s 1;
        animation: slide-in 1s 1
    }

@media print,screen and (min-width:40em) {
    .logged-in header.page-header .page-title .global-alert-container {
        margin-right: calc(-.9375rem - 8px)
    }
}

.logged-in header.page-header .page-title .global-alert-container .ribbon-corner {
    position: absolute;
    display: block;
    border: 4px solid var(--theme-dark);
    border-bottom-color: transparent;
    border-right-color: transparent;
    bottom: 0;
    right: 0
}

@-webkit-keyframes slide-in {
    0% {
        max-width: 75px
    }

    100% {
        max-width: calc(120% + .9375rem + 8px)
    }
}

@keyframes slide-in {
    0% {
        max-width: 75px
    }

    100% {
        max-width: calc(120% + .9375rem + 8px)
    }
}

.logged-in header.page-header .page-title .global-alert {
    margin: 0;
    border-radius: 0;
    color: #fff;
    padding: 0;
    border: none;
    position: relative;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
    padding-bottom: 8px;
    overflow: hidden;
    background: 0 0;
    min-width: 500px
}

    .logged-in header.page-header .page-title .global-alert .global-alert-arrows-container {
        padding-left: 100px;
        height: calc(100% - 8px);
        position: relative;
        overflow: hidden
    }

        .logged-in header.page-header .page-title .global-alert .global-alert-arrows-container:after,
        .logged-in header.page-header .page-title .global-alert .global-alert-arrows-container:before {
            border-right: 100px solid var(--theme-light);
            content: '';
            height: 0;
            position: absolute;
            right: calc(100% - 100px);
            width: 0
        }

        .logged-in header.page-header .page-title .global-alert .global-alert-arrows-container:after {
            border-top: 135px solid transparent;
            top: 50%
        }

        .logged-in header.page-header .page-title .global-alert .global-alert-arrows-container:before {
            border-bottom: 135px solid transparent;
            bottom: 50%
        }

    .logged-in header.page-header .page-title .global-alert .global-alert-background {
        background-color: var(--theme-light);
        padding: 1rem 1.5rem;
        padding-right: 4rem;
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .logged-in header.page-header .page-title .global-alert i {
        cursor: pointer;
        min-width: 32px;
        padding-left: 3px
    }

        .logged-in header.page-header .page-title .global-alert i:hover {
            padding-left: 0
        }

            .logged-in header.page-header .page-title .global-alert i:hover:before {
                content: "\f1f6"
            }

    .logged-in header.page-header .page-title .global-alert a {
        color: #fff;
        text-decoration: underline;
        font-weight: 700
    }

        .logged-in header.page-header .page-title .global-alert a:hover {
            color: var(--theme-dark)
        }

    .logged-in header.page-header .page-title .global-alert .close-button {
        top: .9rem;
        font-size: 1.2rem;
        background-color: var(--theme-dark);
        color: #fefefe;
        height: 1.3rem;
        width: 1.3rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 0;
        line-height: 0
    }

        .logged-in header.page-header .page-title .global-alert .close-button:hover {
            opacity: .6
        }

@media screen and (max-width:39.9375em) {
    .logged-in header.page-header .header-logo {
        padding-bottom: 1rem
    }
}

body {
    background-color: #f5f5f5
}

@media print,screen and (min-width:64em) {
    body {
        padding-top: 2rem
    }

        body.logged-in {
            padding-top: .5rem
        }
}

.auto,
.shrink,
[class*='-auto'] {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.form-section-header,
.form-section-subheader,
.h3,
.h4,
.h5,
.h6,
.ood-wp-alert-error,
.reveal-header-input-label .reveal-header-input,
.reveal-header-input-label .reveal-header-input-temp,
.templates .template .template-details a .template-name,
h3,
h4,
h5,
h6 {
    text-transform: uppercase
}

.form-section-subheader,
.h5,
.h6,
.ood-wp-alert-error,
.templates .template .template-details a .template-name,
h5,
h6 {
    font-weight: 700
}

.form-section-header,
.form-section-subheader,
.h1,
.h4,
.h6,
.reveal-header-input-label .reveal-header-input,
.reveal-header-input-label .reveal-header-input-temp,
h1,
h4,
h6 {
    color: var(--theme-medium)
}

    .form-section-header a,
    .form-section-subheader a,
    .h1 a,
    .h4 a,
    .h6 a,
    .reveal-header-input-label .reveal-header-input a,
    .reveal-header-input-label .reveal-header-input-temp a,
    h1 a,
    h4 a,
    h6 a {
        color: var(--theme-medium)
    }

a {
    color: var(--theme-medium)
}

    a:hover {
        color: var(--theme-dark)
    }

    a:focus {
        color: var(--theme-dark)
    }

.mdc-menu .mdc-list-item {
    white-space: nowrap
}

p.tight {
    margin-bottom: .5rem
}

.mdc-text-field--multiline {
    height: 200px
}

    .mdc-text-field--multiline .mdc-floating-label {
        bottom: calc(100% - 35px)
    }

    .mdc-text-field--multiline:not(.mdc-text-field--multiline-auto) .mdc-text-field__input {
        resize: none;
        height: 100% !important
    }

    .mdc-text-field--multiline .mdc-text-field__icon {
        bottom: calc(100% - 39px)
    }

    .mdc-text-field--multiline.mdc-text-field--multiline-small {
        height: 125px
    }

    .mdc-text-field--multiline.mdc-text-field--multiline-auto {
        height: auto
    }

        .mdc-text-field--multiline.mdc-text-field--multiline-auto .mdc-text-field__input {
            min-height: auto;
            height: 56px
        }

.site-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 110rem;
    margin: 0 auto;
    padding: 0 !important
}

@media print,screen and (min-width:40em) {
    .site-container {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width:64em) {
    .site-container {
        box-shadow: 0 0 10px 2px #d2d2d2
    }
}

.form-section-number {
    background-color: var(--theme-medium);
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    line-height: 16px;
    padding: 16px;
    color: #fefefe;
    margin-right: 16px;
    text-align: center
}

.form-section-header {
    color: var(--theme-medium);
    text-align: center
}

    .form-section-header.text-right {
        text-align: right
    }

    .form-section-header.text-left {
        text-align: left
    }

.main-content {
    background-color: #fefefe
}

.no-margin {
    margin: 0 !important
}

.dark .form-section-header,
.dark .form-section-subheader,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6,
.dark .ood-wp-alert-error,
.dark .reveal-header-input-label .reveal-header-input,
.dark .reveal-header-input-label .reveal-header-input-temp,
.dark .templates .template .template-details a .template-name,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 .h1,
.reveal-header-input-label .dark .reveal-header-input,
.reveal-header-input-label .dark .reveal-header-input-temp,
.templates .template .template-details a .dark .template-name {
    color: #fefefe
}

#hkb ol.hkb-breadcrumbs {
    background: #eaeaea;
    padding: 5px 10px;
    border-radius: 5px
}

.cell-line-break {
    width: 100%
}

.grid-less-padding-x {
    margin-left: -.5rem;
    margin-right: -.5rem
}

    .grid-less-padding-x .cell {
        padding-left: .5rem;
        padding-right: .5rem
    }

.form-section-subheader {
    overflow: hidden;
    display: block;
    position: relative;
    color: var(--theme-medium)
}

    .form-section-subheader::after {
        content: " ";
        width: 100%;
        display: inline-block;
        background-color: var(--theme-medium);
        height: 2px;
        position: absolute;
        top: calc(50% - 1px);
        margin-left: 15px
    }

.reveal {
    background-color: transparent
}

    .reveal .reveal-shadow {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.8);
        background-color: #fff
    }

    .reveal .close-button {
        width: 3rem;
        height: 3rem;
        position: absolute;
        top: 1.65rem;
        right: 2rem
    }

        .reveal .close-button svg {
            fill: #fefefe;
            transition: fill .25s ease
        }

            .reveal .close-button svg * {
                fill: inherit
            }

        .reveal .close-button:hover svg {
            fill: rgba(254,254,254,.5)
        }

    .reveal .reveal-header {
        background-color: var(--theme-medium);
        padding: 2rem
    }

        .reveal .reveal-header h3 {
            color: #fefefe;
            font-weight: 700;
            width: calc(100% - 3.5rem)
        }

    .reveal .reveal-body {
        padding: 1.5rem 2rem
    }

    .reveal .cancel-button-container {
        text-align: center;
        margin-top: 1rem
    }

        .reveal .cancel-button-container button {
            margin-right: 0;
            margin-bottom: 1rem
        }

.file_div_clean.wfu_container {
    display: block
}

    .file_div_clean.wfu_container .file_progress_bar {
        min-width: 300px;
        padding: 0;
        border: none
    }

        .file_div_clean.wfu_container .file_progress_bar .file_progress_inner {
            height: 15px;
            border: 1px solid #ebebeb
        }

            .file_div_clean.wfu_container .file_progress_bar .file_progress_inner span {
                height: 100%;
                background-color: var(--theme-medium)
            }

    .file_div_clean.wfu_container .file_messageblock_header_td {
        border: none !important
    }

        .file_div_clean.wfu_container .file_messageblock_header_td .file_messageblock_header {
            min-width: 300px;
            border: none !important;
            border-radius: 5px 5px 0 0;
            color: #fefefe !important;
            text-align: center;
            background-color: #666 !important
        }

            .file_div_clean.wfu_container .file_messageblock_header_td .file_messageblock_header .file_messageblock_header_label {
                font-size: .875rem;
                font-weight: 400
            }

    .file_div_clean.wfu_container .file_messageblock_fileheader_td {
        border: none !important
    }

        .file_div_clean.wfu_container .file_messageblock_fileheader_td .file_messageblock_fileheader {
            min-width: 300px;
            border: none !important;
            border-radius: 5px 5px 0 0;
            color: #fefefe !important;
            text-align: center
        }

            .file_div_clean.wfu_container .file_messageblock_fileheader_td .file_messageblock_fileheader .file_messageblock_fileheader_label {
                font-size: .875rem;
                font-weight: 400
            }

    .file_div_clean.wfu_container #wordpress_file_upload_textbox_1 input[type=text] {
        display: inline-block;
        border: none;
        pointer-events: none
    }

    .file_div_clean.wfu_container tbody,
    .file_div_clean.wfu_container tfoot,
    .file_div_clean.wfu_container thead {
        border: none
    }

    .file_div_clean.wfu_container .file_table_clean.user-meta-fields {
        width: 100%
    }

    .file_div_clean.wfu_container div.file_div_clean {
        display: block;
        text-align: left;
        margin-bottom: .5rem
    }

    .file_div_clean.wfu_container .file_userdata_container {
        margin-bottom: .75rem
    }

@media print,screen and (min-width:64em) {
    .file_div_clean.wfu_container .file_userdata_container {
        width: 65%
    }
}

.file_div_clean.wfu_container .file_userdata_container .file_userdata_label:after {
    padding-left: .25rem
}

.file_div_clean.wfu_container .file_userdata_container .file_userdata_hint_inline {
    display: none !important
}

.file_div_clean.wfu_container div.file_userdata_fieldwrapper,
.file_div_clean.wfu_container div.file_userdata_fieldwrapper_required,
.file_div_clean.wfu_container div.file_userdata_fieldwrapper_required_empty {
    width: 100%
}

.file_div_clean.wfu_container label.file_messageblock_fileheader_label,
.file_div_clean.wfu_container label.file_messageblock_header_label {
    padding: 1rem;
    display: block;
    font-weight: .8rem
}

.pull-right {
    float: right
}

table.unstriped tbody tr {
    border: none
}

    table.unstriped tbody tr.even-row {
        background-color: #fff
    }

    table.unstriped tbody tr.odd-row {
        background-color: #f1f1f1
    }

        table.unstriped tbody tr.even-row + tr.even-row td,
        table.unstriped tbody tr.even-row + tr.even-row th,
        table.unstriped tbody tr.odd-row + tr.odd-row td,
        table.unstriped tbody tr.odd-row + tr.odd-row th {
            padding-bottom: 0;
            padding-top: 0
        }

table.no-wrap-header thead td,
table.no-wrap-header thead th {
    white-space: nowrap
}

table.responsive-table {
    width: 100% !important
}

    table.responsive-table th {
        text-align: left
    }

    table.responsive-table tbody td,
    table.responsive-table tbody th {
        padding: .25rem .5rem
    }

    table.responsive-table.collapsed tbody tr th {
        position: relative;
        padding-left: 1.75rem;
        cursor: pointer;
        height: 2rem
    }

        table.responsive-table.collapsed tbody tr th::before {
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-family: "Font Awesome 5 Pro";
            content: "\f055";
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 1.5rem;
            left: 8px;
            color: var(--theme-dark)
        }

        table.responsive-table.collapsed tbody tr td .hide-for-collapse,
        table.responsive-table.collapsed tbody tr td.hide-for-collapse,
        table.responsive-table.collapsed tbody tr th .hide-for-collapse,
        table.responsive-table.collapsed tbody tr th.hide-for-collapse {
            display: block
        }

        table.responsive-table.collapsed tbody tr td .show-for-collapse,
        table.responsive-table.collapsed tbody tr td.show-for-collapse,
        table.responsive-table.collapsed tbody tr th .show-for-collapse,
        table.responsive-table.collapsed tbody tr th.show-for-collapse {
            display: none
        }

    table.responsive-table.collapsed tbody tr.parent th::before {
        content: "\f056";
        color: #ffae00
    }

    table.responsive-table.collapsed tbody tr.child td.child ul {
        list-style: none;
        display: table;
        width: 100%;
        margin: 0 0 .75rem
    }

        table.responsive-table.collapsed tbody tr.child td.child ul li {
            border-bottom: 1px solid #ebebeb;
            display: table-row
        }

            table.responsive-table.collapsed tbody tr.child td.child ul li:last-child {
                border-bottom: none
            }

            table.responsive-table.collapsed tbody tr.child td.child ul li span {
                display: table-cell
            }

            table.responsive-table.collapsed tbody tr.child td.child ul li .dtr-title {
                font-weight: 700
            }

#debugmodeon {
    background-color: #7a085e;
    color: #fefefe;
    display: inline-block;
    padding: .5rem;
    height: 100%
}

#search-order-button {
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #ebebeb;
    color: #333;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding: 8px;
    height: auto;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 100%;
    margin-bottom: 1rem
}

    #search-order-button .search-terms {
        margin: .5rem 0 0;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: .8rem;
        text-transform: none;
        color: #929292;
        font-family: Karla,sans-serif;
        letter-spacing: 0;
        white-space: normal
    }

@media screen and (min-width:64em) {
    #search-order-button .search-terms {
        width: auto;
        margin: 0 .5rem;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

footer.site-footer {
    margin-top: 3rem;
    margin-bottom: 3rem;
    color: #929292
}

    footer.site-footer h4 {
        color: #929292
    }

    footer.site-footer a {
        text-decoration: underline;
        color: #929292;
        background-color: transparent !important
    }

        footer.site-footer a:hover {
            color: #666
        }

    footer.site-footer .is-active > a {
        color: #666
    }

    footer.site-footer .footer-copy-container p {
        line-height: 1.1
    }

body#tinymce {
    height: auto;
    max-width: 75rem;
    padding: 1.25rem !important
}

.sites-button {
    background: #7a085e;
    font-size: 1.25rem;
    font-weight: 700;
    box-shadow: 0 -2px 0 rgba(0,0,0,.2) inset;
    border-radius: 3px;
    border: none
}

.button.default,
.file_div_clean.wfu_container input.default[type=button] {
    background-color: #ebebeb;
    color: #333
}

    .button.default:focus,
    .button.default:hover,
    .file_div_clean.wfu_container input.default:focus[type=button],
    .file_div_clean.wfu_container input.default:hover[type=button] {
        background-color: #cfcfcf
    }

.button,
.file_div_clean.wfu_container input[type=button],
.mdc-button,
.version-form .ood-wp-add-repeater-item {
    text-transform: none;
    white-space: nowrap
}

    .button .theme-icon,
    .file_div_clean.wfu_container input[type=button] .theme-icon,
    .mdc-button .theme-icon,
    .version-form .ood-wp-add-repeater-item .theme-icon {
        display: inline-block;
        padding-right: 8px
    }

        .button .theme-icon svg,
        .file_div_clean.wfu_container input[type=button] .theme-icon svg,
        .mdc-button .theme-icon svg,
        .version-form .ood-wp-add-repeater-item .theme-icon svg {
            vertical-align: bottom
        }

    .button[disabled],
    .file_div_clean.wfu_container input[disabled][type=button],
    .mdc-button[disabled],
    .version-form .ood-wp-add-repeater-item[disabled] {
        opacity: .3;
        cursor: not-allowed
    }

    .file_div_clean.wfu_container input.mdc-button--dense[type=button],
    .mdc-button--dense.button,
    .mdc-button.mdc-button--dense,
    .version-form .mdc-button--dense.ood-wp-add-repeater-item {
        padding: 0 15px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 10px !important;
        letter-spacing: 0;
        height: 35px
    }

    .button img,
    .file_div_clean.wfu_container input[type=button] img,
    .mdc-button img,
    .version-form .ood-wp-add-repeater-item img {
        height: 1.25rem;
        margin-top: -2px
    }

    .button svg,
    .file_div_clean.wfu_container input[type=button] svg,
    .mdc-button svg,
    .version-form .ood-wp-add-repeater-item svg {
        height: 1.25rem;
        width: 1.5rem;
        margin-right: .5rem;
        fill: var(--mdc-theme-primary,#6200ee);
        margin-top: 6px
    }

        .button svg *,
        .file_div_clean.wfu_container input[type=button] svg *,
        .mdc-button svg *,
        .version-form .ood-wp-add-repeater-item svg * {
            fill: inherit !important
        }

    .button .button-icon-trailing,
    .file_div_clean.wfu_container input[type=button] .button-icon-trailing,
    .mdc-button .button-icon-trailing,
    .version-form .ood-wp-add-repeater-item .button-icon-trailing {
        margin-left: .5rem;
        margin-right: 0
    }

.mdc-button--white {
    background-color: #fefefe !important;
    text-transform: uppercase;
    color: var(--theme-dark) !important;
    font-size: .65rem;
    font-weight: 700;
    padding: 0 8px 0 8px !important;
    min-width: 1.5rem
}

    .mdc-button--white i {
        background: var(--theme-dark);
        color: #fff;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        vertical-align: middle;
        font-size: 1rem;
        margin-right: .5rem;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-indent: 2px
    }

        .mdc-button--white i.button-icon-standalone {
            margin-right: 0
        }

        .mdc-button--white i.button-theme-icon {
            background: 0 0;
            color: var(--theme-medium)
        }

            .mdc-button--white i.button-theme-icon svg {
                fill: var(--theme-medium);
                margin-right: 0
            }

        .mdc-button--white i.button-dark-theme-icon {
            background: 0 0;
            color: var(--theme-dark)
        }

            .mdc-button--white i.button-dark-theme-icon svg {
                fill: var(--theme-dark);
                margin-right: 0
            }

.mdc-button--gray {
    background-color: #cfcfcf !important;
    text-transform: uppercase;
    color: #000 !important;
    font-size: .85rem
}

.button,
.file_div_clean.wfu_container input[type=button],
.mdc-button.mdc-button--extended,
.version-form .mdc-button--extended.ood-wp-add-repeater-item,
.version-form .ood-wp-add-repeater-item.button {
    background-color: var(--theme-medium) !important;
    box-shadow: 0 5px 0 0 var(--theme-dark) !important;
    padding-top: 5px;
    color: #fefefe !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px !important;
    letter-spacing: 0;
    margin-bottom: 1rem
}

    .button svg,
    .file_div_clean.wfu_container input[type=button] svg,
    .mdc-button.mdc-button--extended svg,
    .version-form .mdc-button--extended.ood-wp-add-repeater-item svg,
    .version-form .ood-wp-add-repeater-item.button svg {
        fill: #fefefe
    }

    .default.button,
    .file_div_clean.wfu_container input.default[type=button],
    .mdc-button.mdc-button--extended.default,
    .version-form .mdc-button--extended.default.ood-wp-add-repeater-item {
        background-color: #ebebeb !important;
        box-shadow: 0 5px 0 0 #666 !important;
        color: #333 !important
    }

        .default.button svg,
        .file_div_clean.wfu_container input.default[type=button] svg,
        .mdc-button.mdc-button--extended.default svg,
        .version-form .default.ood-wp-add-repeater-item.button svg,
        .version-form .mdc-button--extended.default.ood-wp-add-repeater-item svg {
            fill: #333
        }

.mdc-button--outlined.mdc-button--theme,
.version-form .mdc-button--theme.ood-wp-add-repeater-item {
    border-color: var(--theme-dark) !important;
    color: var(--theme-medium) !important
}

    .mdc-button--outlined.mdc-button--theme svg,
    .version-form .mdc-button--theme.ood-wp-add-repeater-item svg {
        fill: var(--theme-medium)
    }

.mdc-button--outlined,
.version-form .ood-wp-add-repeater-item {
    padding: 0 15px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px !important;
    letter-spacing: 0;
    height: 35px;
    border-width: 1px
}

.button,
.file_div_clean.wfu_container input[type=button] {
    padding: .65rem 1rem !important
}

.mdc-white-filled {
    background-color: #fff !important;
    box-shadow: 0 5px 0 0 var(--theme-dark) !important;
    padding: 0 15px;
    padding-top: 2px;
    color: var(--theme-medium) !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px !important;
    letter-spacing: 0;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid var(--theme-dark)
}

    .mdc-white-filled .badge {
        background-color: var(--theme-medium);
        color: #fff !important;
        font-weight: 700;
        margin-left: 1rem
    }

    .mdc-white-filled[disabled] {
        background-color: #f8f8f8 !important
    }

    .mdc-white-filled svg {
        fill: var(--theme-medium)
    }

.mdc-white-hollow {
    background-color: transparent !important;
    padding: 0 15px;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px !important;
    letter-spacing: 0;
    height: 30px;
    margin-right: 10px;
    border: 2px solid #fff
}

    .mdc-white-hollow .badge {
        background-color: #fff;
        color: var(--theme-medium) !important
    }

    .mdc-white-hollow svg {
        fill: #fff;
        height: 1rem;
        width: 1.2rem
    }

.mdc-button--large-text {
    font-size: .95rem !important
}

.button.actions-button,
.file_div_clean.wfu_container input.actions-button[type=button] {
    padding: 10px 12px !important;
    min-width: auto
}

.label {
    margin-bottom: .25rem
}

.cards-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .cards-container .card {
        width: calc(100% - 1.25rem);
        margin-right: .625rem;
        margin-left: .625rem
    }

        .cards-container .card .card-content {
            padding: 1rem
        }

@media print,screen and (min-width:40em) {
    .cards-container .card {
        width: calc(33.33333% - .7rem);
        margin-right: .35rem;
        margin-left: .35rem
    }
}

.dotted,
.section-divider hr {
    border-style: dashed;
    margin: 2rem 0
}

[data-whatinput=mouse] a:focus,
button:focus,
button:focus [data-whatinput=touch] a:focus {
    outline: 0
}

.awesomplete {
    height: 100%
}

    .awesomplete ul {
        list-style-type: none;
        background-color: #fff;
        box-shadow: 0 1px 5px 0 rgba(51,51,51,.5);
        margin: 0;
        z-index: 100;
        position: relative
    }

        .awesomplete ul li {
            padding: .5rem;
            cursor: pointer
        }

            .awesomplete ul li mark {
                background-color: var(--theme-medium);
                color: #fff
            }

            .awesomplete ul li:hover,
            .awesomplete ul li[aria-selected=true] {
                background-color: #ebebeb
            }

    .awesomplete .visually-hidden {
        display: none
    }

.ginput_container {
    width: 100% !important;
    margin: .5rem 0
}

    .ginput_container .gfield_required {
        display: inline !important
    }

.mdc-text-field + .mdc-text-field-helper-text {
    margin-bottom: 0.5rem;
   /* margin-top: -1.25rem*/
}

.validation_message {
    font-style: normal !important
}

.instruction.validation_message {
    display: none
}

.mdc-select--focused .mdc-select__dropdown-icon {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) !important
}

.gform_validation_container {
    display: none !important
}

.hidden_label > label {
    display: none
}

.gform_fields > li,
li.gfield {
    list-style-type: none
}

.ood-wp-file-previews {
    display: block !important;
    margin: .5rem 0
}

input[type=file] + .ood-wp-field-description {
    display: inline-block;
    padding-left: .75rem
}

.gform_wrapper .two-column_wrapper ul.one-half,
.gform_wrapper ul.one-third {
    width: 100%;
    margin-left: 0 !important
}

.gform_wrapper .gfield_description {
    font-style: italic
}

.gform_wrapper .gsection {
    display: none !important;
    border-bottom: none !important
}

#gform_wrapper_3 li {
    margin-bottom: 10px
}

@media print,screen and (min-width:40em) {
    .gform_wrapper.two-column_wrapper {
        max-width: 100%
    }

        .gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child,
        .gform_wrapper.two-column_wrapper ul.gform_fields {
            display: none
        }

            .gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
                display: block
            }

        .gform_wrapper.two-column_wrapper ul.one-half {
            margin-left: 4% !important;
            width: 48%;
            float: left
        }

        .gform_wrapper.two-column_wrapper ul.one-third {
            margin-left: 2% !important;
            width: 32%;
            float: left
        }

        .gform_wrapper.two-column_wrapper ul.first.one-half,
        .gform_wrapper.two-column_wrapper ul.first.one-third {
            margin-left: 0 !important
        }

    #input_3_2,
    #input_3_3,
    #input_3_4 {
        width: 100%
    }

    .gform_wrapper .top_label li.gfield.gf_right_half + li.gsection {
        padding: 0 !important
    }
}

.gform_body {
    padding-top: 1rem
}

.mdc-select--with-leading-icon .mdc-select__icon {
    opacity: 1
}

.gform_footer {
    clear: both
}

    .gform_footer .gform-submit-footer {
        background-color: #fefefe;
        margin: 1rem -1.625rem -1rem
    }

@media print,screen and (min-width:40em) {
    .gform_footer .gform-submit-footer {
        margin: 1rem -1.9375rem -1rem
    }
}

.gfield_password_strength {
    text-align: center;
    background-color: gray;
    padding: 1rem;
    border-radius: 5px 5px 0 0;
    color: #fff
}

    .gfield_password_strength.bad,
    .gfield_password_strength.mismatch,
    .gfield_password_strength.short {
        background-color: var(--theme-light)
    }

    .gfield_password_strength.good {
        background-color: var(--theme-medium)
    }

    .gfield_password_strength.strong {
        background-color: var(--theme-dark)
    }

.mdc-select select {
    background: 0 0 !important
}

.form-content {
    background-color: #ebebeb
}

    .form-content .form-sections {
        margin: 0 0 2rem
    }

        .form-content .form-sections > .cell {
            background-color: #fefefe;
            box-shadow: 0 4px 7px 0 #929292
        }

    .form-content .form-footer {
        background-color: #fefefe
    }

@media screen and (max-width:39.9375em) {
    .file_div_clean.wfu_container .form-content .form-footer input[type=button],
    .form-content .form-footer .button,
    .form-content .form-footer .file_div_clean.wfu_container input[type=button],
    .form-content .form-footer .mdc-button,
    .form-content .form-footer .version-form .ood-wp-add-repeater-item,
    .version-form .form-content .form-footer .ood-wp-add-repeater-item {
        width: 100%;
        margin-bottom: .25rem
    }
}

label {
    font-weight: 700
}

.mdc-radio label {
    font-weight: 400
}

.mdc-select,
.mdc-text-field {
    width: 100%
}

.button-radio-field {
    display: none
}

    .button-radio-field + .button-radio-label {
        font-weight: 400;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        transition: background-color .2s ease;
        background-color: #ebebeb;
        border: 1px solid #d2d2d2;
        color: #666;
        font-size: .8125rem !important;
        bottom: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        margin-bottom: .25rem !important;
        padding: 0 6px 0 6px
    }

    .button-radio-field:not(:checked) + .button-radio-label:hover {
        background-color: #d2d2d2
    }

    .button-radio-field:checked + .button-radio-label {
        background-color: var(--theme-medium);
        border-color: transparent;
        color: #fefefe
    }

.form-group {
    margin-bottom: 1rem;
    position: relative
}

.text-file-uploader {
    float: left;
    margin-top: -3rem
}

    .text-file-uploader .text-file-previews {
        display: inline-block
    }

        .text-file-uploader .text-file-previews .text-file-preview {
            margin: 0 .25rem;
            font-weight: lighter
        }

.mdc-form-field {
    margin-right: .5rem
}

.form-error,
.ood-wp-form-error {
    font-weight: 700;
    color: #d64b13;
    letter-spacing: -1px
}

.mdc-checkbox {
    padding: 7px
}

.mdc-checkbox__background {
    top: 7px;
    left: 7px;
    width: 18px;
    height: 18px
}

.mdc-checkbox.mdc-ripple-upgraded::after,
.mdc-checkbox.mdc-ripple-upgraded::before {
    --mdc-ripple-fg-size: 18px
}

.mdc-floating-label--float-above {
    max-width: 100% !important
}

.form-repeater.order-item-jobs > li {
    position: static;
    padding-right: 0
}

    .form-repeater.order-item-jobs > li .ood-wp-delete-repeater-item {
        padding-left: .5rem;
        position: static
    }

ul.form-repeater {
    margin-left: 0;
    list-style: none
}

    ul.form-repeater > li {
        position: relative;
        padding-right: 2.5rem
    }

        ul.form-repeater > li .ood-wp-delete-repeater-item {
            top: calc(50% - 5px);
            position: absolute;
            right: 0
        }

            ul.form-repeater > li .ood-wp-delete-repeater-item img {
                height: 1.5rem;
                margin-top: -7px
            }

            ul.form-repeater > li .ood-wp-delete-repeater-item svg {
                height: 1.5rem;
                width: 1.5rem;
                margin-right: .5rem;
                fill: var(--theme-dark);
                margin-top: -7px;
                transition: fill .2s ease
            }

                ul.form-repeater > li .ood-wp-delete-repeater-item svg * {
                    fill: inherit !important
                }

            ul.form-repeater > li .ood-wp-delete-repeater-item:hover svg {
                fill: var(--theme-light)
            }

        ul.form-repeater > li:first-child {
            position: static;
            padding-right: 0
        }

            ul.form-repeater > li:first-child .ood-wp-delete-repeater-item {
                display: none
            }

.ood-wp-delete-repeater-item {
    cursor: pointer;
    color: #d64b13
}

    .ood-wp-delete-repeater-item .ood-wp-delete-content::before {
        padding-right: .25rem
    }

    .ood-wp-delete-repeater-item:hover {
        color: #782a0b !important
    }

.ood-wp-delete-content::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1f8"
}

.mdc-search-select.mdc-search-select--with-leading-icon .dropdown:not(.icon) {
    padding-left: 3rem;
    padding-right: 1rem
}

    .mdc-search-select.mdc-search-select--with-leading-icon .dropdown:not(.icon) input.search {
        padding-left: 3rem;
        padding-right: 1rem;
        width: 100% !important
    }

.mdc-search-select.mdc-search-select--with-leading-icon .mdc-search-select__icon {
    position: absolute;
    bottom: calc(100% - 39px);
    cursor: pointer;
    z-index: 1;
    left: 16px
}

.mdc-search-select.mdc-search-select--with-leading-icon .mdc-floating-label {
    left: 48px
}

.mdc-search-select.mdc-search-select--with-leading-icon .sizer {
    display: none
}

.mdc-search-select .mdc-floating-label {
    cursor: pointer;
    left: 12px;
    bottom: calc(100% - 35px);
    right: initial
}

.mdc-search-select .sizer {
    visibility: hidden;
    position: absolute
}

.mdc-search-select .dropdown:not(.icon) {
    background-color: #f5f5f5;
    position: relative;
    transition: background-color 180ms cubic-bezier(.4,0,.2,1);
    border-radius: 4px 4px 0 0;
    padding: 20px 12px 6px;
    cursor: pointer;
    min-height: 54px
}

    .mdc-search-select .dropdown:not(.icon) .sizer {
        /*display:none*/
    }

    .mdc-search-select .dropdown:not(.icon) .dropdown.icon {
        background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;
        left: auto;
        right: 8px;
        position: absolute;
        top: 15px;
        width: 24px;
        height: 24px;
        transition: -webkit-transform 150ms cubic-bezier(.4,0,.2,1);
        transition: transform 150ms cubic-bezier(.4,0,.2,1);
        transition: transform 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);
        pointer-events: none
    }

    .mdc-search-select .dropdown:not(.icon) input.search {
        height: 100%;
        cursor: pointer;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 1rem;
        line-height: 1.75rem;
        font-weight: 400;
        letter-spacing: .00937em;
        text-decoration: inherit;
        text-transform: inherit;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        box-sizing: border-box;
        width: 100%;
        padding: 20px 12px 6px;
        transition: opacity 180ms cubic-bezier(.4,0,.2,1);
        border: none;
        border-bottom: 1px solid rgba(0,0,0,.42);
        border-radius: 0;
        background: 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: rgba(0,0,0,.87);
        position: absolute;
        bottom: 0;
        left: 0
    }

        .mdc-search-select .dropdown:not(.icon) input.search:hover:not(:focus) {
            border-bottom-color: currentColor
        }

        .mdc-search-select .dropdown:not(.icon) input.search:focus {
            outline: 0;
            border-bottom: 2px solid var(--theme-medium)
        }

    .mdc-search-select .dropdown:not(.icon).active {
        background-color: #dbdbdb
    }

        .mdc-search-select .dropdown:not(.icon).active .drowdown.icon {
            background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%236200ee%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center
        }

    .mdc-search-select .dropdown:not(.icon) input ~ .text {
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: .00937em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        line-height: 1.75 !important
    }

    .mdc-search-select .dropdown:not(.icon) select {
        /*display:none*/
    }

    .mdc-search-select .dropdown:not(.icon) .menu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 1000;
        background-color: #f5f5f5;
        box-shadow: rgba(0,0,0,.5) 0 10px 15px -5px;
        border-radius: 0 0 4px 4px;
        overflow: hidden;
        cursor: not-allowed
    }

        .mdc-search-select .dropdown:not(.icon) .menu .item {
            --mdc-ripple-fg-size: 0;
            --mdc-ripple-left: 0;
            --mdc-ripple-top: 0;
            --mdc-ripple-fg-scale: 1;
            --mdc-ripple-fg-translate-end: 0;
            --mdc-ripple-fg-translate-start: 0;
            -webkit-tap-highlight-color: transparent;
            will-change: transform,opacity;
            cursor: pointer;
            transition: all 150ms cubic-bezier(.4,0,.2,1);
            line-height: 1.2 !important
        }

            .mdc-search-select .dropdown:not(.icon) .menu .item::after,
            .mdc-search-select .dropdown:not(.icon) .menu .item::before {
                position: absolute;
                border-radius: 50%;
                opacity: 0;
                pointer-events: none;
                content: ""
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item::before {
                transition: opacity 15ms linear,background-color 15ms linear;
                z-index: 1
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded::before {
                -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
                -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
                transform: scale(var(--mdc-ripple-fg-scale,1))
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded::after {
                top: 0;
                left: 0;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded--unbounded::after {
                top: var(--mdc-ripple-top,0);
                left: var(--mdc-ripple-left,0)
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded--foreground-activation::after {
                -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
                animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded--foreground-deactivation::after {
                -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
                animation: 150ms mdc-ripple-fg-opacity-out;
                -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
                -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
                transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item::after,
            .mdc-search-select .dropdown:not(.icon) .menu .item::before {
                top: calc(50% - 100%);
                left: calc(50% - 100%);
                width: 200%;
                height: 200%
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded::after {
                width: var(--mdc-ripple-fg-size,100%);
                height: var(--mdc-ripple-fg-size,100%)
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item::after,
            .mdc-search-select .dropdown:not(.icon) .menu .item::before {
                background-color: #000
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item:hover::before {
                opacity: .04
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded--background-focused::before,
            .mdc-search-select .dropdown:not(.icon) .menu .item:not(.mdc-ripple-upgraded):focus::before {
                transition-duration: 75ms;
                opacity: .12
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item:not(.mdc-ripple-upgraded)::after {
                transition: opacity 150ms linear
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item:not(.mdc-ripple-upgraded):active::after {
                transition-duration: 75ms;
                opacity: .16
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.mdc-ripple-upgraded {
                --mdc-ripple-fg-opacity: 0.16
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item:not(.disabled) {
                cursor: pointer
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.filtered {
                display: none
            }

            .mdc-search-select .dropdown:not(.icon) .menu .item.disabled {
                opacity: .65;
                pointer-events: none
            }

        .mdc-search-select .dropdown:not(.icon) .menu .item,
        .mdc-search-select .dropdown:not(.icon) .menu .message {
            padding: 6px 12px;
            font-size: 1rem;
            line-height: 1.75rem;
            font-weight: 400;
            letter-spacing: .00937em;
            overflow: hidden;
            position: relative
        }

    .mdc-search-select .dropdown:not(.icon).multiple .menu .item.active {
        background-color: #dbdbdb;
        color: rgba(0,0,0,.87);
        color: var(--theme-dark)
    }

    .mdc-search-select .dropdown:not(.icon):not(.multiple) .menu .item.selected {
        background-color: #dbdbdb;
        color: rgba(0,0,0,.87)
    }

.dropdown.ui:not(.mdc-search-select__input) {
    position: relative;
    min-width: 150px;
    outline: 0 !important;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28159, 139, 139%29'></polygon></svg>");
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.75rem
}

    .dropdown.ui:not(.mdc-search-select__input) .dropdown.icon {
        display: none
    }

    .dropdown.ui:not(.mdc-search-select__input) select {
        display: none !important
    }

    .dropdown.ui:not(.mdc-search-select__input) .menu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 1000;
        background-color: #f5f5f5;
        box-shadow: rgba(0,0,0,.5) 0 10px 15px -5px;
        border-radius: 0 0 4px 4px;
        overflow: hidden;
        cursor: not-allowed
    }

        .dropdown.ui:not(.mdc-search-select__input) .menu .item {
            --mdc-ripple-fg-size: 0;
            --mdc-ripple-left: 0;
            --mdc-ripple-top: 0;
            --mdc-ripple-fg-scale: 1;
            --mdc-ripple-fg-translate-end: 0;
            --mdc-ripple-fg-translate-start: 0;
            -webkit-tap-highlight-color: transparent;
            will-change: transform,opacity;
            cursor: pointer;
            transition: all 150ms cubic-bezier(.4,0,.2,1);
            line-height: 1.2 !important;
            color: #333 !important
        }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item::after,
            .dropdown.ui:not(.mdc-search-select__input) .menu .item::before {
                position: absolute;
                border-radius: 50%;
                opacity: 0;
                pointer-events: none;
                content: ""
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item::before {
                transition: opacity 15ms linear,background-color 15ms linear;
                z-index: 1
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded::before {
                -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
                -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
                transform: scale(var(--mdc-ripple-fg-scale,1))
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded::after {
                top: 0;
                left: 0;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded--unbounded::after {
                top: var(--mdc-ripple-top,0);
                left: var(--mdc-ripple-left,0)
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded--foreground-activation::after {
                -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;
                animation: 225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded--foreground-deactivation::after {
                -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
                animation: 150ms mdc-ripple-fg-opacity-out;
                -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
                -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
                transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item::after,
            .dropdown.ui:not(.mdc-search-select__input) .menu .item::before {
                top: calc(50% - 100%);
                left: calc(50% - 100%);
                width: 200%;
                height: 200%
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded::after {
                width: var(--mdc-ripple-fg-size,100%);
                height: var(--mdc-ripple-fg-size,100%)
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item::after,
            .dropdown.ui:not(.mdc-search-select__input) .menu .item::before {
                background-color: #000
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item:hover::before {
                opacity: .04
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded--background-focused::before,
            .dropdown.ui:not(.mdc-search-select__input) .menu .item:not(.mdc-ripple-upgraded):focus::before {
                transition-duration: 75ms;
                opacity: .12
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item:not(.mdc-ripple-upgraded)::after {
                transition: opacity 150ms linear
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item:not(.mdc-ripple-upgraded):active::after {
                transition-duration: 75ms;
                opacity: .16
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.mdc-ripple-upgraded {
                --mdc-ripple-fg-opacity: 0.16
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item:not(.disabled) {
                cursor: pointer
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.filtered {
                display: none
            }

            .dropdown.ui:not(.mdc-search-select__input) .menu .item.disabled {
                opacity: .65;
                pointer-events: none
            }

        .dropdown.ui:not(.mdc-search-select__input) .menu .item,
        .dropdown.ui:not(.mdc-search-select__input) .menu .message {
            padding: 6px 12px;
            font-size: 1rem;
            line-height: 1.75rem;
            font-weight: 400;
            letter-spacing: .00937em;
            overflow: hidden;
            position: relative
        }

.mdc-text-field .mdc-line-ripple {
    background-color: var(--theme-medium)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--theme-medium)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label {
    color: var(--theme-medium)
}

.mdc-search-select .mdc-floating-label {
    transition: all 150ms cubic-bezier(.4,0,.2,1);
    color: rgba(0,0,0,.6)
}

.mdc-search-select:not(.null-selected) .mdc-floating-label {
    -webkit-transform: translateY(-50%) scale(.75);
    -ms-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75)
}

.mdc-search-select .dropdown.active + .mdc-floating-label {
    -webkit-transform: translateY(-50%) scale(.75);
    -ms-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75);
    color: var(--theme-medium)
}

.sibling-form-groups {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .sibling-form-groups > div {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .sibling-form-groups > div:last-child {
            padding-left: 4px
        }

        .sibling-form-groups > div:first-child {
            padding-right: 4px
        }

    .sibling-form-groups .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--multiline) .mdc-floating-label {
        max-width: 100%
    }

.facetwp-btn {
    top: auto !important;
    opacity: 1 !important
}

    .facetwp-btn:before {
        content: none !important
    }

.mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
    content: ""
}

.mdc-select__native-control:required ~ .mdc-floating-label::after,
.mdc-select__native-control:required ~ .mdc-notched-outline .mdc-floating-label::after {
    content: ""
}

@media print,screen and (min-width:40em) {
    .facetwp-facet.facetwp-type-fselect .fs-dropdown {
        width: 350px
    }
}

.facetwp-facet .fs-option {
    cursor: pointer;
    word-break: normal;
    white-space: normal
}

.facetwp-facet .fs-options {
    overflow-x: hidden
}

.facetwp-facet .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: var(--theme-medium)
}

.reveal-header {
    transition: .3s background-color ease
}

    .reveal-header.reveal-header-error {
        background-color: #cc5b4a
    }

.reveal-header-input-label .reveal-header-input,
.reveal-header-input-label .reveal-header-input-temp {
    max-width: calc(100% - 8rem);
    color: #fefefe;
    font-weight: 700;
    background: 0 0;
    border: none;
    transition: border .2s ease;
    border-bottom: 2px solid #fefefe;
    outline: 0
}

.reveal-header-input-label .reveal-header-input-button {
    width: 2rem;
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
    cursor: pointer;
    color: #fefefe;
    opacity: 1;
    transition: all .2s ease
}

    .reveal-header-input-label .reveal-header-input-button:hover {
        color: #ebebeb
    }

.reveal-header-input-label .reveal-header-input::-webkit-input-placeholder {
    color: rgba(254,254,254,.5)
}

.reveal-header-input-label .reveal-header-input:-ms-input-placeholder {
    color: rgba(254,254,254,.5)
}

.reveal-header-input-label .reveal-header-input::placeholder {
    color: rgba(254,254,254,.5)
}

.reveal-header-input-label .reveal-header-input::-webkit-input-placeholder {
    color: rgba(254,254,254,.5)
}

.reveal-header-input-label .reveal-header-input:focus {
    border-color: transparent
}

    .reveal-header-input-label .reveal-header-input:focus + .reveal-header-input-button {
        opacity: 0
    }

.reveal-header-input-label .reveal-header-input-temp {
    width: auto;
    display: inline;
    opacity: 0;
    position: absolute;
    bottom: -100px;
    white-space: nowrap
}

.reveal-header-input-label .form-error,
.reveal-header-input-label .ood-wp-form-error {
    color: #fefefe
}

    .reveal-header-input-label .form-error::before,
    .reveal-header-input-label .ood-wp-form-error::before {
        content: "ERROR: "
    }

.ood-wp-alert-error {
    color: #d64b13
}

.datepicker {
    font-family: Roboto,sans-serif
}

    .datepicker .datepicker--day-name,
    .datepicker .datepicker--nav-title {
        font-family: Karla,sans-serif;
        text-transform: uppercase;
        color: var(--theme-medium)
    }

    .datepicker .datepicker--day-name {
        color: var(--theme-dark)
    }

    .datepicker .datepicker--cell.-selected-,
    .datepicker .datepicker--cell.-selected-.-current- {
        background-color: var(--theme-light);
        color: #fefefe
    }

    .datepicker .datepicker--cell.-current- {
        color: var(--theme-light)
    }

.button,
.file_div_clean.wfu_container input[type=button],
.mdc-button--extended,
.mdc-white-filled {
    position: relative;
    top: 0;
    transition: all .1s ease
}

    .button:active,
    .file_div_clean.wfu_container input:active[type=button],
    .mdc-button--extended:active,
    .mdc-white-filled:active {
        box-shadow: 0 2px 0 0 var(--theme-dark) !important;
        top: 3px
    }

.disabled label {
    opacity: .5;
    cursor: not-allowed !important
}

.disabled .mdc-checkbox {
    cursor: not-allowed
}

.ood-wp-error-form-group .theme-icon {
    color: #d64b13
}

    .ood-wp-error-form-group .theme-icon svg {
        fill: #d64b13
    }

.ood-wp-field-description {
    margin-bottom: 0
}

.ood-wp-file-preview figure.ood-wp-loaded {
    overflow: hidden;
    width: 16rem;
    height: 12rem;
    max-width: 100%;
    position: relative
}

    .ood-wp-file-preview figure.ood-wp-loaded::after {
        transition: box-shadow .2s ease;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        box-shadow: inset 0 -2rem 1rem rgba(0,0,0,.4)
    }

    .ood-wp-file-preview figure.ood-wp-loaded img,
    .ood-wp-file-preview figure.ood-wp-loaded object {
        min-width: 100%;
        min-height: 100%
    }

    .ood-wp-file-preview figure.ood-wp-loaded figcaption {
        position: absolute;
        bottom: .25rem;
        left: .5rem;
        color: #fff;
        font-weight: 700;
        z-index: 1;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.product-template-reveal {
    top: 100px !important
}

    .product-template-reveal .ood-load-form--error-container,
    .product-template-reveal .ood-load-form--loading-container {
        padding: 1rem
    }

.list-menu ul.menu {
    display: block
}

    .list-menu ul.menu li a {
        padding: 0;
        margin-bottom: .8rem
    }

.mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text {
    height: 100%;
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px;
    color: #333;
    cursor: pointer;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text i {
        margin-right: 1rem;
        height: 18px;
        width: 18px
    }

        .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text i svg {
            height: 18px;
            width: 18px;
            margin-top: -.5rem;
            fill: #333
        }

.theme-icon {
    height: 1.6rem;
    width: 1.6rem
}

    .theme-icon svg {
        fill: var(--theme-medium);
        max-height: 100%;
        max-width: 100%;
        transition: all .2s ease
    }

        .theme-icon svg * {
            fill: inherit
        }

[disabled] ~ .theme-icon svg,
[readonly] ~ .theme-icon svg {
    fill: #cfcfcf
}

.fa-button-icon {
    font-size: 1.5rem;
    margin-right: .5rem
}

#pageLoadProgressBar {
    position: fixed !important;
    top: 0;
    z-index: 9999;
    height: 5px;
    box-shadow: 0 0 10px 2px rgba(51,51,51,.5)
}

    #pageLoadProgressBar .mdc-linear-progress__buffering-dots {
        background-color: #ebebeb
    }

    #pageLoadProgressBar .mdc-linear-progress__bar-inner {
        background-color: var(--theme-medium,#6200ee)
    }

.admin-bar #pageLoadProgressBar {
    top: 2rem
}

.front-hero {
    background: url(../images/demo/hero-bg-foundation-6-small.svg) bottom center;
    background-size: cover;
    background-position: bottom;
    padding: 4.0625rem 0;
    margin: 0 0 2rem;
    height: auto;
    position: relative;
    text-align: left
}

    .front-hero .marketing {
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 55rem;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

@media print,screen and (min-width:40em) {
    .front-hero .marketing {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width:40em) {
    .front-hero {
        background: url(../images/demo/hero-bg-foundation-6-large.svg) bottom center;
        background-size: cover;
        background-position: center;
        height: 42.8125rem;
        margin: 0 0 4.5rem
    }
}

.front-hero .watch {
    width: calc(58.33333% - 1.25rem);
    margin-right: .625rem;
    margin-left: .625rem
}

@media print,screen and (min-width:40em) {
    .front-hero .watch {
        width: calc(100% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem
    }
}

.front-hero .watch a {
    color: #b4c9d1;
    cursor: pointer;
    font-weight: 400;
    margin-right: 1.25rem
}

    .front-hero .watch a:hover {
        color: #fff
    }

.front-hero .watch #stargazers :before {
    content: "\f09b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #b4c9d1;
    margin-right: .5rem
}

.front-hero .watch #twitter :before {
    content: "\f099";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #b4c9d1;
    margin-right: .5rem
}

.front-hero .tagline {
    width: calc(66.66667% - 1.25rem);
    margin-right: .625rem;
    margin-left: .625rem
}

@media print,screen and (min-width:40em) {
    .front-hero .tagline {
        width: calc(41.66667% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem;
        padding-top: 6rem
    }
}

.front-hero h1 {
    color: #fff;
    font-weight: 500;
    font-size: 2.2rem
}

@media print,screen and (min-width:40em) {
    .front-hero h1 {
        font-size: 2.875rem
    }
}

.front-hero h4 {
    color: #fefefe;
    font-weight: 300;
    font-size: 1.3125rem
}

.front-hero .download {
    margin-top: 1.25rem
}

.intro {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media print,screen and (min-width:40em) {
    .intro {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.intro .fp-intro {
    width: calc(100% - 1.25rem);
    margin-right: .625rem;
    margin-left: .625rem
}

@media print,screen and (min-width:40em) {
    .intro .fp-intro {
        width: calc(83.33333% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem;
        margin-left: calc(8.33333% + .625rem)
    }

        .intro .fp-intro h2 {
            font-weight: 300;
            margin-bottom: 1.5rem
        }

        .intro .fp-intro h4 {
            font-size: 1.125rem;
            line-height: 1.6;
            color: #777;
            margin-bottom: 2rem
        }
}

.section-divider {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media print,screen and (min-width:40em) {
    .section-divider {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.section-divider hr {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    box-sizing: border-box
}

.benefits {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center
}

@media print,screen and (min-width:40em) {
    .benefits {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.benefits header {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem
}

    .benefits header h2 {
        font-weight: 300
    }

    .benefits header h4 {
        font-size: 1.125rem;
        line-height: 1.6;
        color: #777
    }

.benefits .customizable,
.benefits .professional,
.benefits .responsive,
.benefits .semantic {
    width: calc(100% - 1.25rem);
    margin-right: .625rem;
    margin-left: .625rem
}

@media print,screen and (min-width:40em) {
    .benefits .customizable,
    .benefits .professional,
    .benefits .responsive,
    .benefits .semantic {
        width: calc(25% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem
    }
}

.benefits .customizable img,
.benefits .professional img,
.benefits .responsive img,
.benefits .semantic img {
    padding: 1.25rem;
    margin: 1rem auto 0 auto
}

.benefits .customizable h3,
.benefits .professional h3,
.benefits .responsive h3,
.benefits .semantic h3 {
    color: #0a0a0a;
    font-weight: 300;
    font-size: 1.75rem
}

.benefits .customizable p,
.benefits .professional p,
.benefits .responsive p,
.benefits .semantic p {
    font-size: .9375rem
}

.benefits .why-foundation {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    margin-top: 4rem
}

.proofs-table {
    padding-top: 1rem
}

.single-proofs .main-content {
    margin-top: -1rem;
    background-color: #ebebeb;
    padding: 1rem
}

    .single-proofs .main-content .download-pdf {
        margin-top: 2.5rem;
        margin-bottom: 1rem
    }

    .single-proofs .main-content section {
        padding: 1rem;
        background-color: #fefefe;
        margin-bottom: 1rem;
        box-shadow: 0 4px 7px 0 #929292
    }

        .single-proofs .main-content section h2 {
            text-transform: uppercase;
            font-size: 2.5rem;
            color: var(--theme-medium);
            display: inline-block
        }

            .single-proofs .main-content section h2.status-proof-approved,
            .single-proofs .main-content section h2.status-proof-not-approved {
                border-radius: 10px;
                color: #fefefe;
                padding: .25rem 1rem;
                margin-bottom: .5rem
            }

            .single-proofs .main-content section h2.status-proof-approved {
                background-color: #23bf5d
            }

            .single-proofs .main-content section h2.status-proof-not-approved {
                background-color: #ffb61a
            }

    .single-proofs .main-content dl {
        margin-bottom: 0;
        line-height: 1.2
    }

        .single-proofs .main-content dl dt {
            margin-bottom: 0
        }

        .single-proofs .main-content dl dd {
            margin-bottom: .5rem
        }

            .single-proofs .main-content dl dd a {
                color: #333;
                text-decoration: underline
            }

                .single-proofs .main-content dl dd a i {
                    text-decoration: none;
                    padding-left: .2rem
                }

                .single-proofs .main-content dl dd a:hover {
                    color: #929292
                }

.comments-form .ood-wp-delete-repeater-item {
    display: none
}

.comments-form .ood-wp-add-repeater-item {
    display: none
}

.comments-form .form-repeater-item {
    display: none
}

    .comments-form .form-repeater-item:last-child {
        display: block
    }

.comments-form .comments-field-container > .form-group > label {
    display: none
}

.version-form {
    position: relative
}

    .version-form .ood-wp-file-preview {
        width: 150px;
        height: 150px;
        overflow: hidden
    }

        .version-form .ood-wp-file-preview img {
            min-height: 150px;
            min-width: 150px;
            max-width: none;
            height: 100%
        }

    .version-form .ood-wp-delete-repeater-item {
        display: none
    }

    .version-form .ood-wp-add-repeater-item {
        display: none
    }

    .version-form .form-repeater-item {
        display: none
    }

        .version-form .form-repeater-item:last-child {
            display: block
        }

    .version-form .ood-wp-add-repeater-item {
        position: absolute;
        top: 0;
        left: 0
    }

    .version-form .proofs-proof-versions-repeater,
    .version-form [data-field-class=proofs-proof-versions-repeater] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

        .version-form .proofs-proof-versions-repeater .ood-wp-delete-repeater-item,
        .version-form [data-field-class=proofs-proof-versions-repeater] .ood-wp-delete-repeater-item {
            top: 50%
        }

        .version-form .proofs-proof-versions-repeater .form-repeater-item,
        .version-form [data-field-class=proofs-proof-versions-repeater] .form-repeater-item {
            padding: .5rem;
            top: 50%
        }

    .version-form > .form-group > label {
        display: none
    }

    .file_div_clean.wfu_container .proofs-status input[type=button],
    .proofs-status .button,
    .proofs-status .file_div_clean.wfu_container input[type=button],
    .proofs-status .mdc-button,
    .proofs-status .version-form .ood-wp-add-repeater-item,
    .version-form .proofs-status .ood-wp-add-repeater-item {
        margin-right: .5rem !important
    }

        .file_div_clean.wfu_container .proofs-status input[type=button]:before,
        .proofs-status .button:before,
        .proofs-status .file_div_clean.wfu_container input[type=button]:before,
        .proofs-status .mdc-button:before,
        .proofs-status .version-form .ood-wp-add-repeater-item:before,
        .version-form .proofs-status .ood-wp-add-repeater-item:before {
            font-family: "Font Awesome 5 Free"
        }

    .file_div_clean.wfu_container .proofs-status input[type=button],
    .proofs-status .button,
    .proofs-status .file_div_clean.wfu_container input[type=button],
    .proofs-status .mdc-button,
    .proofs-status .version-form .ood-wp-add-repeater-item,
    .version-form .proofs-status .ood-wp-add-repeater-item {
        border-color: #3adb76
    }

        .file_div_clean.wfu_container .proofs-status input[type=button] i,
        .proofs-status .button i,
        .proofs-status .file_div_clean.wfu_container input[type=button] i,
        .proofs-status .mdc-button i,
        .proofs-status .version-form .ood-wp-add-repeater-item i,
        .version-form .proofs-status .ood-wp-add-repeater-item i {
            font-size: 1rem;
            margin-right: .25rem;
            color: #3adb76
        }

        .file_div_clean.wfu_container .proofs-status input:last-child[type=button],
        .proofs-status .button:last-child,
        .proofs-status .file_div_clean.wfu_container input:last-child[type=button],
        .proofs-status .mdc-button:last-child,
        .proofs-status .version-form .ood-wp-add-repeater-item:last-child,
        .version-form .proofs-status .ood-wp-add-repeater-item:last-child {
            border-color: #ffae00
        }

            .file_div_clean.wfu_container .proofs-status input:last-child[type=button] i,
            .proofs-status .button:last-child i,
            .proofs-status .file_div_clean.wfu_container input:last-child[type=button] i,
            .proofs-status .mdc-button:last-child i,
            .proofs-status .version-form .ood-wp-add-repeater-item:last-child i,
            .version-form .proofs-status .ood-wp-add-repeater-item:last-child i {
                color: #ffae00
            }

.proofs-status .button-radio-field:checked + .button-radio-label {
    background-color: #23bf5d
}

    .proofs-status .button-radio-field:checked + .button-radio-label i {
        color: #fefefe
    }

    .proofs-status .button-radio-field:checked + .button-radio-label:last-child {
        background-color: #ffb61a
    }

#RejectionComments #submitRejectionComments {
    margin-top: 1rem
}

.page-template-form .main-content {
    background-color: #ebebeb
}

.page-template-form .two-column {
    padding-left: 1rem;
    padding-right: 1rem
}

    .page-template-form .two-column .gform_fields {
        padding: 1rem;
        background-color: #fefefe;
        box-shadow: 0 4px 7px 0 #929292
    }

.login-image-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media screen and (max-width:39.9375em) {
    .login-image-container {
        background: 0 0 !important
    }
}

.login-divider-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0 !important
}

    .login-divider-container .login-divider {
        width: 1px;
        background-color: var(--theme-dark);
        height: 100%
    }

#selectCurrentCompany .mdc-list {
    border-radius: 5px;
    border: 1px solid var(--theme-medium);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    overflow: hidden
}

    #selectCurrentCompany .mdc-list .mdc-list-item ~ .mdc-list-item {
        border-top: 1px solid var(--theme-medium)
    }

[data-tooltip] {
    outline: 0 !important
}

.tooltip a {
    color: inherit;
    text-decoration: underline
}

    .tooltip a:hover {
        color: #929292
    }

.ood-wp-file-previews ~ .ood-wp-field-description {
    display: none !important
}

.ood-wp-file-previews:empty ~ .ood-wp-field-description {
    display: inline-block !important
}

.has-tip {
    border-bottom: 0
}

.jobs-table .job-description-column {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#placingOrder .resubmit-order[disabled] {
    pointer-events: auto
}

    #placingOrder .resubmit-order[disabled]:active {
        top: 0;
        box-shadow: 0 5px 0 0 var(--theme-dark) !important
    }

#placingOrder .submitting-messages i {
    font-size: 1.5rem;
    vertical-align: middle;
    margin-right: 1rem
}

#placingOrder .date-errors .date-error {
    padding: .75rem 0;
    position: relative
}

    #placingOrder .date-errors .date-error i.fa-exclamation-triangle {
        color: #ffae00
    }

    #placingOrder .date-errors .date-error i.fa-check-circle {
        color: #3adb76
    }

    #placingOrder .date-errors .date-error i.fa-check-circle,
    #placingOrder .date-errors .date-error i.fa-exclamation-triangle {
        font-size: 1.2rem;
        vertical-align: middle;
        margin-right: .5rem
    }

    #placingOrder .date-errors .date-error .approve-priority,
    #placingOrder .date-errors .date-error .modify-delivery {
        border-bottom-width: 1px !important;
        border-style: solid;
        padding: 0 10px;
        min-width: 40px;
        font-size: .8rem;
        height: 28px;
        border-radius: 8px !important
    }

        #placingOrder .date-errors .date-error .approve-priority svg,
        #placingOrder .date-errors .date-error .modify-delivery svg {
            height: .9rem;
            width: .9rem;
            margin-right: 0
        }

    #placingOrder .date-errors .date-error i {
        border-bottom: none
    }

    #placingOrder .date-errors .date-error > .cell.shrink {
        min-width: 1px
    }

    #placingOrder .date-errors .date-error .modify-delivery-form {
        background-color: #ebebeb
    }

        #placingOrder .date-errors .date-error .modify-delivery-form .copy-suggested-date {
            padding-left: .4rem;
            cursor: pointer
        }

    #placingOrder .date-errors .date-error .loading-overlay {
        display: block;
        position: absolute;
        background-color: rgba(254,254,254,.5);
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #placingOrder .date-errors .date-error:not(.loading) .loading-overlay {
        display: none
    }

    #placingOrder .date-errors .date-error ~ .date-error {
        border-top: 1px solid #929292
    }

.datepickers-container {
    z-index: 2000
}

.filter {
    display: block;
    padding: 0;
    padding-bottom: .5rem;
    vertical-align: middle;
    position: relative
}

@media print,screen and (min-width:40em) {
    .filter {
        display: inline-block;
        padding: 0 .25rem;
        max-width: 250px
    }
}

@media print,screen and (min-width:64em) {
    .filter {
        padding: 0 .75rem
    }
}

.filter .dropdown.ui,
.filter .fs-wrap,
.filter select {
    height: 32px;
    padding: 0 .75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 0;
    border-radius: 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28159, 139, 139%29'></polygon></svg>");
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.75rem;
    transition: background-color .15s ease;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5 !important
}

    .filter .dropdown.ui:hover,
    .filter .fs-wrap:hover,
    .filter select:hover {
        outline: 0;
        background-color: #ececec !important
    }

    .filter .dropdown.ui:focus,
    .filter .fs-wrap:focus,
    .filter select:focus {
        outline: 0;
        background-color: #ececec !important
    }

    .filter .dropdown.ui .fs-label-wrap,
    .filter .fs-wrap .fs-label-wrap,
    .filter select .fs-label-wrap {
        position: static;
        background-color: transparent;
        border: none;
        cursor: inherit;
        width: 100%
    }

        .filter .dropdown.ui .fs-label-wrap .fs-arrow,
        .filter .fs-wrap .fs-label-wrap .fs-arrow,
        .filter select .fs-label-wrap .fs-arrow {
            display: none
        }

        .filter .dropdown.ui .fs-label-wrap .fs-label,
        .filter .fs-wrap .fs-label-wrap .fs-label,
        .filter select .fs-label-wrap .fs-label {
            padding: 0 !important
        }

.filter .facetwp-facet {
    margin-bottom: 0
}

.filter .facetwp-type-search {
    position: relative
}

    .filter .facetwp-type-search .facetwp-search-wrap.mdc-text-field {
        position: static;
        will-change: auto;
        display: block
    }

        .filter .facetwp-type-search .facetwp-search-wrap.mdc-text-field:after,
        .filter .facetwp-type-search .facetwp-search-wrap.mdc-text-field:before {
            content: none
        }

        .filter .facetwp-type-search .facetwp-search-wrap.mdc-text-field .awesomplete ul {
            width: 100%;
            position: absolute
        }

.dropdown.mdc-search-select__input .menu,
.dropdown.ui .menu {
    max-height: 300px;
    overflow: scroll !important
}

.address-item {
    line-height: 1.2rem
}

@media print,screen and (min-width:40em) {
    .filter ~ .filter {
        border-left: 1px solid #666
    }
}

.reset-container {
    display: inline-block
}

.product-filters-container {
    padding-bottom: 2rem
}

.order-from-template {
    min-width: 350px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem
}

    .order-from-template .mdc-floating-label {
        color: var(--theme-medium)
    }

.templates-tab .product-filters-container {
    padding-bottom: 0
}

.templates .template .template-details {
    height: 100%;
    background-image: url(../images/templates-background-image.jpg);
    padding: 1rem;
    border-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat
}

    .templates .template .template-details a {
        color: #fefefe
    }

        .templates .template .template-details a .material {
            font-size: 1.2rem;
            margin-top: .5rem;
            line-height: 1.2
        }

        .templates .template .template-details a .material,
        .templates .template .template-details a .template-name,
        .templates .template .template-details a .template-product-title {
            color: #fefefe;
            text-transform: uppercase;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-bottom: 0
        }

.facetwp-pager {
    margin: 1rem 0
}

.products .product {
    padding-top: 0;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    height: 150px
}

    .products .product.active .product-background {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .products .product .product-description,
    .products .product .product-details {
        overflow: hidden;
        padding: .75rem;
        padding-right: 2.25rem;
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-image: url(../images/products-background-image.jpg);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        background-size: cover;
        background-repeat: no-repeat
    }

    .products .product .product-details {
        z-index: 2;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    .products .product .product-description {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        background-color: rgba(51,51,51,.3)
    }

        .products .product .product-description p {
            overflow: hidden;
            text-overflow: ellipsis;
            height: 100%;
            width: 100%;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            display: -webkit-box
        }

        .products .product .product-description .product-thumbnail {
            max-height: 100%
        }

        .products .product .product-description .full-height {
            height: 100%
        }

        .products .product .product-description .cell ~ .cell.product-excerpt {
            padding-left: 1rem
        }

    .products .product .product-background {
        position: relative;
        color: #fefefe;
        height: 100%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: .5s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        border-radius: 5px;
        background-size: cover;
        background-repeat: no-repeat
    }

        .products .product .product-background h2 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            line-height: 1.2
        }

        .products .product .product-background p {
            margin: 0
        }

            .products .product .product-background p.material {
                font-size: 1.2rem;
                margin-bottom: 0;
                margin-top: .5rem;
                line-height: 1.2
            }

            .products .product .product-background h2,
            .products .product .product-background p.material {
                color: #fefefe;
                text-transform: uppercase;
                width: 100%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

        .products .product .product-background a.toggle-product {
            position: absolute;
            right: .75rem;
            top: .75rem;
            height: 1.2rem;
            width: 1.2rem;
            background-repeat: no-repeat;
            background-size: contain;
            transition: -webkit-transform .2s ease;
            transition: transform .2s ease;
            transition: transform .2s ease,-webkit-transform .2s ease;
            z-index: 3;
            background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.9 18.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath class='cls-1' d='M305.45,387a9.45,9.45,0,1,0,9.45,9.45,9.45,9.45,0,0,0-9.45-9.45Zm2,14.65-1.17.44a3,3,0,0,1-1,.15,2,2,0,0,1-1.38-.44,1.37,1.37,0,0,1-.49-1.09,3.23,3.23,0,0,1,0-.53,6,6,0,0,1,.11-.6l.61-2.15a5.5,5.5,0,0,0,.14-.59,2.34,2.34,0,0,0,.06-.5.76.76,0,0,0-.18-.58.91.91,0,0,0-.64-.16,1.71,1.71,0,0,0-.49.07l-.42.14.16-.66c.4-.16.78-.3,1.14-.41a3.35,3.35,0,0,1,1-.18,1.94,1.94,0,0,1,1.35.43,1.41,1.41,0,0,1,.47,1.1c0,.09,0,.25,0,.49a3.13,3.13,0,0,1-.12.65l-.6,2.14a4,4,0,0,0-.14.59,3.09,3.09,0,0,0-.06.5.73.73,0,0,0,.19.58,1,1,0,0,0,.67.16,2.05,2.05,0,0,0,.5-.08l.4-.13Zm-.11-8.7a1.53,1.53,0,0,1-2,0,1.29,1.29,0,0,1,0-1.92,1.53,1.53,0,0,1,2,0,1.31,1.31,0,0,1,0,1.92Zm0,0' transform='translate(-296 -387)'/%3E%3C/svg%3E")
        }

            .products .product .product-background a.toggle-product:hover {
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1)
            }

            .products .product .product-background a.toggle-product.close {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 41.58 41.58'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(-285 -375.42)'%3E%3Crect class='cls-1' x='285' y='375' width='42' height='42.96'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eclose%3C/title%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M320.5,381.5a20.8,20.8,0,1,0,0,29.42,20.83,20.83,0,0,0,0-29.42ZM314,404.41a1.59,1.59,0,0,1-2.26,0l-5.94-5.94-6.22,6.22a1.6,1.6,0,0,1-2.27-2.26l6.23-6.22-5.94-5.94a1.6,1.6,0,0,1,2.26-2.26l5.94,5.94,5.66-5.66a1.61,1.61,0,0,1,2.26,0,1.59,1.59,0,0,1,0,2.26l-5.66,5.66,5.94,5.94a1.59,1.59,0,0,1,0,2.26Zm0,0' transform='translate(-285 -375.42)'/%3E%3C/g%3E%3C/svg%3E")
            }

                .products .product .product-background a.toggle-product.close:hover {
                    -webkit-transform: rotate(90deg) scale(1.1);
                    -ms-transform: rotate(90deg) scale(1.1);
                    transform: rotate(90deg) scale(1.1)
                }

.dimensions dt {
    text-transform: uppercase
}

.dimensions .dimensions-total {
    border-radius: 10px;
    border: 1px solid #000;
    padding: .6rem;
    margin: .25rem -.1rem 0
}

    .dimensions .dimensions-total dd {
        margin-bottom: 0
    }

        .dimensions .dimensions-total dd::before {
            position: absolute
        }

.woocommerce-cart .main-content,
.woocommerce-order-received .main-content {
    margin-top: -1rem;
    background-color: #ebebeb;
    padding: 1rem
}

.woocommerce-cart .place-order-form,
.woocommerce-order-received .place-order-form {
    margin: -1rem;
    margin-top: 1rem;
    background-color: #fefefe;
    padding: 1.5rem 1.2rem
}

    .file_div_clean.wfu_container .woocommerce-cart .place-order-form input[type=button],
    .file_div_clean.wfu_container .woocommerce-order-received .place-order-form input[type=button],
    .version-form .woocommerce-cart .place-order-form .ood-wp-add-repeater-item,
    .version-form .woocommerce-order-received .place-order-form .ood-wp-add-repeater-item,
    .woocommerce-cart .place-order-form .button,
    .woocommerce-cart .place-order-form .file_div_clean.wfu_container input[type=button],
    .woocommerce-cart .place-order-form .mdc-button,
    .woocommerce-cart .place-order-form .version-form .ood-wp-add-repeater-item,
    .woocommerce-order-received .place-order-form .button,
    .woocommerce-order-received .place-order-form .file_div_clean.wfu_container input[type=button],
    .woocommerce-order-received .place-order-form .mdc-button,
    .woocommerce-order-received .place-order-form .version-form .ood-wp-add-repeater-item {
        margin-bottom: .25rem
    }

.woocommerce-cart .form-sections-header,
.woocommerce-order-received .form-sections-header {
    background-color: var(--theme-medium);
    padding: 1rem;
    margin: 1rem -1rem
}

    .woocommerce-cart .form-sections-header h2,
    .woocommerce-cart .form-sections-header h3,
    .woocommerce-cart .form-sections-header h4,
    .woocommerce-order-received .form-sections-header h2,
    .woocommerce-order-received .form-sections-header h3,
    .woocommerce-order-received .form-sections-header h4 {
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 0;
        font-size: 1.2rem
    }

@media print,screen and (min-width:40em) {
    .woocommerce-cart .form-sections-header h2,
    .woocommerce-cart .form-sections-header h3,
    .woocommerce-cart .form-sections-header h4,
    .woocommerce-order-received .form-sections-header h2,
    .woocommerce-order-received .form-sections-header h3,
    .woocommerce-order-received .form-sections-header h4 {
        font-size: 1.5rem
    }
}

.woocommerce-cart .current-shipping-type,
.woocommerce-order-received .current-shipping-type {
    color: #666;
    font-size: 1rem;
    text-transform: none;
    font-weight: 600
}

.woocommerce-cart .remove img,
.woocommerce-order-received .remove img {
    height: 1.25rem;
    margin-top: -2px
}

.woocommerce-cart .remove svg,
.woocommerce-order-received .remove svg {
    height: 1.25rem;
    width: 1.5rem;
    margin-right: .5rem;
    fill: #c20d95;
    margin-top: -2px;
    transition: fill .2s ease
}

    .woocommerce-cart .remove svg *,
    .woocommerce-order-received .remove svg * {
        fill: inherit !important
    }

.woocommerce-cart .remove:hover svg,
.woocommerce-order-received .remove:hover svg {
    fill: #7a085e
}

.woocommerce-cart .expedited-shipping,
.woocommerce-order-received .expedited-shipping {
    border: none !important
}

    .woocommerce-cart .expedited-shipping img,
    .woocommerce-cart .expedited-shipping svg,
    .woocommerce-order-received .expedited-shipping img,
    .woocommerce-order-received .expedited-shipping svg {
        fill: var(--theme-dark);
        height: 1rem;
        width: 1rem
    }

.woocommerce-cart .cart-header,
.woocommerce-order-received .cart-header {
    background-color: var(--theme-medium);
    padding: 1rem 0
}

    .woocommerce-cart .cart-header .cell,
    .woocommerce-order-received .cart-header .cell {
        padding: 0 .5rem
    }

    .woocommerce-cart .cart-header h4,
    .woocommerce-order-received .cart-header h4 {
        color: #fff;
        font-size: 1rem;
        margin-bottom: 0
    }

.woocommerce-cart .cart-row,
.woocommerce-order-received .cart-row {
    padding: 1rem 0
}

    .woocommerce-cart .cart-row .cell,
    .woocommerce-order-received .cart-row .cell {
        padding: 0 .5rem
    }

    .woocommerce-cart .cart-row dl,
    .woocommerce-order-received .cart-row dl {
        margin-bottom: 0;
        line-height: 1.2
    }

        .woocommerce-cart .cart-row dl dt,
        .woocommerce-order-received .cart-row dl dt {
            margin-bottom: 0
        }

        .woocommerce-cart .cart-row dl dd,
        .woocommerce-order-received .cart-row dl dd {
            margin-bottom: .5rem
        }

            .woocommerce-cart .cart-row dl dd a,
            .woocommerce-order-received .cart-row dl dd a {
                color: #333;
                text-decoration: underline
            }

                .woocommerce-cart .cart-row dl dd a i,
                .woocommerce-order-received .cart-row dl dd a i {
                    text-decoration: none;
                    padding-left: .2rem
                }

                .woocommerce-cart .cart-row dl dd a:hover,
                .woocommerce-order-received .cart-row dl dd a:hover {
                    color: #929292
                }

    .woocommerce-cart .cart-row h5,
    .woocommerce-order-received .cart-row h5 {
        font-size: 1.1rem;
        text-transform: none
    }

    .woocommerce-cart .cart-row .art-file-link,
    .woocommerce-order-received .cart-row .art-file-link {
        text-transform: capitalize
    }

@media screen and (max-width:39.9375em) {
    .file_div_clean.wfu_container .woocommerce-cart .cart-row input[type=button],
    .file_div_clean.wfu_container .woocommerce-order-received .cart-row input[type=button],
    .version-form .woocommerce-cart .cart-row .ood-wp-add-repeater-item,
    .version-form .woocommerce-order-received .cart-row .ood-wp-add-repeater-item,
    .woocommerce-cart .cart-row .button,
    .woocommerce-cart .cart-row .dimensions-section,
    .woocommerce-cart .cart-row .file_div_clean.wfu_container input[type=button],
    .woocommerce-cart .cart-row .job-details-section,
    .woocommerce-cart .cart-row .mdc-button,
    .woocommerce-cart .cart-row .version-form .ood-wp-add-repeater-item,
    .woocommerce-order-received .cart-row .button,
    .woocommerce-order-received .cart-row .dimensions-section,
    .woocommerce-order-received .cart-row .file_div_clean.wfu_container input[type=button],
    .woocommerce-order-received .cart-row .job-details-section,
    .woocommerce-order-received .cart-row .mdc-button,
    .woocommerce-order-received .cart-row .version-form .ood-wp-add-repeater-item {
        margin-bottom: .5rem
    }
}

.woocommerce-cart .cart-row:nth-child(even),
.woocommerce-order-received .cart-row:nth-child(even) {
    background: #ebebeb
}

.woocommerce-cart .cart,
.woocommerce-cart .confirmation-container > section,
.woocommerce-cart .shipping,
.woocommerce-order-received .cart,
.woocommerce-order-received .confirmation-container > section,
.woocommerce-order-received .shipping {
    padding: 1rem;
    background-color: #fefefe;
    box-shadow: 0 4px 7px 0 #929292;
    margin-bottom: 1rem
}

    .woocommerce-cart .cart .form-section-header,
    .woocommerce-cart .confirmation-container > section .form-section-header,
    .woocommerce-cart .shipping .form-section-header,
    .woocommerce-order-received .cart .form-section-header,
    .woocommerce-order-received .confirmation-container > section .form-section-header,
    .woocommerce-order-received .shipping .form-section-header {
        text-transform: none
    }

.woocommerce-cart .cart-container,
.woocommerce-order-received .cart-container {
    --theme-medium: var(--theme-light);
    --theme-dark: var(--theme-medium)
}

    .woocommerce-cart .cart-container > .form-sections-header,
    .woocommerce-order-received .cart-container > .form-sections-header {
        margin-top: -1rem
    }

@media screen and (max-width:39.9375em) {
    .file_div_clean.wfu_container .woocommerce-cart .checkout-buttons input[type=button],
    .file_div_clean.wfu_container .woocommerce-order-received .checkout-buttons input[type=button],
    .version-form .woocommerce-cart .checkout-buttons .ood-wp-add-repeater-item,
    .version-form .woocommerce-order-received .checkout-buttons .ood-wp-add-repeater-item,
    .woocommerce-cart .checkout-buttons .button,
    .woocommerce-cart .checkout-buttons .file_div_clean.wfu_container input[type=button],
    .woocommerce-cart .checkout-buttons .mdc-button,
    .woocommerce-cart .checkout-buttons .version-form .ood-wp-add-repeater-item,
    .woocommerce-order-received .checkout-buttons .button,
    .woocommerce-order-received .checkout-buttons .file_div_clean.wfu_container input[type=button],
    .woocommerce-order-received .checkout-buttons .mdc-button,
    .woocommerce-order-received .checkout-buttons .version-form .ood-wp-add-repeater-item {
        width: 100%;
        margin: .3rem 0
    }
}

@media screen and (max-width:39.9375em) {
    .file_div_clean.wfu_container .woocommerce-cart .review-shipping-header input[type=button],
    .file_div_clean.wfu_container .woocommerce-order-received .review-shipping-header input[type=button],
    .version-form .woocommerce-cart .review-shipping-header .ood-wp-add-repeater-item,
    .version-form .woocommerce-order-received .review-shipping-header .ood-wp-add-repeater-item,
    .woocommerce-cart .review-shipping-header .button,
    .woocommerce-cart .review-shipping-header .file_div_clean.wfu_container input[type=button],
    .woocommerce-cart .review-shipping-header .mdc-button,
    .woocommerce-cart .review-shipping-header .version-form .ood-wp-add-repeater-item,
    .woocommerce-order-received .review-shipping-header .button,
    .woocommerce-order-received .review-shipping-header .file_div_clean.wfu_container input[type=button],
    .woocommerce-order-received .review-shipping-header .mdc-button,
    .woocommerce-order-received .review-shipping-header .version-form .ood-wp-add-repeater-item {
        width: 100%;
        margin: .3rem 0
    }
}

.woocommerce-cart .ship-modal-form .save-shipment-button,
.woocommerce-order-received .ship-modal-form .save-shipment-button {
    font-size: 1rem;
    margin-bottom: 5px;
    height: 40px;
    padding: 0 1.8rem;
    padding-top: 3px
}

.woocommerce-cart .open-split-shipment,
.woocommerce-order-received .open-split-shipment {
    cursor: pointer;
    transition: color .2s ease
}

    .woocommerce-cart .open-split-shipment:hover,
    .woocommerce-order-received .open-split-shipment:hover {
        color: #929292
    }

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: auto
}

    .file_div_clean.wfu_container .woocommerce-account .woocommerce-MyAccount-navigation input[type=button],
    .version-form .woocommerce-account .woocommerce-MyAccount-navigation .ood-wp-add-repeater-item,
    .woocommerce-account .woocommerce-MyAccount-navigation .button,
    .woocommerce-account .woocommerce-MyAccount-navigation .file_div_clean.wfu_container input[type=button],
    .woocommerce-account .woocommerce-MyAccount-navigation .mdc-button,
    .woocommerce-account .woocommerce-MyAccount-navigation .version-form .ood-wp-add-repeater-item {
        margin-bottom: .5rem;
        text-overflow: ellipsis;
        padding: .65rem .75rem
    }

    .file_div_clean.wfu_container .woocommerce-account .woocommerce-MyAccount-navigation .is-active input[type=button],
    .version-form .woocommerce-account .woocommerce-MyAccount-navigation .is-active .ood-wp-add-repeater-item,
    .woocommerce-account .woocommerce-MyAccount-navigation .is-active .button,
    .woocommerce-account .woocommerce-MyAccount-navigation .is-active .file_div_clean.wfu_container input[type=button],
    .woocommerce-account .woocommerce-MyAccount-navigation .is-active .mdc-button,
    .woocommerce-account .woocommerce-MyAccount-navigation .is-active .version-form .ood-wp-add-repeater-item {
        background-color: var(--theme-medium) !important;
        color: #fefefe !important
    }

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto
}

.woocommerce-account .ood-users-addresses--form {
    display: inline-block
}

.area-container {
    line-height: 1.1
}

.square-feet-container {
    border: 1px solid #929292;
    border-radius: .5rem;
    text-align: center;
    text-transform: uppercase;
    padding: 2rem 1rem;
    width: 100%
}

    .square-feet-container .square-feet-label {
        font-size: 1rem;
        font-weight: 700
    }

.woocommerce-order-overview {
    list-style-type: none
}

    .woocommerce-order-overview h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        color: var(--theme-medium)
    }

    .woocommerce-order-overview li {
        display: block;
        margin-bottom: .5rem
    }

        .woocommerce-order-overview li br {
            display: none
        }

@media print,screen and (min-width:40em) {
    .woocommerce-order-overview li {
        padding-right: 1rem;
        padding-left: 1rem;
        border-right: 1px solid #666;
        display: inline-block
    }

        .woocommerce-order-overview li br {
            display: block;
            line-height: .5rem
        }
}

@media print,screen and (min-width:40em) {
    .woocommerce-order-overview li:last-child {
        border-right: none;
        padding-right: 1rem
    }
}

.woocommerce-order-details h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: var(--theme-medium)
}

.woocommerce-order-details .woocommerce-table--order-details .item-name,
.woocommerce-order-details .woocommerce-table--order-details .job-number {
    font-size: 1.1rem
}

.info-tooltip {
    border-bottom: none;
    float: right
}

    .info-tooltip img,
    .info-tooltip svg {
        width: 18px;
        height: 18px;
        margin-right: .5rem
    }

.delete-job,
.refresh-tooltip {
    border-bottom: none;
    cursor: pointer;
    float: right
}

    .delete-job img,
    .delete-job svg,
    .refresh-tooltip img,
    .refresh-tooltip svg {
        fill: var(--theme-medium);
        width: 18px;
        height: 18px;
        margin-right: .5rem
    }

.order-item.loading .refresh-tooltip {
    pointer-events: none
}

    .order-item.loading .refresh-tooltip img,
    .order-item.loading .refresh-tooltip svg {
        fill: #929292;
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear
    }

.tracking-number-link {
    border-bottom: none;
    cursor: pointer !important
}

    .tracking-number-link i {
        cursor: inherit
    }

.woocommerce-customer-details h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: var(--theme-medium)
}

.woocommerce-shipping-addresses .grid-x {
    margin: 0
}

.woocommerce-shipping-addresses h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: var(--theme-medium)
}

.woocommerce-shipping-addresses .order-shipping-header {
    text-transform: uppercase;
    margin-bottom: -.5rem;
    color: var(--theme-medium);
    border-bottom: 1px solid var(--theme-medium)
}

.shipments .shipment .remove-shipment {
    float: right;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer
}

    .shipments .shipment .remove-shipment:hover svg {
        fill: var(--theme-dark)
    }

#manageShipping .shipment-buttons .add-shipment,
.splitShipmentModal .shipment-buttons .add-shipment {
    pointer-events: auto;
    height: 35px;
    border-bottom: 1px solid;
    margin: 0
}

#manageShipping .shipment-buttons .confirm-shipments,
.splitShipmentModal .shipment-buttons .confirm-shipments {
    pointer-events: auto;
    border-bottom-style: solid;
    margin-bottom: 5px
}

#manageShipping .save-shipment-button,
.splitShipmentModal .save-shipment-button {
    pointer-events: auto
}

.woocommerce-error .woocommerce-error-message {
    border: 1px solid #ebebeb;
    padding: .5rem 0;
    padding-left: 1rem;
    border-left: 5px solid #7a085e;
    margin-bottom: 1rem
}

.page-template-missing-jobs .epms-template-select {
    min-width: 200px
}

    .page-template-missing-jobs .epms-template-select .dropdown input ~ .text {
        line-height: 1.2rem !important
    }

.page-template-missing-jobs .epms-job-number-field-wrapper {
    width: 200px
}

.page-template-missing-jobs .order-item.loading {
    pointer-events: none;
    opacity: .5
}


/*TE*/
.background-image {
    background: linear-gradient(250deg, #62AB16 57.01754385964912%, #2D6B00 100%) !important;
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection, .dx-pagination .dx-page-sizes .dx-selection, .dx-pagination .dx-pages .dx-selection {
    background-color: var(--theme-medium) !important;
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
    color: var(--theme-medium) !important;
}



.mdc-menu-surface--anchor {
    visibility: hidden;
    /*left: -170px;
    top: -70px;*/
}

.dx-datagrid-rowsview.dx-scrollable, .dx-cell-focus-disabled {
    overflow: visible !important;
}

.dx-cell-focus-disabled {
    overflow: visible !important;
}

/*.dx-scrollable-container {
    overflow: visible !important;
}*/

.mdc-search-select select {
    font-size: 16px;
    border: 0;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%221px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) 100% / 8% no-repeat transparent;
}

select:focus-visible {
    border: 0 !important;
}

.c-icon {
    height: 24px;
}


.custom-form-row-hidden {
    height: 0px;
    opacity: 0;
    display: none;
}

.password_input_container {
    width: 100%;
}


.text-danger {
    font-size: 0.9em;
    display: block;
    color: #F55;
}

.field-validation-error {
    color: #F55;
}


.ood-loaded-form {
    top:80px!important;
}

.modal-content > .mainTab {
    top: 85px;
}
#te-context-menu {
    display: none;
    position: absolute;
    background-color: red;
}


.xxl-modal {
    width: 1450px;
}


.dx-datagrid .dx-row > td {
    padding: 4px 16px !important;
    font-size: 14px;
    line-height: 20px !important;    
}

.dx-datagrid .dx-row > td > .button.actions-button {
    margin-bottom: 6px;
    margin-top: 2px;
}

.dx-datagrid .dx-row > td > a {
    line-height:32px
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,.3);
    background: #fff;
    padding: 20px 20px
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable * {
            cursor: default
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone.dz-drag-hover {
        border-style: solid
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: .5
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0
    }

        .dropzone .dz-message .dz-button {
            background: none;
            color: inherit;
            border: none;
            padding: 0;
            font: inherit;
            cursor: pointer;
            outline: inherit
        }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px
    }

        .dropzone .dz-preview:hover {
            z-index: 1000
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom, #eee, #ddd)
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview.dz-image-preview {
            background: #fff
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -ms-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0,0,0,.9);
            line-height: 150%
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200,200,200,.8);
                    background-color: rgba(255,255,255,.8)
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255,255,255,.4);
                    padding: 0 .4em;
                    border-radius: 3px
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            -o-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px)
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10
        }

            .dropzone .dz-preview .dz-image img {
                display: block
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in;
            -moz-transition: opacity 0.4s ease-in;
            -ms-transition: opacity 0.4s ease-in;
            -o-transition: opacity 0.4s ease-in;
            transition: opacity 0.4s ease-in
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            -moz-animation: pulse 6s ease infinite;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255,255,255,.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -moz-transition: width 300ms ease-in-out;
                -ms-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -ms-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(to bottom, #be2626, #a92222);
            padding: .5em 1.2em;
            color: #fff
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: "";
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626
            }

.dropzone {
    max-width: 250px;
    border: 2px dashed #999;
    padding: 0;
}
button.swal2-confirm {
    background:var(--theme-medium) !important
}

.data-ood-wp-field-errors {
    color: #f55;
    font-size: 14px;
}

.swal2-html-container {
    overflow: hidden !important;
}

.my-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap;
    z-index: 10000;
    display: none;
    width: 250px; /* fixed width */
    text-align: center; /* center text inside */
    white-space: normal; /* allow wrapping if text is long */
    word-wrap: break-word; /* break long words if needed */
}
    .my-tooltip::after {
        content: "";
        position: absolute;
        bottom: -8px; /* place arrow below tooltip box */
        left: 50%;
        transform: translateX(-50%);
        border-width: 8px 8px 0 8px; /* triangle size */
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }


.my-tooltip2 {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap;
    z-index: 10000;
    display: none;
    width: 250px; /* fixed width */
    text-align: center; /* center text inside */
    white-space: normal; /* allow wrapping if text is long */
    word-wrap: break-word; /* break long words if needed */
}

    .my-tooltip2::after {
        content: "";
        position: absolute;
        bottom: -8px; /* place arrow below tooltip box */
        left: 50%;
        transform: translateX(-50%);
        border-width: 8px 8px 0 8px; /* triangle size */
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }

/*.dx-datebox .dx-dropdowneditor-icon {
    display: none;
}*/