@charset "UTF-8";
/*@import "~normalize.css";*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin-ext");

.m--none {
    margin: 0 !important
}

.p--none {
    padding: 0 !important
}

.mt--none {
    margin-top: 0 !important
}

.pt--none {
    padding-top: 0 !important
}

.mr--none {
    margin-right: 0 !important
}

.pr--none {
    padding-right: 0 !important
}

.mb--none {
    margin-bottom: 0 !important
}

.pb--none {
    padding-bottom: 0 !important
}

.ml--none {
    margin-left: 0 !important
}

.pl--none {
    padding-left: 0 !important
}

.m--xxs {
    margin: 4px !important
}

.p--xxs {
    padding: 4px !important
}

.mt--xxs {
    margin-top: 4px !important
}

.pt--xxs {
    padding-top: 4px !important
}

.mr--xxs {
    margin-right: 4px !important
}

.pr--xxs {
    padding-right: 4px !important
}

.mb--xxs {
    margin-bottom: 4px !important
}

.pb--xxs {
    padding-bottom: 4px !important
}

.ml--xxs {
    margin-left: 4px !important
}

.pl--xxs {
    padding-left: 4px !important
}

.m--xs {
    margin: 8px !important
}

.p--xs {
    padding: 8px !important
}

.mt--xs {
    margin-top: 8px !important
}

.pt--xs {
    padding-top: 8px !important
}

.mr--xs {
    margin-right: 8px !important
}

.pr--xs {
    padding-right: 8px !important
}

.mb--xs {
    margin-bottom: 8px !important
}

.pb--xs {
    padding-bottom: 8px !important
}

.ml--xs {
    margin-left: 8px !important
}

.pl--xs {
    padding-left: 8px !important
}

.m--sm {
    margin: 12px !important
}

.p--sm {
    padding: 12px !important
}

.mt--sm {
    margin-top: 12px !important
}

.pt--sm {
    padding-top: 12px !important
}

.mr--sm {
    margin-right: 12px !important
}

.pr--sm {
    padding-right: 12px !important
}

.mb--sm {
    margin-bottom: 12px !important
}

.pb--sm {
    padding-bottom: 12px !important
}

.ml--sm {
    margin-left: 12px !important
}

.pl--sm {
    padding-left: 12px !important
}

.m--md {
    margin: 16px !important
}

.p--md {
    padding: 16px !important
}

.mt--md {
    margin-top: 16px !important
}

.pt--md {
    padding-top: 16px !important
}

.mr--md {
    margin-right: 16px !important
}

.pr--md {
    padding-right: 16px !important
}

.mb--md {
    margin-bottom: 16px !important
}

.pb--md {
    padding-bottom: 16px !important
}

.ml--md {
    margin-left: 16px !important
}

.pl--md {
    padding-left: 16px !important
}

.m--lg {
    margin: 24px !important
}

.p--lg {
    padding: 24px !important
}

.mt--lg {
    margin-top: 24px !important
}

.pt--lg {
    padding-top: 24px !important
}

.mr--lg {
    margin-right: 24px !important
}

.pr--lg {
    padding-right: 24px !important
}

.mb--lg {
    margin-bottom: 24px !important
}

.pb--lg {
    padding-bottom: 24px !important
}

.ml--lg {
    margin-left: 24px !important
}

.pl--lg {
    padding-left: 24px !important
}

.m--xl {
    margin: 32px !important
}

.p--xl {
    padding: 32px !important
}

.mt--xl {
    margin-top: 32px !important
}

.pt--xl {
    padding-top: 32px !important
}

.mr--xl {
    margin-right: 32px !important
}

.pr--xl {
    padding-right: 32px !important
}

.mb--xl {
    margin-bottom: 32px !important
}

.pb--xl {
    padding-bottom: 32px !important
}

.ml--xl {
    margin-left: 32px !important
}

.pl--xl {
    padding-left: 32px !important
}

.m--xxl {
    margin: 64px !important
}

.p--xxl {
    padding: 64px !important
}

.mt--xxl {
    margin-top: 64px !important
}

.pt--xxl {
    padding-top: 64px !important
}

.mr--xxl {
    margin-right: 64px !important
}

.pr--xxl {
    padding-right: 64px !important
}

.mb--xxl {
    margin-bottom: 64px !important
}

.pb--xxl {
    padding-bottom: 64px !important
}

.ml--xxl {
    margin-left: 64px !important
}

.pl--xxl {
    padding-left: 64px !important
}

.Utils--hidden {
    display: none
}

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

* {
    box-sizing: border-box
}

body {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

a {
    color: #c21b18;
    text-decoration: none
}

p {
    margin: 0 0 10px;
    line-height: 1.5
}

ul {
    list-style-position: inherit
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    line-height: 1.1
}

h1 {
    font-size: 40px
}

h1, h2 {
    font-weight: 700;
    line-height: 1.1;
    color: #282e38
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h3, h4 {
    font-weight: 700;
    line-height: 1.1;
    color: #282e38
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h5, h6 {
    font-weight: 700;
    line-height: 1.1;
    color: #282e38
}

h6 {
    font-size: 14px
}

.Button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    transition: .4s;
    display: inline-flex;
    padding: 10px 0;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 2px solid rgba(0,0,0,.14);
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 42px;
    align-items: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

    .Button, .Button--active, .Button:active, .Button:hover {
        background-image: none;
        background-color: transparent;
        text-decoration: none;
        color: #282e38
    }

        .Button--active, .Button:active, .Button:hover {
            border-color: rgba(0,0,0,.22);
            outline: 0;
            box-shadow: none
        }

.Button--disabled, .Button--disabled:active, .Button--disabled:focus, .Button--disabled:hover {
    cursor: not-allowed;
    background-color: transparent;
    border-color: rgba(0,0,0,.14);
    color: rgba(0,0,0,.26)
}

.Button--block {
    display: inline-flex;
    width: 100%
}

.Button-icon {
    font-size: 11px;
    vertical-align: baseline;
    margin-right: 8px
}

    .Button-icon:not(:first-child) {
        margin-left: 8px;
        margin-right: 0
    }

    .Button-icon:only-child {
        margin-left: 0;
        margin-right: 0
    }

.Button--primary {
    background-color: #c21b17;
    border-color: #c21b17;
    color: #fff
}

    .Button--primary.Button--active, .Button--primary:active, .Button--primary:hover {
        background-color: #e9573d;
        border-color: #e9573d;
        color: #fff
    }

    .Button--primary.Button--disabled, .Button--primary.Button--disabled:active, .Button--primary.Button--disabled:focus, .Button--primary.Button--disabled:hover {
        background-color: #f3f3f3;
        border-color: #f3f3f3;
        color: #adadba
    }

.Button--secondary {
    background-color: rgba(0,0,0,.08);
    border-color: transparent;
    color: #282e38
}

    .Button--secondary.Button--active, .Button--secondary:active, .Button--secondary:hover {
        background-color: rgba(0,0,0,.14);
        border-color: transparent;
        color: #282e38
    }

    .Button--secondary.Button--disabled, .Button--secondary.Button--disabled:active, .Button--secondary.Button--disabled:focus, .Button--secondary.Button--disabled:hover {
        background-color: rgba(0,0,0,.08);
        border-color: transparent;
        color: rgba(0,0,0,.38)
    }

.Button--link {
    background-color: transparent;
    border-color: #c21b18;
    color: #c21b18
}

    .Button--link.Button--active, .Button--link:active, .Button--link:hover {
        background-color: #c21b18;
        border-color: #c21b18;
        color: #fff
    }

    .Button--link.Button--disabled, .Button--link.Button--disabled:active, .Button--link.Button--disabled:focus, .Button--link.Button--disabled:hover {
        background-color: transparent;
        border-color: rgba(1,115,255,.26);
        color: rgba(1,115,255,.5)
    }

.Button--multiline {
    line-height: 1.2;
    position: relative
}

    .Button--multiline, .Button--multiline .Button-note {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .Button--multiline .Button-note {
            display: block;
            font-size: 14px;
            font-weight: 400;
            text-transform: none
        }

        .Button--multiline .Button-icon {
            position: absolute;
            right: 13px;
            top: 18px
        }

.Button--sizeSmall {
    text-transform: none;
    padding: 6px 24px;
    line-height: 1.1;
    height: 32px
}

.Button-coBrowsing {
    padding: 4px 8px
}

.Button-coBrowsing--primary {
    background-color: #ad1d08;
    border-color: #ad1d08;
    color: #fcfafa
}

    .Button-coBrowsing--primary .Button-icon {
        color: #fcfafa
    }

.Button-coBrowsing--secondary {
    background-color: #eee;
    border-color: #eee;
    color: #191919
}

    .Button-coBrowsing--secondary .Button-icon {
        color: #909090
    }

.Button-coBrowsing--labeled .Button-icon {
    margin-right: 8px
}

.Button-coBrowsing .Button-icon {
    font-size: 24px
}

.Button-coBrowsing .Button-label {
    vertical-align: middle
}

.Card {
    border-radius: 2px
}

.Card--layer1 {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.Card--layer2 {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.Card--layer3 {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.Card--layer4 {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.Card--layer5 {
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

.Card-header .Subheader {
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.Card-main {
    padding: 20px 40px
}

.Checkbox {
    display: block;
    position: relative;
    min-width: 22px;
    min-height: 22px
}

.Checkbox-label {
    display: block;
    cursor: pointer;
    min-height: 48px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.Checkbox-box {
    transition: .25s;
    border-radius: 2px;
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(0,0,0,.54);
    background-color: transparent;
    color: transparent;
    text-align: center
}

.Checkbox-control {
    display: none
}

.Checkbox-text {
    font-size: 14px;
    color: #282e38;
    padding-left: 32px;
    display: block;
    line-height: 1.3;
    padding-top: 14.9px
}

.Checkbox-sticker {
    font-size: 24px;
    margin-left: 5px
}

.Checkbox strong {
    font-weight: 700
}

.Checkbox--sizeSmall {
    min-width: 16px;
    min-height: 16px
}

    .Checkbox--sizeSmall .Checkbox-label {
        min-height: 32px
    }

    .Checkbox--sizeSmall .Checkbox-box {
        top: 8px;
        width: 16px;
        height: 16px
    }

    .Checkbox--sizeSmall .Checkbox-text {
        font-size: 14px;
        padding-top: 6.9px;
        padding-left: 24px
    }

        .Checkbox--sizeSmall .Checkbox-text:empty {
            display: none
        }

    .Checkbox--sizeSmall > .Tooltip--typeError {
        top: 1px
    }

    .Checkbox--sizeSmall > .Tooltip--typeError, .Checkbox > .Tooltip--typeError {
        position: absolute;
        top: 5px;
        left: -6px
    }

.Checkbox--success .Checkbox-text {
    color: #282e38
}

.Checkbox--checked .Checkbox-box {
    font-family: GefIcons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    vertical-align: middle;
    background-color: #c21b18;
    border-color: #c21b18
}

    .Checkbox--checked .Checkbox-box:before {
        content: "\e900";
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: calc(50% + 1px);
        left: 50%;
        font-size: 12px;
        color: #fff;
        vertical-align: top
    }

.Checkbox--disabled .Checkbox-label {
    cursor: not-allowed
}

.Checkbox--disabled .Checkbox-box {
    border-color: rgba(0,0,0,.26);
    background-color: transparent
}

.Checkbox--disabled .Checkbox-text {
    color: rgba(0,0,0,.38)
}

.Checkbox--checked.Checkbox--disabled .Checkbox-box {
    color: #fff;
    background-color: rgba(0,0,0,.26);
    border-color: transparent
}

.Divider {
    margin: 0;
    padding: 0;
    height: 1px;
    background-color: rgba(0,0,0,.12);
    border: none
}

.FileInput-button {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0;
    border: 0
}

.FileInput-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.FileInput-control {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.FileInput-row {
    display: flex;
    align-items: center
}

.FileInput-error, .FileInput-name, .FileInput-remove, .FileInput-size {
    display: block
}

.FileInput-error, .FileInput-name, .FileInput-size {
    padding: 0 8px 0 0;
    line-height: 1.5
}

.FileInput-name {
    color: #282e38
}

.FileInput-size {
    color: rgba(0,0,0,.54)
}

.FileInput-remove {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    color: #c21b17;
    font-size: 16px;
    background: transparent;
    text-align: center;
    padding: 0
}

.FileInput-error {
    color: #ff5252
}

.Icon {
    font-family: GefIcons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    vertical-align: middle
}

.Icon--check:before {
    content: "\e900"
}

.Icon--angleRight:before {
    content: "\e902"
}

.Icon--angleLeft:before {
    content: "\e904"
}

.Icon--angleUp:before {
    content: "\e901"
}

.Icon--angleDown:before {
    content: "\e903"
}

.Icon--calendar:before {
    content: "\e905"
}

.Icon--cross:before {
    content: "\e906"
}

.Icon--upload:before {
    content: "\e907"
}

.Icon--magnifier:before {
    content: "\e908"
}

.Icon--hamburger:before {
    content: "\e909"
}

.Icon--person:before {
    content: "\e90a"
}

.Icon--listMenu:before {
    content: "\e90b"
}

.Icon--boardQuestion:before {
    content: "\e90c"
}

.Icon--home:before {
    content: "\e90d"
}

.Icon--pencil:before {
    content: "\e90e"
}

.Icon--star:before {
    content: "\e90f"
}

.Icon--card:before {
    content: "\e910"
}

.Icon--megaphone:before {
    content: "\e911"
}

.Icon--speechBubbles:before {
    content: "\e912"
}

.Icon--leaf:before {
    content: "\e913"
}

.Icon--board:before {
    content: "\e914"
}

.Icon--questionMark:before {
    content: "\e915"
}

.Icon--spanner:before {
    content: "\e916"
}

.Icon--unlocked:before {
    content: "\e917"
}

.Icon--checkSquare:before {
    content: "\e918"
}

.Icon--documents:before {
    content: "\e919"
}

.Icon--document:before {
    content: "\e91a"
}

.Icon--personArrow:before {
    content: "\e91b"
}

.Icon--documentOne:before {
    content: "\e91c"
}

.Icon--staple:before {
    content: "\e91d"
}

.Icon--archive:before {
    content: "\e91e"
}

.Icon--phone:before {
    content: "\e91f"
}

.Icon--task:before {
    content: "\e920"
}

.Icon--documentSearch:before {
    content: "\e921"
}

.Icon--locked:before {
    content: "\e922"
}

.Icon--group:before {
    content: "\e923"
}

.Icon--circle:before {
    content: "\e924"
}

.Icon--car:before {
    content: "\e925"
}

.Icon--exclamationCircle:before {
    content: "\e926"
}

.Icon--plusCircle:before {
    content: "\e927"
}

.Icon--facebook:before {
    content: "\e928"
}

.Icon--minusCircle:before {
    content: "\e929"
}

.Icon--plus:before {
    content: "\e92a"
}

.Icon--envelope:before {
    content: "\e92b"
}

.Icon--infoCircle:before {
    content: "\e92c"
}

.Icon--mapPin:before {
    content: "\e92d"
}

.Icon--questionMarkCircle:before {
    content: "\e92e"
}

.Icon--death:before {
    content: "\e92f"
}

.Icon--warning:before {
    content: "\e930"
}

.Icon--scrollUp:before {
    content: "\e931"
}

.Icon--arrowUp:before {
    content: "\e932"
}

.Icon--arrowRight:before {
    content: "\e933"
}

.Icon--arrowDown:before {
    content: "\e934"
}

.Icon--arrowLeft:before {
    content: "\e935"
}

.Icon--printer:before {
    content: "\e936"
}

.Icon--reload:before {
    content: "\e937"
}

.Icon--visible:before {
    content: "\e938"
}

.Icon--hidden:before {
    content: "\e939"
}

.Icon--copyToClipboard:before {
    content: "\e93a"
}

.Icon--bin:before {
    content: "\e93b"
}

.Icon--binActive:before {
    content: "\e93c"
}

.Icon--externalApp:before {
    content: "\e93d"
}

.Icon--instagram:before {
    content: "\e93e"
}

.Icon--youtube:before {
    content: "\e93f"
}

.Icon--twitter:before {
    content: "\e940"
}

.Icon--linkedin:before {
    content: "\e941"
}

.Icon--cobrowsing:before {
    content: "\e942"
}

.Icon--infoCircleOutline:before {
    content: "\e943"
}

.Icon--filter:before {
    content: "\e944"
}

.Icon--filterFilled:before {
    content: "\e945"
}

.Indicator {
    position: relative
}

    .Indicator-value, .Indicator:after {
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.Indicator-value {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #21dff7;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    z-index: 1
}

.Indicator:after {
    content: "";
    background-color: #00b242;
    width: 10px;
    height: 10px;
    z-index: 0
}

.Table .Indicator-value, .Table .Indicator:after {
    left: -2px
}

.Table--themeLight .Indicator-value, .Table--themeLight .Indicator:after {
    left: 0
}

.Input {
    transition: .4s;
    border-radius: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid rgba(0,0,0,.12);
    background-color: transparent;
    height: 48px;
    position: relative;
    cursor: text
}

    .Input:hover {
        border-color: #282e38
    }

    .Input.Input--disabled {
        cursor: default;
        border-bottom: 1px dashed rgba(0,0,0,.42);
        background-color: transparent
    }

        .Input.Input--disabled .Input-control {
            color: #282e38;
            cursor: default
        }

        .Input.Input--disabled .Input-labelWrapper {
            cursor: default
        }

        .Input.Input--disabled .Input-button {
            border-radius: 0
        }

.Input--typeMultiselect {
    height: 100%
}

    .Input--typeMultiselect .Input-control {
        display: inline-block;
        width: 30%
    }

.Input--typeMultiple {
    border: 0
}

    .Input--typeMultiple .Input-controlWrapper {
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        flex-wrap: nowrap;
        margin: 0
    }

    .Input--typeMultiple .Input-control {
        border-bottom: 1px solid rgba(0,0,0,.12);
        padding-bottom: 15px
    }

.Input--noLabel .Input-controlWrapper {
    padding-top: 0
}

.Input--noLabel .Input-control {
    height: 100%;
    padding-top: 0
}

.Input--readOnly.Input {
    cursor: default;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.Input-labelWrapper {
    pointer-events: auto;
    z-index: 2;
    overflow: hidden;
    cursor: text;
    width: 100%
}

.Input-labelWrapper--shrink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.Input-label {
    transition: all .25s ease-out;
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    padding-top: 0;
    display: block;
    line-height: 1.5;
    color: rgba(0,0,0,.54);
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.Input-label--shrink {
    pointer-events: none;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    font-size: 12px
}

    .Input-label--shrink.Input-label--required:after {
        color: rgba(0,0,0,.54) !important
    }

.Input-label--required:after {
    content: " *";
    color: #d62c1a
}

.Input-controlWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding-top: 15px
}

.Input-controlWrapper--shrink {
    position: static;
    flex-grow: 1;
    padding-top: 15px
}

.Input-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: block;
    border: 0;
    color: #282e38;
    font-size: 15px;
    background-color: transparent;
    text-overflow: ellipsis;
    line-height: 1;
    font-weight: 500;
    padding: 0
}

    .Input-control.placeholder {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        color: rgba(0,0,0,.54);
        transition: all .25s cubic-bezier(.63,.26,.64,.64) 0ms;
        font-weight: 400
    }

    .Input-control:-moz-placeholder, .Input-control::-moz-placeholder {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        color: rgba(0,0,0,.54);
        transition: all .25s cubic-bezier(.63,.26,.64,.64) 0ms;
        font-weight: 400
    }

    .Input-control:-ms-input-placeholder {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        color: rgba(0,0,0,.54);
        transition: all .25s cubic-bezier(.63,.26,.64,.64) 0ms;
        font-weight: 400
    }

    .Input-control::-webkit-input-placeholder {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        color: rgba(0,0,0,.54);
        transition: all .25s cubic-bezier(.63,.26,.64,.64) 0ms;
        font-weight: 400
    }

    .Input-control:active, .Input-control:focus {
        border: 0;
        outline: none
    }

.Input-control--showPlaceholder.placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.Input-control--showPlaceholder:-moz-placeholder, .Input-control--showPlaceholder::-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.Input-control--showPlaceholder:-ms-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.Input-control--showPlaceholder::-webkit-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.Input-control--typeResettable, .Input-control--typeSelectable {
    padding-right: 40px
}

    .Input-control--typeSelectable.Input-control--typeResettable {
        padding-right: 80px
    }

.Input-control::-ms-clear {
    display: none
}

.Input--typeMultiline {
    height: auto;
    min-height: 48px
}

    .Input--typeMultiline .Input-control {
        resize: none;
        padding: 0;
        margin: 0;
        line-height: 22.5px
    }

    .Input--typeMultiline .Input-controlWrapper {
        position: relative;
        width: 100%
    }

    .Input--typeMultiline .Input-labelWrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

.Input-asyncPreloader {
    width: 40px;
    margin-right: 5px;
    flex-grow: 1
}

    .Input-asyncPreloader.Preloader:after {
        right: 0;
        left: auto;
        margin-left: 0
    }

.Input-controlPanel {
    margin-left: auto;
    z-index: 4;
    line-height: 46px;
    text-align: center;
    white-space: nowrap
}

    .Input-controlPanel:not(:empty) {
        padding-right: 0
    }

.Input-button {
    color: #c21b18;
    line-height: 47px;
    font-size: 13px;
    padding: 0 5px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    margin-left: -3px;
    border-radius: 0
}

    .Input-button:hover {
        color: #c21b18
    }

.Input-button--large {
    font-size: 16px
}

.Input-button.Input-button--disabled {
    color: #74adfe;
    cursor: not-allowed
}

.Input-decrement, .Input-increment {
    z-index: 4;
    height: 23.5px;
    line-height: 23.5px;
    padding: 0 5px;
    color: #c21b18;
    display: block;
    text-align: center;
    text-align: right;
    font-size: 12px;
    width: 100%
}

    .Input-decrement:hover, .Input-increment:hover {
        color: #c21b18
    }

.Input-definition {
    position: absolute;
    bottom: 0;
    right: 24px;
    color: rgba(0,0,0,.54)
}

.Input-pill {
    position: relative
}

.Input-pill--validation {
    position: absolute;
    top: -3px;
    left: -4px;
    cursor: default
}

.Input--outline {
    border: 2px solid rgba(0,0,0,.26);
    border-radius: 4px
}

    .Input--outline.Input--readOnly.Input {
        border: 1px solid rgba(0,0,0,.12);
        border-radius: 4px
    }

    .Input--outline.Input--disabled {
        border: 1px dashed rgba(0,0,0,.42)
    }

    .Input--outline .Input-controlPanel {
        height: 100%;
        line-height: normal
    }

    .Input--outline .Input-controlWrapper {
        display: flex;
        flex-wrap: wrap;
        padding-top: 0;
        align-items: center
    }

    .Input--outline .Input-controlWrapper--shrink {
        padding-top: 0
    }

    .Input--outline .Input-labelWrapper--shrink {
        overflow: visible
    }

    .Input--outline .Input-label {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        padding-left: 10px
    }

    .Input--outline .Input-label--shrink {
        -webkit-transform: translateY(-11px);
        transform: translateY(-11px);
        background: #fff;
        padding: 0 5px 0 10px;
        position: absolute;
        z-index: 4
    }

    .Input--outline .Input-control {
        padding-left: 10px
    }

    .Input--outline .Input-controlDivider {
        text-align: center
    }

    .Input--outline.Input--typeMultiselect .Input-controlWrapper {
        padding-top: 24px
    }

    .Input--outline.Input--sizeSmall .Input-control {
        padding-left: 6px;
        padding-right: 6px
    }

    .Input--outline.Input--sizeSmall .Input-controlWrapper, .Input--outline.Input--sizeSmall .Input-controlWrapper--shrink {
        padding-top: 0
    }

    .Input--outline.Input--sizeSmall .Input-label {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        padding-left: 6px;
        padding-right: 6px
    }

    .Input--outline.Input--sizeSmall .Input-label--shrink {
        -webkit-transform: translateY(-11px);
        transform: translateY(-11px);
        margin-left: 3px;
        padding-left: 3px;
        margin-right: 3px;
        padding-right: 3px
    }

.Input--sizeSmall {
    height: 32px
}

    .Input--sizeSmall.Input--typeMultiline {
        height: auto;
        min-height: 32px
    }

    .Input--sizeSmall .Input-button, .Input--sizeSmall .Input-control, .Input--sizeSmall .Input-controlPanel, .Input--sizeSmall .Input-controlPanel-items {
        line-height: normal;
        height: 100%
    }

    .Input--sizeSmall .Input-button, .Input--sizeSmall .Input-controlPanel-items {
        display: flex;
        align-items: center
    }

    .Input--sizeSmall .Input-control {
        font-size: 14px;
        padding-left: 0
    }

    .Input--sizeSmall .Input-controlWrapper, .Input--sizeSmall .Input-controlWrapper--shrink {
        padding-top: 12px
    }

    .Input--sizeSmall .Input-button {
        padding: 0 3px;
        font-size: 11px
    }

    .Input--sizeSmall .Input-label {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        font-size: 14px;
        padding-left: 0;
        padding-right: 0
    }

    .Input--sizeSmall .Input-label--shrink {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        font-size: 13px
    }

.Input--typeMultiline .Input-controlWrapper, .Input--typeMultiline .Input-controlWrapper--shrink {
    padding-top: 16px
}

.Input--outline.Input--typeMultiline .Input-controlWrapper, .Input--outline.Input--typeMultiline .Input-controlWrapper--shrink {
    padding-top: 8px
}

.Input--noLabel.Input--outline .Input-control, .Input--noLabel.Input--outline .Input-controlWrapper, .Input--noLabel .Input-control, .Input--noLabel .Input-controlWrapper {
    padding-top: 0
}

.Input--segmentedControl {
    height: auto;
    min-height: 48px
}

    .Input--segmentedControl .Input-controlWrapper--shrink {
        padding-top: 14px
    }

        .Input--segmentedControl .Input-controlWrapper--shrink .Input-control {
            padding-left: 0;
            padding-right: 0
        }

    .Input--segmentedControl.Input--outline .Input-controlWrapper--shrink {
        padding-top: 8px
    }

        .Input--segmentedControl.Input--outline .Input-controlWrapper--shrink .Input-control {
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 2px
        }

.Link {
    cursor: pointer;
    color: #c21b18;
    text-decoration: none
}

.Link-icon {
    font-size: 12px;
    vertical-align: baseline
}

.Link.Text {
    color: #c21b18
}

    .Link--social, .Link.Text:focus, .Link.Text:hover {
        text-decoration: none
    }

.Link--facebook {
    color: #3765a3
}

    .Link--facebook:hover {
        color: #24426a
    }

.Link--youtube {
    color: #e62117
}

    .Link--youtube:hover {
        color: #a01710
    }

.Link--googleplus {
    color: #dc4a38
}

    .Link--googleplus:hover {
        color: #aa2d1e
    }

.Link--twitter {
    color: #16a3d6
}

    .Link--twitter:hover {
        color: #0f6e91
    }

.Pill {
    border-radius: 10px;
    color: #282e38;
    font-weight: 400;
    line-height: 1.3;
    background-color: #ecebe9;
    padding: 2px 15px;
    margin: 1px 2px;
    white-space: nowrap;
    display: inline-block
}

.Pill-control {
    cursor: pointer;
    font-size: 10px;
    margin-left: 10px;
    color: #282e38
}

.Pill--small {
    border-radius: 6px;
    background-color: #ecebe9;
    font-size: 14px;
    padding: 0 6px;
    color: #282e38;
    border: 0
}

    .Pill--small > .Pill-control {
        margin-left: 0
    }

.Pill--noIcon .Icon {
    display: none
}

.Pill--active {
    background-color: #c21b18;
    color: #fff
}

    .Pill--active .Pill-control {
        color: #fff
    }

.Pill--disabled .Pill-control {
    color: #a0a0a0;
    cursor: not-allowed
}

.Progress {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    border-radius: 5px;
    padding: 0;
    background: #ecebe9;
    overflow: hidden;
    margin: 0
}

.Progress-bar {
    transition: .4s;
    background-color: #c21b17;
    color: #fff;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    text-align: center;
    display: block;
    overflow: hidden;
    width: 0
}

.Progress-bar--typeError {
    background-color: #ff5252
}

.Progress-bar--typeInfo {
    background-color: #2980b9
}

.Progress-bar--typeWarning {
    background-color: #f57f17
}

.Progress-bar--typeSuccess {
    background-color: #27ae60
}

.Radio {
    display: block;
    min-height: 48px;
    position: relative
}

.Radio-label {
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.Radio-box {
    border-radius: 50%;
    top: 14px;
    left: 0;
    color: rgba(0,0,0,.12);
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0,0,0,.54)
}

    .Radio-box, .Radio-box:before {
        transition: .15s;
        position: absolute;
        display: block
    }

        .Radio-box:before {
            background-color: transparent;
            text-align: center;
            content: "";
            top: 10px;
            right: 10px;
            bottom: 10px;
            left: 10px
        }

.Radio-control {
    display: none
}

.Radio-text {
    font-size: 14px;
    color: #282e38;
    padding-left: 40px;
    line-height: 1.3;
    padding-top: 14.9px;
    display: block
}

.Radio--checked .Radio-box {
    border-color: #c21b18
}

    .Radio--checked .Radio-box:before {
        border-radius: 50%;
        background-color: #c21b18;
        top: 3px;
        right: 3px;
        bottom: 3px;
        left: 3px
    }

.Radio--disabled .Radio-label {
    cursor: not-allowed
}

.Radio--disabled .Radio-box {
    border-color: rgba(0,0,0,.26)
}

    .Radio--disabled .Radio-box:before {
        background-color: rgba(0,0,0,.26)
    }

.Radio--disabled .Radio-text {
    color: rgba(0,0,0,.38)
}

.ScrollUp {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
    border-radius: 50%;
    transition: .4s;
    font-family: GefIcons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    vertical-align: middle;
    cursor: pointer;
    z-index: 13;
    background-color: #777;
    width: 56px;
    height: 56px;
    color: #fff;
    text-align: center;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    bottom: 30px;
    right: 30px
}

    .ScrollUp:before {
        content: "\e931";
        line-height: 56px;
        font-size: 18px
    }

    .ScrollUp:hover {
        background-color: #646464
    }

.ScrollUp--active {
    opacity: 1;
    visibility: visible
}

.Switch {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    box-shadow: inset 1px 1px 5px rgba(0,0,0,.3);
    position: relative;
    height: 24px;
    width: 35px;
    display: block
}

    .Switch .Radio-box {
        display: none
    }

    .Switch .Radio-text {
        padding: 0;
        color: transparent;
        font-size: 0
    }

    .Switch .Radio {
        min-height: 0
    }

    .Switch .RadioButtonGroup-item {
        border-radius: 24px;
        transition: background-color .5s;
        cursor: pointer;
        position: absolute;
        display: block;
        bottom: 0;
        top: 0
    }

        .Switch .RadioButtonGroup-item:after {
            font-family: GefIcons !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: inherit;
            vertical-align: middle;
            line-height: 1;
            position: absolute;
            font-size: 10px;
            color: #fff;
            z-index: 2
        }

    .Switch:before {
        border-radius: 50%;
        box-shadow: 1px 1px 5px rgba(0,0,0,.3);
        cursor: pointer;
        position: absolute;
        content: "";
        width: 22px;
        height: 22px;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #fff;
        transition: all .25s;
        z-index: 3;
        top: 50%;
        left: 50%
    }

    .Switch .RadioButtonGroup-item:first-child {
        background-color: rgba(126,211,33,0);
        left: 0;
        right: 17.5px
    }

        .Switch .RadioButtonGroup-item:first-child:after {
            content: "\e900";
            top: 4px;
            left: 4px;
            font-size: 12px
        }

    .Switch .RadioButtonGroup-item:nth-of-type(2), .Switch .RadioButtonGroup-item:nth-of-type(3) {
        background-color: rgba(255,82,82,0);
        right: 0;
        left: 17.5px
    }

        .Switch .RadioButtonGroup-item:nth-of-type(2):after, .Switch .RadioButtonGroup-item:nth-of-type(3):after {
            content: "\e906";
            top: 5px;
            right: 5px
        }

.Switch--stateAgree:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px
}

.Switch--stateAgree .RadioButtonGroup-item:first-child {
    right: 0
}

.Switch--stateAgree .RadioButtonGroup-item:nth-of-type(2) {
    left: 35px
}

.Switch--stateDisagree:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2px
}

.Switch--stateDisagree .RadioButtonGroup-item:first-child {
    right: 35px
}

.Switch--stateDisagree .RadioButtonGroup-item:nth-of-type(2) {
    background-color: #ff5252;
    left: 0
}

.Switch--typeIndicator {
    width: 24px
}

    .Switch--typeIndicator:before {
        display: none
    }

    .Switch--typeIndicator.Switch--stateAgree:after, .Switch--typeIndicator.Switch--stateDisagree:after {
        font-family: GefIcons !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: inherit;
        vertical-align: middle;
        line-height: 1;
        position: absolute;
        font-size: 10px;
        color: #fff;
        z-index: 2;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .Switch--typeIndicator.Switch--stateAgree {
        background-color: #e0e0e0
    }

        .Switch--typeIndicator.Switch--stateAgree:after {
            content: "\e900";
            font-size: 10px
        }

    .Switch--typeIndicator.Switch--stateDisagree {
        background-color: #ff5252
    }

        .Switch--typeIndicator.Switch--stateDisagree:after {
            content: "\e906";
            font-size: 8px
        }

.Text--primary {
    color: #282e38
}

.Text--secondary {
    color: rgba(0,0,0,.54)
}

.Text--mainTitle, .Text--title, .Text-subtitle {
    margin: 0
}

.Text--mainTitle {
    font-size: 16px;
    text-transform: none;
    letter-spacing: normal
}

.Text--subtitle, .Text--title {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal
}

.Text--disabled {
    color: rgba(0,0,0,.38)
}

.Text--typeSuccess {
    color: #a1b637
}

.Text--typeError {
    color: #ff5252
}

.Text--typeInfo {
    color: #2980b9
}

.Text--typeWarning {
    color: #f57f17
}

.Text--weightThin {
    font-weight: 100
}

.Text--weightLight {
    font-weight: 300
}

.Text--weightRegular {
    font-weight: 400
}

.Text--weightMedium {
    font-weight: 500
}

.Text--weightBold {
    font-weight: 700
}

.Text--weightBlack {
    font-weight: 900
}

.Text--typeItalic {
    font-style: italic
}

.Text--darkTheme.Text--primary {
    color: #fff
}

.Text--darkTheme.Text--secondary {
    color: hsla(0,0%,100%,.7)
}

.Text--darkTheme.Text--disabled {
    color: hsla(0,0%,100%,.5)
}

.Spinner .Input {
    position: relative
}

.Spinner .Input-control {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center
}

.Spinner .Input-decrement, .Spinner .Input-increment {
    position: absolute;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin: -15px 0 0;
    font-size: 13px;
    text-align: center;
    bottom: 0
}

    .Spinner .Input-decrement:focus, .Spinner .Input-decrement:hover, .Spinner .Input-increment:focus, .Spinner .Input-increment:hover {
        color: #0052b7
    }

.Spinner .Input-increment {
    right: 0
}

.Spinner .Input-decrement {
    left: 0
}

.Spinner .Input--noLabel .Input-decrement, .Spinner .Input--noLabel .Input-increment {
    top: 50%;
    bottom: auto
}

.Spinner .Input--disabled .Input-decrement, .Spinner .Input--disabled .Input-increment {
    color: rgba(0,0,0,.38);
    cursor: default
}

.Popover {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    border-radius: 3px;
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.05),-5px -1px 15px 0 rgba(0,0,0,.05);
    color: #282e38;
    background: #fff;
    background: hsla(0,0%,100%,.95);
    position: relative;
    flex-flow: nowrap
}

    .Popover .Grid-col {
        padding: 0
    }

.Popover-content {
    padding: 30px
}

.Popover-heading {
    color: #282e38;
    font-size: 20px;
    font-weight: 400;
    margin: 0
}

.Popover-icon {
    box-sizing: border-box;
    flex: 0 0 auto;
    line-height: 1;
    padding: 30px 0 30px 30px;
    font-size: 20px;
    color: #282e38;
    text-align: center;
    display: flex;
    align-items: center
}

    .Popover-icon .Icon {
        display: block
    }

.Popover-close {
    color: #c21b18;
    top: 20px;
    right: 20px;
    position: absolute;
    cursor: pointer
}

.Popover p {
    margin: 10px 0 0;
    line-height: 1.7
}

    .Popover p:first-child {
        margin-top: 0
    }

.Popover--typeToastr {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 350px
}

@media (max-width:767px) {
    .Popover--typeToastr {
        width: 100%
    }
}

.Popover--typeToastr .Popover-content {
    padding-right: 50px
}

.Popover--typeSuccess {
    background-color: #fff
}

    .Popover--typeSuccess .Popover-heading, .Popover--typeSuccess .Popover-icon {
        color: #27ae60
    }

.Popover--typeError {
    background-color: #fff
}

    .Popover--typeError .Popover-heading, .Popover--typeError .Popover-icon {
        color: #ff5252
    }

.Popover--typeInfo {
    background-color: #fff
}

    .Popover--typeInfo .Popover-heading, .Popover--typeInfo .Popover-icon {
        color: #2980b9
    }

.Popover--typeWarning {
    background-color: #fff
}

    .Popover--typeWarning .Popover-heading, .Popover--typeWarning .Popover-icon {
        color: #f57f17
    }

.Select-list {
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    width: 100%;
    background-color: #fff;
    max-width: none;
    overflow: auto;
    max-height: 250px;
    border: 1px solid rgba(0,0,0,.12);
    margin-top: 10px
}

.Select-popper {
    z-index: 11
}

.Select-option {
    border: none;
    cursor: pointer
}

    .Select-option--focused, .Select-option--focused.Select-option--selected, .Select-option--selected, .Select-option:focus, .Select-option:hover, .Select-option[data-focus=true] {
        background-color: rgba(0,0,0,.06)
    }

.Select-option--disabled {
    cursor: default;
    color: rgba(0,0,0,.38);
    background-color: #fff
}

.Select-option--focused.Select-option--disabled {
    background-color: #fff
}

.Select-option:last-child .Select-optionContent {
    border: none
}

.Select-optionContent {
    display: block;
    padding: 10px 20px;
    border-bottom: 0 solid rgba(0,0,0,.12)
}

.Select-clearButton {
    font-size: 10px
}

.Select-list .List-item {
    padding: 0
}

.Note-container {
    height: auto;
    background: #f5f5f5
}

.Note-body {
    padding: 5px 20px;
    margin-bottom: 20px;
    word-wrap: break-word
}

.Note-heading {
    font-size: 15px;
    color: #404040;
    font-weight: 700
}

.Note-text {
    font-size: 14px;
    font-style: italic
}

.LongText {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.TagsInput-tag {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.TagsInput-remove {
    cursor: pointer;
    font-weight: 700
}

.MuiPickersDay-daySelected {
    background-color: #c21b17
}

    .MuiPickersDay-daySelected:hover {
        background-color: #e9573d
    }

.MuiPickersDay-current {
    color: #282e38
}

    .MuiPickersDay-current.MuiPickersDay-daySelected {
        color: #fff
    }

    .MuiPickersDay-current .MuiTypography-body2 {
        font-weight: 700
    }

.MuiPickersToolbar-toolbar {
    background-color: #c21b17
}

.MuiPickerDTTabs-tabs {
    background-color: #6f7072
}

.MuiTabs-indicator {
    background-color: #e9573d
}

.MuiPickersClock-pin, .MuiPickersClockPointer-noPoint, .MuiPickersClockPointer-pointer {
    background-color: #c21b17
}

.MuiPickersClockPointer-thumb {
    border-color: #c21b17
}

.FormatText {
    word-break: break-word
}

.Avatar {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: -20px 0 0 -29px;
    align-items: center
}

.Avatar--reverseOrder {
    flex-direction: row-reverse
}

.Avatar-icon {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 20px 0 0 29px;
    font-size: 20px;
    line-height: 1;
    color: #535f74
}

    .Avatar-icon img {
        display: block;
        line-height: 1
    }

.Avatar-text {
    box-sizing: border-box;
    flex: 1 1 0%;
    padding: 20px 0 0 29px;
    font-size: 14px;
    margin: 0
}

.Avatar-heading, .Avatar-subheading {
    line-height: 1;
    font-weight: 400;
    margin: 0
}

.Avatar-heading {
    font-size: 16px;
    color: #282e38
}

.Avatar-subheading {
    color: #687791;
    padding-top: 3px
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

    .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
        box-sizing: content-box;
        position: absolute;
        border: 8px solid transparent;
        height: 0;
        width: 1px
    }

        .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before, .react-datepicker__tether-element-attached-top .react-datepicker__triangle:before, .react-datepicker__year-read-view--down-arrow:before {
            content: "";
            z-index: -1;
            border-width: 8px;
            left: -8px;
            border-bottom-color: #aeaeae
        }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

    .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle:before {
        border-top: none;
        border-bottom-color: #f0f0f0
    }

        .react-datepicker__tether-element-attached-top .react-datepicker__triangle:before {
            top: -1px;
            border-bottom-color: #aeaeae
        }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

    .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
        border-bottom: none;
        border-top-color: #fff
    }

        .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle:before, .react-datepicker__year-read-view--down-arrow:before {
            bottom: -1px;
            border-top-color: rgba(0,0,0,.12)
        }

.react-datepicker {
    font-size: 11px;
    font-weight: 400;
    background-color: #fff;
    color: #282e38;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 4px;
    display: inline-block;
    position: relative
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
    margin-top: -20px
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 8px;
    position: relative
}

.react-datepicker__current-month {
    margin-top: 0;
    color: #282e38;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: .75px
}

.react-datepicker__current-month--hasYearDropdown {
    margin-bottom: 16px
}

.react-datepicker__navigation {
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    border: 6px solid transparent;
    background-color: transparent;
    z-index: 10000
}

.react-datepicker-popper {
    z-index: 20000
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

    .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3
    }

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

    .react-datepicker__navigation--next:hover {
        border-left-color: #b3b3b3
    }

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

    .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3
    }

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

    .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3
    }

.react-datepicker__month {
    margin: 5px;
    text-align: center
}

.react-datepicker__day, .react-datepicker__day-name {
    color: #000;
    display: inline-block;
    width: 24px;
    line-height: 24px;
    text-align: center;
    margin: 2px
}

.react-datepicker__day {
    cursor: pointer
}

    .react-datepicker__day:hover {
        border-radius: 4px;
        background-color: #f0f0f0
    }

.react-datepicker__day--today {
    font-weight: 700
}

.react-datepicker__day--in-range, .react-datepicker__day--selected {
    border-radius: 4px;
    background-color: #216ba5;
    color: #fff
}

    .react-datepicker__day--in-range:hover, .react-datepicker__day--selected:hover {
        background-color: #1d5d90
    }

.react-datepicker__day--disabled {
    cursor: default;
    color: #ccc
}

    .react-datepicker__day--disabled:hover {
        background-color: transparent
    }

.react-datepicker__input-container {
    position: relative;
    display: inline-block
}

.react-datepicker__year-read-view {
    width: 50%;
    left: 25%;
    position: absolute;
    bottom: 25px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .react-datepicker__year-read-view:hover {
        cursor: pointer
    }

        .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
            border-top-color: #b3b3b3
        }

.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    margin-bottom: 3px;
    left: 5px;
    top: 9px;
    position: relative;
    border-width: 6px
}

.react-datepicker__year-read-view--selected-year {
    right: 6px;
    position: relative
}

.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #aeaeae
}

    .react-datepicker__year-dropdown:hover {
        cursor: pointer
    }

.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .react-datepicker__year-option:first-of-type {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .react-datepicker__year-option:last-of-type {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .react-datepicker__year-option:hover {
        background-color: #ccc
    }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
            border-bottom-color: #b3b3b3
        }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
            border-top-color: #b3b3b3
        }

.react-datepicker__year-option--selected {
    position: absolute;
    left: 30px
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle
}

    .react-datepicker__close-icon:after {
        background-color: #216ba5;
        border-radius: 50%;
        bottom: 0;
        box-sizing: border-box;
        color: #fff;
        content: "×";
        cursor: pointer;
        font-size: 12px;
        height: 16px;
        width: 16px;
        line-height: 1;
        margin: -8px auto 0;
        padding: 2px;
        position: absolute;
        right: 7px;
        text-align: center;
        top: 50%
    }

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0
}

.react-datepicker__tether-element {
    z-index: 2147483647
}

.react-datepicker__notification-dot--black:before, .react-datepicker__notification-dot--blue:before, .react-datepicker__notification-dot--green:before, .react-datepicker__notification-dot--red:before, .react-datepicker__notification-dot:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 8px;
    top: 4px;
    right: calc(50% - 12px);
    background-color: #000
}

.react-datepicker__notification-dot--red:before {
    background-color: red
}

.react-datepicker__notification-dot--black:before {
    background-color: #000
}

.react-datepicker__notification-dot--green:before {
    background-color: green
}

.react-datepicker__notification-dot--blue:before {
    background-color: #00f
}

.DatePickerHeader {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center
}

.DatePickerHeader-date, .DatePickerHeader-day {
    color: #999;
    display: block;
    line-height: 1
}

.DatePickerHeader-date {
    font-size: 55px;
    font-weight: 100;
    padding-top: 13px;
    padding-bottom: 10px;
    letter-spacing: -.05em
}

.DatePickerHeader-day {
    font-weight: 400
}

.DatePicker {
    font-size: 11px
}

    .DatePicker .react-datepicker__input-container {
        position: relative;
        display: block;
        font-size: inherit
    }

    .DatePicker .react-datepicker__month {
        padding: 0
    }

.DatePicker-calendar {
    position: relative
}

    .DatePicker-calendar .react-datepicker {
        border-radius: 3px;
        border: 1px solid rgba(0,0,0,.12);
        background-color: #fff;
        width: 100%
    }

    .DatePicker-calendar .react-datepicker__triangle {
        display: none
    }

    .DatePicker-calendar .react-datepicker__header {
        border-radius: 0;
        padding: 0 5px;
        text-align: center;
        position: relative;
        font-size: 15px;
        min-height: 55px;
        line-height: 55px;
        margin-bottom: 55px;
        border-color: rgba(0,0,0,.12);
        background-color: transparent
    }

        .DatePicker-calendar .react-datepicker__header:last-child {
            display: table;
            width: 100%
        }

        .DatePicker-calendar .react-datepicker__header > div:last-child {
            box-sizing: border-box;
            display: flex;
            flex-flow: row wrap;
            margin: 0;
            width: 100%
        }

            .DatePicker-calendar .react-datepicker__header > div:last-child .Grid-col {
                padding-top: 0;
                padding-left: 0
            }

    .DatePicker-calendar .react-datepicker__current-month, .DatePicker-calendar .react-datepicker__year-read-view {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 5px;
        height: 55px;
        line-height: 55px;
        color: #282e38;
        font-weight: 700;
        font-size: inherit;
        text-transform: uppercase;
        border: none;
        margin: 0
    }

    .DatePicker-calendar .react-datepicker__year-read-view--selected-year {
        right: auto;
        padding-right: 15px;
        display: block
    }

    .DatePicker-calendar .react-datepicker__day-name {
        color: #282e38;
        height: 31px;
        line-height: 31px;
        font-size: 11px;
        font-weight: 700;
        width: 14.258%;
        padding: 0;
        margin: 0
    }

    .DatePicker-calendar .react-datepicker__month {
        padding: 0 5px;
        margin: 0
    }

    .DatePicker-calendar .react-datepicker__week {
        display: table;
        width: 100%
    }

    .DatePicker-calendar .react-datepicker__day {
        height: 31px;
        min-width: 34px;
        vertical-align: middle;
        line-height: 31px;
        display: table-cell;
        font-size: inherit;
        text-align: center;
        position: relative;
        z-index: 1;
        border-radius: 0
    }

        .DatePicker-calendar .react-datepicker__day:hover {
            background-color: transparent
        }

            .DatePicker-calendar .react-datepicker__day:hover:after {
                background-color: #e9573d
            }

        .DatePicker-calendar .react-datepicker__day:after {
            transition: .4s;
            content: "";
            position: absolute;
            top: 1px;
            left: 50%;
            z-index: -1;
            width: 28px;
            height: 28px;
            -webkit-transform: translate(-50%);
            transform: translate(-50%);
            border-radius: 50%
        }

    .DatePicker-calendar .react-datepicker__day--selected.react-datepicker__day {
        background-color: transparent;
        color: #fff
    }

        .DatePicker-calendar .react-datepicker__day--selected.react-datepicker__day:after {
            background-color: #e9573d
        }

    .DatePicker-calendar .react-datepicker__day--today.react-datepicker__day {
        font-weight: 700
    }

    .DatePicker-calendar .react-datepicker__day--highlighted.react-datepicker__day:after {
        background-color: rgba(0,0,0,.12)
    }

    .DatePicker-calendar .react-datepicker__day--in-selecting-range.react-datepicker__day:after {
        background-color: #e9573d;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5
    }

    .DatePicker-calendar .react-datepicker__day--disabled, .DatePicker-calendar .react-datepicker__day--outside-month {
        color: rgba(0,0,0,.54)
    }

        .DatePicker-calendar .react-datepicker__day--disabled:hover, .DatePicker-calendar .react-datepicker__day--outside-month:hover {
            cursor: default
        }

            .DatePicker-calendar .react-datepicker__day--disabled:hover:after, .DatePicker-calendar .react-datepicker__day--outside-month:hover:after {
                background-color: transparent
            }

    .DatePicker-calendar .react-datepicker__navigation {
        width: 45px;
        color: #c21b18;
        line-height: 55px;
        height: 55px;
        font-size: 9px;
        text-decoration: none;
        cursor: pointer;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

        .DatePicker-calendar .react-datepicker__navigation:before {
            font-family: GefIcons !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: inherit;
            vertical-align: middle;
            content: "\e904"
        }

        .DatePicker-calendar .react-datepicker__navigation:hover {
            background-color: rgba(0,0,0,.04);
            text-decoration: none
        }

    .DatePicker-calendar .react-datepicker__navigation--next {
        left: auto;
        right: 0
    }

        .DatePicker-calendar .react-datepicker__navigation--next:before {
            content: "\e902"
        }

    .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-previous, .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-upcoming {
        height: auto;
        position: static;
        line-height: 15px
    }

        .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-previous:hover, .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-upcoming:hover {
            background-color: transparent
        }

    .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-upcoming {
        left: auto;
        right: 0
    }

        .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-upcoming:before {
            content: "\e901"
        }

    .DatePicker-calendar .react-datepicker__navigation--years.react-datepicker__navigation--years-previous:before {
        content: "\e903"
    }

    .DatePicker-calendar .react-datepicker .react-datepicker__header {
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        margin: 0;
        justify-content: center
    }

        .DatePicker-calendar .react-datepicker .react-datepicker__header .Grid-col {
            padding-top: 0;
            padding-left: 0
        }

    .DatePicker-calendar .react-datepicker .react-datepicker__year-dropdown {
        box-shadow: 4px 4px 10px 0 rgba(0,0,0,.05),-4px -4px 10px 0 rgba(0,0,0,.05);
        background-color: #fff;
        border-color: rgba(0,0,0,.12);
        z-index: 2
    }

    .DatePicker-calendar .react-datepicker .react-datepicker__year-read-view--down-arrow {
        font-family: GefIcons !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: inherit;
        vertical-align: middle;
        width: auto;
        height: auto;
        position: absolute;
        border: none;
        color: #c21b18;
        font-size: 9px;
        display: block;
        line-height: 1;
        margin: 0;
        right: 5px;
        left: auto;
        bottom: auto;
        top: 23px
    }

        .DatePicker-calendar .react-datepicker .react-datepicker__year-read-view--down-arrow:before {
            display: none
        }

        .DatePicker-calendar .react-datepicker .react-datepicker__year-read-view--down-arrow:after {
            content: "\e903";
            line-height: 1
        }

    .DatePicker-calendar .react-datepicker .react-datepicker__year-option {
        padding: 6px 0;
        position: relative
    }

        .DatePicker-calendar .react-datepicker .react-datepicker__year-option:hover {
            background-color: #ececec
        }

        .DatePicker-calendar .react-datepicker .react-datepicker__year-option:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 10px;
            right: 10px;
            height: 1px;
            background-color: rgba(0,0,0,.12)
        }

        .DatePicker-calendar .react-datepicker .react-datepicker__year-option:last-child:after {
            display: none
        }

    .DatePicker-calendar .react-datepicker .react-datepicker__year-read-view {
        position: relative;
        left: auto;
        bottom: auto;
        width: auto
    }

    .DatePicker-calendar.DatePicker-calendar--withHeader .react-datepicker {
        min-height: 300px
    }

    .DatePicker-calendar.DatePicker-calendar--withHeader .react-datepicker__header {
        margin-bottom: 140px
    }

    .DatePicker-calendar.DatePicker-calendar--withHeader .react-datepicker__current-month {
        height: 140px
    }

    .DatePicker-calendar.DatePicker-calendar--typeStatic .react-datepicker {
        border: 0
    }

    .DatePicker-calendar.DatePicker-calendar--typeStatic .react-datepicker__header {
        margin-bottom: 140px;
        border-top: 3px solid #c21b17;
        height: 50px
    }

    .DatePicker-calendar.DatePicker-calendar--typeStatic .react-datepicker__day-name {
        margin-top: 20px
    }

    .DatePicker-calendar.DatePicker-calendar--typeStatic .react-datepicker__current-month {
        line-height: 50px
    }

    .DatePicker-calendar.DatePicker-calendar--typeStatic .react-datepicker__navigation {
        line-height: 50px;
        height: 50px
    }

.FormGroup {
    position: relative
}

.FormGroup--inline {
    margin-bottom: 0
}

.FormGroup-label--pushLeft, .FormGroup-label--pushRight {
    position: absolute;
    top: 0;
    display: table;
    height: 48px
}

    .FormGroup-label--pushLeft .FormGroup-labelContent, .FormGroup-label--pushRight .FormGroup-labelContent {
        display: table-cell;
        vertical-align: middle
    }

.FormGroup-label--pushRight {
    left: 100%;
    padding-left: 10px;
    text-align: left
}

.FormGroup-label--pushLeft {
    left: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    padding-right: 10px;
    text-align: right
}

.FormGroup-validation > .TooltipValidation {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 3
}

.FormGroupDivider {
    display: block;
    color: rgba(0,0,0,.54);
    padding: 0 12px
}

.List {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
}

.List--noBorder .List-item {
    border: 0
}

.List .List .List-item {
    padding-left: 25px
}

.List .List .List .List-item {
    padding-left: 40px
}

.List .List .List .List .List-item {
    padding-left: 55px
}

.List .List .List .List .List .List-item {
    padding-left: 60px
}

.List--hidden {
    display: none
}

.List--snapRight {
    left: 100%
}

.List--snapLeft, .List--snapRight {
    position: absolute;
    top: 0;
    min-width: 250px
}

.List--snapLeft {
    right: 100%
}

.List-item {
    transition: .4s;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 15px 10px;
    display: block;
    position: relative
}

    .List-item:focus, .List-item:hover {
        background-color: rgba(0,0,0,.03)
    }

.List-item--noSpacing, .List-item--typeWrapper {
    padding: 0
}

    .List-item--typeWrapper:focus, .List-item--typeWrapper:hover {
        background-color: transparent
    }

.List-group {
    position: relative
}

    .List-group:after, .List-group:before {
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.24);
        height: 1px;
        content: ""
    }

    .List-group:before {
        top: -1px
    }

    .List-group:after {
        bottom: 0
    }

.List-group--noBorder:after, .List-group--noBorder:before {
    display: none
}

.List-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 15px 10px;
    cursor: pointer;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 40px;
    text-align: center
}

.List-toggleName {
    padding-right: 40px
}

.Preloader {
    position: relative
}

    .Preloader:before {
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        background-color: hsla(0,0%,100%,.9);
        background-size: 20px 20px
    }

    .Preloader:after, .Preloader:before {
        content: "";
        position: absolute;
        z-index: 6
    }

    .Preloader:after {
        top: 50%;
        left: 50%;
        margin-left: -11.5px;
        margin-top: -11.5px;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        box-shadow: 1px 0 0 #c21b17
    }

.Preloader--sizeMedium:before {
    /*background: url(../../../assets/images/generaliceskapojistovna-secondary-logo.svg) no-repeat 50%,hsla(0,0%,100%,.9);*/
    /*background-size: 40px 40px*/
}

.Preloader--sizeMedium:after {
    margin-left: -40px;
    margin-top: -40px;
    width: 80px;
    height: 80px
}

.Preloader--sizeLarge:before {
    /*background: url(../../../assets/images/generaliceskapojistovna-secondary-logo.svg) no-repeat 50%,hsla(0,0%,100%,.9);*/
    /*background-size: 120px 120px*/
}

.Preloader--sizeLarge:after {
    margin-left: -80px;
    margin-top: -80px;
    width: 160px;
    height: 160px;
    box-shadow: 2px 1px 1px #c21b17
}

.Preloader--noBranding:before {
    background-image: none
}

.Preloader--positionFixed:after, .Preloader--positionFixed:before {
    position: fixed
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.RadioButtonGroup--inline {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 0 -29px
}

    .RadioButtonGroup--inline .RadioButtonGroup-item {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 0 0 0 29px
    }

    .RadioButtonGroup--inline .RadioButtonGroup-collapseValidation {
        flex: 0 0 100%
    }

    .RadioButtonGroup--inline .RadioButtonGroup-header, .RadioButtonGroup--inline .RadioButtonGroup-validation {
        box-sizing: border-box;
        flex: 1 1 0%;
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 0 0 29px
    }

.RadioButtonGroup .RadioButtonGroup-heading {
    margin: 0;
    padding: 0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    color: #282e38;
    letter-spacing: .75px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.RadioButtonGroup--segmentedControl {
    overflow: hidden;
    border-radius: 0;
    margin: 0
}

    .RadioButtonGroup--segmentedControl .RadioButtonGroup-item {
        height: 26px;
        display: flex;
        flex: 1 1 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        padding: 0
    }

        .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio {
            min-height: 26px;
            width: 100%;
            background: #e3e4e7
        }

            .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio .Radio-box {
                display: none
            }

            .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio .Radio-label .Radio-text {
                display: flex;
                line-height: 26px;
                height: 26px;
                font-size: 15px;
                font-weight: 700;
                padding: 0 10px
            }

        .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio--checked {
            background: #e9573d
        }

            .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio--checked .Radio-label .Radio-text {
                color: #fff
            }

        .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio--disabled:not(.Radio--checked) {
            background: #e3e4e7
        }

            .RadioButtonGroup--segmentedControl .RadioButtonGroup-item .Radio--disabled:not(.Radio--checked) .Radio-label .Radio-text {
                color: #1a1a1a
            }

    .RadioButtonGroup--segmentedControl.RadioButtonGroup--inline {
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap
    }

        .RadioButtonGroup--segmentedControl.RadioButtonGroup--inline .RadioButtonGroup-item {
            margin: 0 2px
        }

            .RadioButtonGroup--segmentedControl.RadioButtonGroup--inline .RadioButtonGroup-item .Radio .Radio-label .Radio-text {
                justify-content: center;
                padding: 0
            }

            .RadioButtonGroup--segmentedControl.RadioButtonGroup--inline .RadioButtonGroup-item:first-child .Radio {
                border-radius: 4px 0 0 4px
            }

            .RadioButtonGroup--segmentedControl.RadioButtonGroup--inline .RadioButtonGroup-item:last-child .Radio {
                border-radius: 0 4px 4px 0
            }

    .RadioButtonGroup--segmentedControl:not(.RadioButtonGroup--inline) .RadioButtonGroup-item {
        margin: 2px 0
    }

        .RadioButtonGroup--segmentedControl:not(.RadioButtonGroup--inline) .RadioButtonGroup-item:first-child .Radio {
            border-radius: 4px 4px 0 0
        }

        .RadioButtonGroup--segmentedControl:not(.RadioButtonGroup--inline) .RadioButtonGroup-item:last-child .Radio {
            border-radius: 0 0 4px 4px
        }

.ReactModal__Overlay {
    z-index: 9;
    background: rgba(0,0,0,.5) !important
}

    .ReactModal__Overlay .ReactModal__Content {
        width: 55%;
        max-height: calc(80% - 60px);
        position: static !important;
        margin: 10% auto;
        padding: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important
    }

@media (max-width:979px) {
    .ReactModal__Overlay .ReactModal__Content {
        width: 80%
    }
}

@media (max-height:700px) {
    .ReactModal__Overlay .ReactModal__Content {
        margin: 5% auto;
        max-height: calc(90% - 100px)
    }
}

.ReactModal-title {
    font-size: 16px;
    color: #282e38;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 900;
    box-shadow: 15px 15px 20px -10px #dbdbdb,-15px 15px 20px -10px #dbdbdb;
    position: relative
}

.ReactModal-close {
    font-family: GefIcons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    vertical-align: middle;
    top: 0;
    right: 20px;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #c21b17;
    font-size: 20px
}

    .ReactModal-close:before {
        content: "\e906"
    }

.ReactModal-main {
    padding: 40px
}

.ReactModal-footer {
    padding: 10px 40px
}

.ReactModal-id {
    margin: 0;
    color: rgba(0,0,0,.38)
}

.Tooltip {
    position: relative
}

.Tooltip-tip:after {
    font-family: GefIcons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    vertical-align: middle;
    content: "\e92c";
    margin-left: 5px
}

.Tooltip-tip:after, .Tooltip-tip:before {
    color: silver;
    font-size: inherit
}

.Tooltip-content {
    max-width: none;
    font-weight: 400;
    z-index: 5
}

.Tooltip-inline {
    display: inline-block
}

.Tooltip-description, .Tooltip-heading {
    display: block;
    margin: 0;
    padding: 0
}

.Tooltip-heading {
    font-size: 13px;
    color: #282e38;
    word-wrap: break-word
}

.Tooltip-description {
    font-size: 13px;
    color: rgba(0,0,0,.54)
}

.Tooltip .__react_component_tooltip.type-dark {
    background-color: #fff;
    color: #282e38
}

    .Tooltip .__react_component_tooltip.type-dark:after, .Tooltip .__react_component_tooltip.type-dark:before {
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .Tooltip .__react_component_tooltip.type-dark.place-right:after {
        right: 100%;
        left: auto;
        top: 50%;
        border-color: transparent #fff transparent transparent;
        margin-top: -10px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-right:before {
        right: 100%;
        left: auto;
        top: 50%;
        border-color: transparent rgba(0,0,0,.12) transparent transparent;
        border-width: 11px;
        margin-top: -11px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-bottom:after {
        top: auto;
        bottom: 100%;
        left: 50%;
        border-color: transparent transparent #fff;
        border-width: 10px;
        margin-left: -10px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-bottom:before {
        top: auto;
        bottom: 100%;
        left: 50%;
        border-color: transparent transparent rgba(0,0,0,.12);
        border-width: 11px;
        margin-left: -11px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-left:after {
        left: 100%;
        top: 50%;
        border-color: transparent transparent transparent #fff;
        border-width: 10px;
        margin-top: -10px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-left:before {
        left: 100%;
        top: 50%;
        border-color: transparent transparent transparent rgba(0,0,0,.12);
        border-width: 11px;
        margin-top: -11px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-top:after {
        top: 100%;
        left: 50%;
        border-color: #fff transparent transparent;
        border-width: 10px;
        margin-left: -10px
    }

    .Tooltip .__react_component_tooltip.type-dark.place-top:before {
        top: 100%;
        left: 50%;
        border-color: rgba(0,0,0,.12) transparent transparent;
        border-width: 11px;
        margin-left: -11px
    }

.Tooltip .__react_component_tooltip {
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    padding: 10px 20px;
    line-height: 1.6;
    font-size: 13px;
    border: 1px rgba(0,0,0,.12)
}

    .Tooltip .__react_component_tooltip.show {
        opacity: 1
    }

@media (max-width:400px) {
    .Tooltip .__react_component_tooltip.show {
        left: 0 !important;
        right: 0 !important;
        margin: 0;
        max-width: none
    }
}

.TooltipValidation {
    border-radius: 7px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    font-size: 14px
}

    .TooltipValidation .Icon {
        display: block;
        line-height: normal
    }

.Dropdown {
    position: relative;
    display: inline-block
}

.Dropdown--v2 {
    position: static
}

    .Dropdown--v2 .Dropdown-toggle + div, .Dropdown-portal-popper {
        z-index: 10
    }

.Dropdown-content {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 4px 4px 29px 0 rgba(50,50,50,.2);
    max-width: 500px;
    min-width: 250px;
    z-index: 10;
    display: none
}

.Dropdown-content--v2 {
    position: relative
}

.Dropdown-content--visible {
    display: block
}

.Dropdown-content--snapBottom {
    top: auto;
    bottom: 100%
}

.Dropdown-content--snapRight {
    right: 0;
    left: auto
}

.Dropdown-content--expandFromVertical {
    position: relative;
    width: 100%;
    max-width: 100%
}

.FlowPanel {
    box-shadow: 0 -6px 9px 0 rgba(0,0,0,.05);
    background-color: #ebebeb;
    z-index: 14;
    position: fixed;
    right: 0;
    left: 0
}

.FlowPanel-content {
    padding-top: 10px;
    padding-bottom: 10px
}

.FlowPanel--snapTop {
    top: 0
}

.FlowPanel--snapBottom {
    bottom: 0
}

.Validation {
    line-height: 1.4;
    font-size: 11px;
    padding-top: 4px;
    display: block
}

.Validation--typeError {
    color: #c21b18
}

.Validation--typeInfo {
    color: #2980b9
}

.Validation--typeWarning {
    color: #f57f17
}

.Validation--typeSuccess {
    color: #27ae60
}

.ReactCollapse {
    transition: .4s
}

.FieldTooltip, .FieldTooltip-field {
    position: relative
}

.FieldTooltip-tooltip {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: auto;
    left: auto;
    z-index: 5
}

    .FieldTooltip-tooltip .Tooltip-tip:after {
        display: block;
        font-size: 16px;
        width: 16px;
        height: 16px;
        line-height: 1;
        margin: 0
    }

.FieldTooltip--inline {
    display: flex;
    align-items: center
}

    .FieldTooltip--inline .FieldTooltip-tooltip {
        margin-left: 8px;
        position: static
    }

.MuiTooltip-tooltip {
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    padding: 10px 20px;
    line-height: 1.6;
    font-size: 13px;
    border: 1px rgba(0,0,0,.12);
    background-color: #fff;
    color: #282e38
}

.MuiTooltip-arrow {
    color: #fff
}

    .MuiTooltip-arrow:before {
        border: 1px rgba(0,0,0,.12)
    }

.Confirm {
    padding: 24px 16px 16px;
    text-align: center
}

.Confirm-heading, .Confirm-message {
    margin: 0
}

    .Confirm-heading:not(:empty), .Confirm-message:not(:empty) {
        padding-top: 10px
    }

    .Confirm-heading:first-child, .Confirm-message:first-child {
        padding-top: 0
    }

.Confirm-heading {
    font-size: 20px;
    font-weight: 400;
    color: #282e38
}

.Confirm-message {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,.54)
}

.Confirm-controls {
    padding-top: 24px
}

.ConfirmBeforeLeave {
    text-align: center
}

.ConfirmBeforeLeave-title {
    font-size: 24px;
    color: #ff5252
}

.ConfirmBeforeLeave-message, .ConfirmBeforeLeave-title {
    display: block
}

.ConfirmBeforeLeave-message {
    padding: 10px 0;
    font-size: 14px
}

.cc_banner-wrapper {
    z-index: 9001;
    position: relative
}

.cc_container {
    background: #dcdcdc;
    color: #282e38;
    font-size: 14px;
    font-weight: 400;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px
}

    .cc_container.negative {
        background-color: 333333
    }

@media screen and (min-width:768px) {
    .cc_container {
        padding: 10px 30px
    }
}

.cc_container::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.cc_container a {
    color: #282e38;
    text-decoration: underline
}

    .cc_container a:hover {
        text-decoration: none
    }

.cc_container .cc_btn {
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #333;
    padding: 8px 10px;
    cursor: pointer;
    transition: font-size .2s;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px
}

    .cc_container .cc_btn, .cc_container .cc_btn:visited {
        color: #000;
        transition: background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;
        -webkit-transition: background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out
    }

        .cc_container .cc_btn:active, .cc_container .cc_btn:hover {
            background-color: #333;
            color: #fff
        }

.cc_container .cc_message {
    transition: font-size .2s;
    padding: 0;
    margin: 9px 0 0;
    display: block
}

@media screen and (max-width:570px) {
    .cc_container .cc_message {
        margin-top: 0
    }
}

.cc_container .cc_logo {
    display: none
}

.cc_container .cc_more_info {
    text-transform: uppercase;
    font-weight: 700;
    color: #282e38;
    text-decoration: none
}

.cc_container.cc_container--inverse {
    background-color: #282e38;
    color: #fff
}

    .cc_container.cc_container--inverse .cc_btn, .cc_container.cc_container--inverse .cc_more_info, .cc_container.cc_container--inverse a {
        color: #fff;
        border-color: #fff
    }

        .cc_container.cc_container--inverse .cc_btn:hover {
            background-color: #fff;
            color: #282e38
        }

@media print {
    .cc_banner-wrapper, .cc_container {
        display: none
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.cc_btn, .cc_container, .cc_message {
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.react-dual-listbox {
    display: flex;
    align-items: center
}

    .react-dual-listbox, .react-dual-listbox * {
        box-sizing: border-box
    }

        .react-dual-listbox input:disabled, .react-dual-listbox select:disabled {
            background: #eee;
            cursor: not-allowed
        }

        .react-dual-listbox button, .react-dual-listbox select {
            line-height: 1.428571429;
            font-family: inherit
        }

        .react-dual-listbox .rdl-control-label {
            position: relative
        }

        .react-dual-listbox .rdl-control-container {
            flex-direction: column
        }

        .react-dual-listbox .fa {
            font-family: GefIcons !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: inherit;
            vertical-align: middle
        }

        .react-dual-listbox .fa-chevron-right:before {
            content: "\e902"
        }

        .react-dual-listbox .fa-chevron-left:before {
            content: "\e904"
        }

.rdl-listbox {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-self: stretch
}

.rdl-control, .rdl-filter {
    display: block;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 8px 12px;
    width: 100%;
    color: #333;
    font-size: 14px
}

.rdl-filter {
    margin-bottom: 10px
}

.rdl-control-container {
    display: flex;
    flex: 1 0 auto
}

.rdl-control-label {
    position: relative;
    clip: rect(0 0 0 0)
}

.rdl-control {
    flex: 1 0 auto
}

    .rdl-control optgroup {
        font: inherit;
        font-weight: 700
    }

.rdl-actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0 10px
}

.rdl-has-filter .rdl-actions {
    padding-top: 44px
}

.rdl-actions-left, .rdl-actions-right {
    display: flex;
    flex-direction: column
}

.rdl-actions-right {
    margin-bottom: 10px
}

.rdl-move {
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    color: #333;
    font-size: 12px
}

    .rdl-move:active:not(:disabled), .rdl-move:focus:not(:disabled) {
        border-color: #8c8c8c;
        background: #e6e6e6
    }

    .rdl-move:focus:not(:disabled) {
        outline: thin dotted;
        outline-offset: -2px
    }

    .rdl-move:hover:not(:disabled) {
        border-color: #adadad;
        background: #e6e6e6
    }

    .rdl-move:disabled {
        opacity: .5;
        cursor: not-allowed
    }

    .rdl-move:last-child {
        margin-bottom: 0
    }

    .rdl-move i {
        margin: 0 -1px
    }

.rdl-align-top .rdl-available {
    margin-right: 10px
}

.rdl-align-top .rdl-selected {
    margin-left: 10px
}

.rdl-align-top .rdl-control {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rdl-align-top .rdl-actions-left, .rdl-align-top .rdl-actions-right {
    flex-direction: row;
    margin: 0
}

.rdl-align-top .rdl-move {
    flex: 0 1 50%
}

    .rdl-align-top .rdl-move:first-child {
        margin-bottom: 0;
        border-right: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .rdl-align-top .rdl-move:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

.InputGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.InputGroup-item {
    flex: 1 1 0%
}

.InputGroup-title, .InputGroup-validation {
    width: 100%
}

.InputGroup-divider {
    padding: 0 10px
}

.InputGroup-title {
    height: 40px;
    font-size: 15px;
    font-weight: 700
}

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

.Menu-toggle {
    cursor: pointer;
    margin-left: auto
}

.Menu-item {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.Menu-item--typeSelect {
    margin-left: auto
}

.Menu-icon {
    padding: 0 7.5px 0 0;
    font-size: 20px;
    line-height: 0;
    position: relative;
    top: -1px
}

.Menu-link {
    transition: .4s;
    padding: 15px;
    color: #c21b18;
    flex-grow: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center
}

    .Menu-link--active, .Menu-link:active, .Menu-link:focus, .Menu-link:hover {
        background-color: #ecebe9
    }

.Menu-link--inactive, .Menu-link--inactive:active, .Menu-link--inactive:focus, .Menu-link--inactive:hover {
    color: rgba(0,0,0,.54);
    background-color: transparent;
    cursor: default
}

.Menu--typeHorizontal {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    margin: 0;
    width: 100%
}

    .Menu--typeHorizontal > .Menu-item {
        display: flex;
        border: 0
    }

    .Menu--typeHorizontal .Menu-toggle {
        position: relative
    }

        .Menu--typeHorizontal .Menu-toggle:hover {
            cursor: pointer
        }

.Menu--typeTabs .Menu-item:not(:last-child), .Panel-header > .Menu .Menu-item:not(:last-child) {
    margin-right: 40px
}

.Menu--typeTabs .Menu-item > .Menu-link, .Panel-header > .Menu .Menu-item > .Menu-link {
    position: relative;
    color: rgba(0,0,0,.54);
    font-size: 15px;
    height: 50px;
    padding: 0;
    font-weight: 400
}

    .Menu--typeTabs .Menu-item > .Menu-link--active, .Menu--typeTabs .Menu-item > .Menu-link:active, .Menu--typeTabs .Menu-item > .Menu-link:focus, .Menu--typeTabs .Menu-item > .Menu-link:hover, .Panel-header > .Menu .Menu-item > .Menu-link--active, .Panel-header > .Menu .Menu-item > .Menu-link:active, .Panel-header > .Menu .Menu-item > .Menu-link:focus, .Panel-header > .Menu .Menu-item > .Menu-link:hover {
        background-color: transparent;
        color: #282e38
    }

.Menu--typeTabs .Menu-item > .Menu-link--active, .Panel-header > .Menu .Menu-item > .Menu-link--active {
    font-weight: 400
}

    .Menu--typeTabs .Menu-item > .Menu-link--active:before, .Panel-header > .Menu .Menu-item > .Menu-link--active:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: -40px;
        left: -40px;
        height: 3px;
        background-color: #e9573d
    }

.Menu--typeTabs2 .Menu-item > .Menu-link {
    cursor: pointer;
    position: relative;
    font-weight: 300;
    color: rgba(0,0,0,.54);
    font-size: 20px;
    background-color: rgba(0,0,0,.03);
    padding: 0 40px;
    border-left: 1px solid rgba(0,0,0,.12);
    height: 50px
}

.Menu--typeTabs2 .Menu-item > .Menu-link--active {
    box-shadow: 6px -6px 20px -10px rgba(0,0,0,.12),-6px -6px 20px -10px rgba(0,0,0,.12);
    cursor: default;
    font-weight: 400;
    background-color: #fff;
    color: #282e38;
    border-left: none;
    z-index: 1
}

.Menu--typeTabs2 > .Menu-toggle > .Menu-link {
    border: 0;
    padding: 0;
    background-color: transparent
}

.Menu--lightTheme .Menu-item {
    border-color: rgba(0,0,0,.12)
}

.Menu--lightTheme .Menu-link {
    color: rgba(0,0,0,.54)
}

    .Menu--lightTheme .Menu-link--active, .Menu--lightTheme .Menu-link:active, .Menu--lightTheme .Menu-link:focus, .Menu--lightTheme .Menu-link:hover {
        background-color: transparent;
        color: #282e38
    }

.Menu--darkTheme .Menu-item {
    border-color: hsla(0,0%,100%,.12)
}

.Menu--darkTheme .Menu-link {
    color: hsla(0,0%,100%,.5)
}

    .Menu--darkTheme .Menu-link--active, .Menu--darkTheme .Menu-link:active, .Menu--darkTheme .Menu-link:focus, .Menu--darkTheme .Menu-link:hover {
        background-color: transparent;
        color: #fff
    }

.ModalLoader {
    padding: 40px 60px
}

.ModalLoader-description {
    padding-top: 20px;
    text-align: center;
    margin: 0
}

.ModalLoader .Preloader {
    height: 160px
}

    .ModalLoader .Preloader:before {
        background-color: transparent
    }

.Panel {
    box-shadow: 15px 15px 20px -10px rgba(0,0,0,.05),-15px 15px 20px -10px rgba(0,0,0,.05);
    background-color: #fff
}

.Panel--border-top {
    border-top: 3px solid #c21b17
}

.Panel-header {
    box-shadow: 15px 15px 20px -10px rgba(0,0,0,.05),-15px 15px 20px -10px rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0;
    padding: 0 29px;
    height: 50px;
    background-color: transparent;
    position: relative;
    z-index: 1
}

    .Panel-header:empty {
        display: none
    }

.Panel-header--highlighted {
    box-shadow: 15px 15px 20px -10px rgba(0,0,0,.05),-15px 15px 20px -10px rgba(0,0,0,.05),inset 0 15px 20px -10px rgba(0,0,0,.05);
    background-color: #e9573d
}

.Panel-header .Stepper {
    margin: 0 auto
}

.Panel-heading {
    font-weight: 900;
    letter-spacing: .75px;
    text-transform: uppercase;
    color: #282e38;
    font-size: 15px;
    padding-right: 20px;
    min-width: 33.3333333333%;
    line-height: 1;
    margin: 0
}

.Panel-close {
    color: #c21b18
}

.Panel-close, .Panel-toolbar {
    margin-left: auto
}

.Panel-main {
    padding: 29px
}

.Panel-main--no-gutter {
    padding: 0
}

.Panel-footer {
    padding: 10px 29px
}

.Panel-id {
    color: rgba(0,0,0,.54);
    padding: 0;
    margin: 0
}

.Panel-header .Menu-item {
    border: none
}

.Panel-toolbar .Menu-link {
    font-size: 13px;
    color: #c21b18
}

.SideBar {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative
}

.SideBar-buttons {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: auto;
    background-color: transparent;
    left: -32px;
    top: 12px
}

.SideBar-button {
    display: flex;
    align-items: center;
    width: 32px;
    height: 40px;
    background: #4d4d4d;
    color: #fff;
    justify-content: center;
    margin-bottom: 4px;
    border-radius: 4px 0 0 4px
}

.SideBar-button--selected {
    background-color: #e9573d
}

.SideBar-button:hover {
    cursor: pointer
}

.SideBar-tabContent {
    overflow: hidden;
    width: 420px;
    height: 100%;
    color: #0e0f0e;
    background-color: #d3d6db;
    box-shadow: none
}

.SideBar-tabContent, .SideBar-tabContent--closed {
    transition-timing-function: ease-in;
    transition: width .5s
}

.SideBar-tabContent--closed {
    width: 0
}

.SideBar-title {
    border: none
}

.SideBarTab {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 16px;
    position: relative
}

.SideBarTab-titleButtons {
    display: flex
}

    .SideBarTab-titleButtons > .Button {
        height: 24px;
        width: 24px;
        padding: 0;
        border: none;
        margin-right: 8px
    }

        .SideBarTab-titleButtons > .Button:last-child {
            margin: 0
        }

.SideBarTab-title {
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 -8px 16px
}

.SideBarTab-subtitle, .SideBarTab-title {
    font-weight: 700;
    border-bottom: 1px solid #bec1cc;
    padding: 8px 16px
}

.SideBarTab-subtitle {
    font-size: 15px;
    margin: 24px -8px 16px
}

.SideBarTab-topButton {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 12px;
    margin: 0 0 12px;
    border: 4px;
    border-radius: 4px
}

    .SideBarTab-topButton > .Button-label {
        text-transform: none;
        font-weight: 400;
        margin-left: 12px
    }

    .SideBarTab-topButton > .Icon {
        font-size: 24px;
        color: #2980b9
    }

.SideBarTabCollapsibleSegment {
    width: 100%;
    margin-bottom: 8px;
    box-shadow: 0 0 2px rgba(0,0,0,.04),0 2px 2px rgba(0,0,0,.08)
}

.SideBarTabCollapsibleSegment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    box-shadow: 0 0 2px rgba(0,0,0,.04),0 2px 2px rgba(0,0,0,.08);
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    border-top: 4px solid #166090;
    background: #f1f1f1
}

.SideBarTabCollapsibleSegment-body {
    position: relative;
    padding: 12px;
    background: #bec1cc
}

.SideBarTabCollapsibleSegment-body--empty {
    color: #8c8c8c;
    background-color: #c6c6c6
}

.SideBarTabCollapsibleSegment-body--noPadding {
    padding: 0
}

.SideBarTabSegmentBody {
    min-height: 60px;
    padding-top: 6px;
    padding-right: 50px
}

.SideBarTabSegmentBody-text {
    margin-bottom: 4px;
    line-height: 1.2
}

.SideBarTabSegmentBody-buttons {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    display: flex;
    flex-direction: column
}

    .SideBarTabSegmentBody-buttons > .Button, .SideBarTabSegmentBody-buttons > .Dropdown {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
        border-left: 1px solid #bec1cc;
        border-bottom: 1px solid #bec1cc;
        border-radius: 0
    }

        .SideBarTabSegmentBody-buttons > .Button:last-child, .SideBarTabSegmentBody-buttons > .Dropdown:last-child {
            border-bottom: 0
        }

        .SideBarTabSegmentBody-buttons > .Button:hover, .SideBarTabSegmentBody-buttons > .Dropdown:hover {
            background: #f4f4f4
        }

.SiteSearch-form {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    height: 60px;
    padding: 0 0 0 29px;
    border-bottom: 1px solid #e4e4e4;
    margin: 0
}

    .SiteSearch-form .Input {
        border-bottom: none;
        height: 60px
    }

    .SiteSearch-form .Input-control, .SiteSearch-form .Input-controlPanel {
        height: 60px;
        line-height: 60px
    }

    .SiteSearch-form .Input-button {
        padding: 0 10px
    }

    .SiteSearch-form .Button {
        border-radius: 0;
        padding: 0;
        line-height: 60px;
        border: none;
        display: block;
        width: 100%
    }

.SiteSearch-input {
    box-sizing: border-box;
    flex: 1 1 0%;
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 10px 0 0
}

.SiteSearch-submit {
    box-sizing: border-box;
    flex: 1 1 0%;
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0
}

.SiteSearch-history {
    padding: 20px 29px 29px
}

    .SiteSearch-history .Table {
        box-shadow: none
    }

    .SiteSearch-history .Table-cell {
        height: 32px;
        padding-left: 0
    }

.SiteSearch-advanced {
    padding: 29px;
    border-top: 1px solid rgba(0,0,0,.12)
}

.SiteSearch-advancedControls {
    padding-top: 50px
}

.SiteSearch-resultList {
    padding: 20px 29px
}

.SiteSearch-result {
    padding: 20px 0
}

.SideBar-title, .Subheader-main {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 50px;
    border-top: 3px solid #000;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    position: relative;
    z-index: 1
}

.Subheader-icon {
    flex-grow: 0
}

    .Subheader-icon .Icon {
        color: #000;
        font-size: 24px;
        line-height: 0
    }

.SideBar-title, .Subheader-heading {
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    color: #282e38;
    letter-spacing: .75px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    flex-grow: 1
}

.Subheader-toolbar {
    flex-grow: 0;
    display: flex
}

    .SideBar-title:not(:first-child), .Subheader-heading:not(:first-child), .Subheader-icon:not(:first-child), .Subheader-toolbar:not(:first-child) {
        padding-left: 20px
    }

.Subheader-link:not(:first-child) {
    margin-left: 25px
}

.Subheader-link--typeToggle {
    font-size: 13px
}

.Subheader-aside {
    display: block;
    padding: 8px 0 16px;
    background-color: transparent;
    box-shadow: none
}

.Subheader-aside--hidden {
    display: none
}

.Subheader-aside--custom-hidden {
    padding-top: 0
}

.Subheader-asideToolbar {
    padding: 50px 0
}

.Subheader--primary .SideBar-title, .Subheader--primary .Subheader-main {
    border-top-color: #c21b17
}

.Subheader--primary .Subheader-icon .Icon {
    color: #c21b17
}

.Subheader--secondary .SideBar-title, .Subheader--secondary .Subheader-main {
    border-top-color: #d2d2d2
}

.Subheader--secondary .Subheader-icon .Icon {
    color: #d2d2d2
}

.Subheader--no-overline .SideBar-title, .Subheader--no-overline .Subheader-main {
    border-top: none
}

.Subheader--nested .SideBar-title, .Subheader--nested .Subheader-heading {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    color: #282e38;
    letter-spacing: .75px
}

.Subheader--typeCollapsible .SideBar-title, .Subheader--typeCollapsible .Subheader-heading {
    flex-grow: 0
}

    .Subheader--typeCollapsible .SideBar-title:not(:first-child), .Subheader--typeCollapsible .Subheader-heading:not(:first-child) {
        padding-left: 20px
    }

.Subheader--typeCollapsible .Subheader-link {
    margin: 0
}

.Subheader--themeLight .SideBar-title, .Subheader--themeLight .Subheader-main {
    border-color: rgba(0,0,0,.12)
}

.Table {
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.05),-5px -5px 15px 0 rgba(0,0,0,.05);
    line-height: 1.3;
    display: table;
    width: 100%;
    border-collapse: separate;
    border: none;
    border-spacing: 0
}

.Table--themeLight .Table-header {
    background-color: transparent
}

.Table--typeResizable {
    width: auto;
    max-width: 100%;
    overflow-y: auto
}

.Table--typeScrollable {
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.05),-5px 0 20px 0 rgba(0,0,0,.05);
    max-width: 100%;
    overflow-y: auto;
    display: block
}

.Table-row {
    display: table-row
}

.Table-row--typeChild {
    display: none
}

.Table-row--opened {
    display: table-row;
    border-top: 0
}

.Table-row--disabled {
    opacity: .5
}

    .Table-row--disabled .Table-cell {
        border-top: 1px solid rgba(0,0,0,.24)
    }

.Table-cell {
    display: table-cell;
    border: 0;
    height: 50px;
    padding: 8px 15px;
    border-top: 1px solid rgba(0,0,0,.12)
}

.Table-cell--tableWrapper {
    border: none;
    background-color: rgba(0,0,0,.03);
    padding: 0;
    height: auto
}

.Table-cell--opened {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.Table-cell--typeToggle {
    position: relative;
    padding-left: 40px;
    cursor: pointer
}

.Table-cell--typeFit {
    width: 1%
}

.Table-resizer {
    display: inline-block;
    background: #c21b17;
    width: 6px;
    height: 85%;
    position: absolute;
    right: 0;
    top: 3px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    touch-action: none;
    border-radius: 8px
}

.Table-resizer--resizing {
    background: #e9573d
}

.Table-toggle {
    color: #93d853;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.Table-header {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    background-color: rgba(0,0,0,.12)
}

    .Table-header .Table-cell {
        color: rgba(0,0,0,.54);
        text-align: inherit;
        font-weight: 500;
        height: 50px;
        line-height: 1.2;
        border-top: 0
    }

.Table-header--hidden {
    visibility: hidden;
    overflow: hidden
}

    .Table-header--hidden .Table-cell {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 0;
        height: 20px
    }

.Table-sortIcon {
    margin-left: 5px;
    opacity: 0
}

.Table-sortIcon--visible {
    opacity: 1
}

.Table-sortIcon--end {
    margin-right: 5px
}

.Table-sortLabel {
    cursor: pointer
}

    .Table-sortLabel:hover .Table-sortIcon {
        opacity: .8
    }

.Table-group {
    display: table-row-group
}

.Table-footer, .Table-group {
    vertical-align: middle;
    border-color: inherit
}

.Table-footer {
    display: table-footer-group
}

    .Table-footer .Table-cell {
        border-top: 1px solid rgba(0,0,0,.12)
    }

.Table--noHeader {
    position: relative;
    box-shadow: 15px 15px 20px -10px rgba(0,0,0,.05),-15px 15px 20px -10px rgba(0,0,0,.05)
}

    .Table--noHeader:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 10px;
        top: 18px;
        box-shadow: 0 -4px 10px -2px rgba(0,0,0,.05)
    }

    .Table--noHeader .Table-group:first-of-type .Table-row:first-of-type .Table-cell {
        border: none
    }

.Table--hoverable .Table-group .Table-row {
    transition: .25s
}

    .Table--hoverable .Table-group .Table-row:hover {
        background-color: rgba(0,0,0,.09)
    }

.Table--typeChild {
    box-shadow: none
}

    .Table--typeChild > .Table-header {
        background-color: transparent
    }

    .Table--typeChild > .Table-cell {
        padding: 0
    }

.Table--noBorder .Table-cell {
    border: none
}

.Table--striped .Table-row:nth-child(2n) {
    background-color: #f4f4f4
}

.Table--striped .Table-row:nth-child(odd) {
    background-color: transparent
}

.Table--bordered .Table-cell {
    border-left: 1px solid rgba(0,0,0,.12)
}

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

.Tabs-listItem {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    font-weight: 300;
    color: rgba(0,0,0,.54);
    font-size: 20px;
    background-color: rgba(0,0,0,.03);
    padding: 10px 40px;
    border-left: 1px solid rgba(0,0,0,.12)
}

    .Tabs-listItem:first-child {
        border-left: 0
    }

.Tabs-listItem--active {
    box-shadow: 6px -6px 20px -10px rgba(0,0,0,.12),-6px -6px 20px -10px rgba(0,0,0,.12);
    cursor: default;
    font-weight: 400;
    background-color: #fff;
    color: #282e38;
    z-index: 1
}

.Tabs-listItem--closable {
    padding-right: 52px
}

.Tabs-listItem--typeControl, .Tabs-listItem--typeMoveControl {
    background-color: transparent;
    padding: 10px 20px;
    border-left: 0;
    cursor: default
}

.Tabs-listItem--typeMoveControl {
    margin-left: auto;
    padding-right: 15px
}

.Tabs-listItem--hideable {
    cursor: pointer
}

.Tabs-listItem--toggle {
    background-color: transparent;
    padding-left: 15px
}

.Tabs-listItem--disabled {
    cursor: default;
    color: grey
}

.Tabs-subtitle {
    line-height: 1;
    position: absolute;
    left: 40px;
    bottom: -2px;
    font-size: 14px
}

.Tabs-close {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    text-align: center;
    position: absolute;
    right: 6px;
    top: 10px;
    color: rgba(0,0,0,.54);
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 9px
}

    .Tabs-close:hover {
        color: #c21b18
    }

.Tabs-control {
    font-size: 12px;
    color: rgba(0,0,0,.54)
}

.Tabs-control--active {
    color: #c21b18;
    cursor: pointer
}

.Tabs-control--moveForward {
    padding-left: 10px
}

.Tabs-control--moveBackward {
    padding-right: 10px
}

.Tabs-main {
    background-color: #fff;
    padding: 20px 40px;
    box-shadow: 15px 15px 20px -10px rgba(0,0,0,.05),-15px 15px 20px -10px rgba(0,0,0,.05)
}

.Tabs--vertical {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    margin: 0
}

    .Tabs--vertical .Tabs-list {
        display: block;
        flex: 0 0 auto
    }

    .Tabs--vertical .Tabs-listItem {
        white-space: nowrap;
        border: 0;
        border-top: 1px solid rgba(0,0,0,.12)
    }

        .Tabs--vertical .Tabs-listItem:first-child {
            border-top: 0
        }

    .Tabs--vertical .Tabs-listItem--active {
        box-shadow: -6px -6px 20px -10px rgba(0,0,0,.12),-6px 6px 20px -10px rgba(0,0,0,.12)
    }

    .Tabs--vertical .Tabs-listItem--typeControl {
        padding: 10px 40px;
        border-top: 0
    }

    .Tabs--vertical .Tabs-main {
        flex: 1 1 auto
    }

.Tabs-list .Menu-item {
    border: none
}

.Toastr-group {
    z-index: 12;
    width: 350px
}

.Toastr-group--positionBottomCenter, .Toastr-group--positionBottomLeft, .Toastr-group--positionBottomRight, .Toastr-group--positionTopCenter, .Toastr-group--positionTopLeft, .Toastr-group--positionTopRight {
    position: fixed
}

.Toastr-group--positionTopCenter, .Toastr-group--positionTopLeft, .Toastr-group--positionTopRight {
    top: 10px
}

    .Toastr-group--positionTopCenter .Toast, .Toastr-group--positionTopLeft .Toast, .Toastr-group--positionTopRight .Toast {
        margin-bottom: 10px
    }

.Toastr-group--positionBottomRight, .Toastr-group--positionTopRight {
    right: 10px
}

.Toastr-group--positionBottomCenter, .Toastr-group--positionBottomLeft, .Toastr-group--positionBottomRight {
    bottom: 10px
}

    .Toastr-group--positionBottomCenter .Toast, .Toastr-group--positionBottomLeft .Toast, .Toastr-group--positionBottomRight .Toast {
        margin-top: 10px
    }

.Toastr-group--positionBottomLeft, .Toastr-group--positionTopLeft {
    left: 10px
}

.Toastr-group--positionBottomCenter, .Toastr-group--positionTopCenter {
    margin-left: -175px;
    left: 50%
}

@media (max-width:767px) {
    .Toastr-group {
        width: 320px
    }

    .Toastr-group--positionBottomCenter, .Toastr-group--positionTopCenter {
        margin-left: -160px
    }
}

.Toast {
    border-radius: 4px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.4);
    opacity: .94;
    background-color: #fcfcfc;
    color: #282e38;
    min-height: 70px;
    position: relative;
    overflow: hidden;
    width: 100%
}

.Toast-progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.Toast-progressBar {
    height: 3px;
    opacity: .6
}

.Toast--hover {
    opacity: 1
}

.Toast .Popover {
    box-shadow: none;
    border: none
}

.Toast--typeError, .Toast--typeError .Toast-progress, .Toast--typeInfo, .Toast--typeInfo .Toast-progress, .Toast--typeSuccess, .Toast--typeSuccess .Toast-progress, .Toast--typeWarning, .Toast--typeWarning .Toast-progress {
    background-color: #fff
}

.Pagination {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: -20px 0 0 -29px;
    align-items: center;
    color: #9b9b9b
}

.Pagination-perPage, .Pagination-totalPages {
    box-sizing: border-box;
    flex: 1 1 0%;
    padding: 20px 0 0 29px;
    display: block;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

    .Pagination-perPage .Dropdown {
        margin-left: 15px
    }

    .Pagination-perPage .Icon {
        font-size: 10px
    }

.Pagination-pages {
    box-sizing: border-box;
    flex: 1 1 0%;
    padding: 20px 0 0 29px
}

.Pagination-totalPages {
    text-align: right
}

.Pagination-list {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    font-size: 13px
}

.Pagination-listItem {
    display: block;
    position: relative
}

.Pagination-listItem--selected {
    color: rgba(0,0,0,.54)
}

.Pagination-listItem--invalid:after {
    content: "";
    height: 6px;
    width: 6px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: calc(50% - 3px)
}

.Pagination-link {
    transition: .4s;
    border-radius: 4px;
    line-height: 1;
    display: block;
    padding: 5px 10px
}

    .Pagination-link:active, .Pagination-link:focus, .Pagination-link:hover {
        background-color: #ecebe9
    }

.Pagination-link--active, .Pagination-link--inactive {
    cursor: default
}

    .Pagination-link--active:active, .Pagination-link--active:focus, .Pagination-link--active:hover, .Pagination-link--inactive:active, .Pagination-link--inactive:focus, .Pagination-link--inactive:hover {
        background-color: transparent
    }

.Pagination-link--active {
    color: #000
}

.Pagination-link--inactive {
    color: #c3c3c3;
    padding: 5px 0
}

.Stepper {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between
}

.Stepper-step {
    flex: 0 0 auto;
    padding: 0;
    text-align: center;
    position: relative
}

.Stepper-divider {
    flex: 1 1 auto;
    display: block;
    border-top: 1px solid;
    border-color: rgba(0,0,0,.12);
    min-width: 60px
}

.Stepper-stepButton {
    display: block
}

.Stepper-stepLabel {
    color: rgba(0,0,0,.87);
    display: flex;
    align-items: center;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    padding: 0 15px
}

.Stepper-stepName {
    display: block;
    color: #282e38;
    font-size: 14px;
    padding-left: 10px;
    order: 2
}

.Stepper-stepIndex {
    border-radius: 50%;
    display: block;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.12);
    color: #282e38;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    order: 1
}

.Stepper-step--active .Stepper-stepName {
    font-weight: 500
}

.Stepper-step--active .Stepper-stepIndex {
    color: #fff;
    background-color: #282e38;
    border-color: rgba(0,0,0,.12)
}

.Stepper-step--disabled .Stepper-stepButton, .Stepper-step--disabled .Stepper-stepLabel {
    cursor: default
}

.Stepper-step--completed .Stepper-stepName {
    font-weight: 400
}

.Stepper-step--completed .Stepper-stepIndex {
    color: #fff;
    background-color: #282e38;
    border-color: transparent
}

.Grid {
    display: flex;
    flex-flow: row wrap;
    margin: -20px 0 0 -29px
}

.Grid, .Grid-col {
    box-sizing: border-box
}

.Grid-col {
    flex: 1 1 0%;
    padding: 20px 0 0 29px
}

.Grid--gutterSmaller {
    margin: -10px 0 0 -20px
}

    .Grid--gutterSmaller > .Grid-col {
        padding: 10px 0 0 20px
    }

.Grid--gutterLarger {
    margin: -24px 0 0 -48px
}

    .Grid--gutterLarger > .Grid-col {
        padding: 24px 0 0 48px
    }

.Grid--xsNoWrap {
    flex-wrap: nowrap
}

@media (min-width:768px) {
    .Grid--smNoWrap {
        flex-wrap: nowrap
    }
}

@media (min-width:980px) {
    .Grid--mdNoWrap {
        flex-wrap: nowrap
    }
}

@media (min-width:1280px) {
    .Grid--lgNoWrap {
        flex-wrap: nowrap
    }
}

@media (min-width:1400px) {
    .Grid--xlNoWrap {
        flex-wrap: nowrap
    }
}

.Grid--xsAlignCenter {
    justify-content: center
}

@media (min-width:768px) {
    .Grid--smAlignCenter {
        justify-content: center
    }
}

@media (min-width:980px) {
    .Grid--mdAlignCenter {
        justify-content: center
    }
}

@media (min-width:1280px) {
    .Grid--lgAlignCenter {
        justify-content: center
    }
}

@media (min-width:1400px) {
    .Grid--xlAlignCenter {
        justify-content: center
    }
}

.Grid--xsAlignRight {
    justify-content: flex-end;
    align-self: flex-end
}

@media (min-width:768px) {
    .Grid--smAlignRight {
        justify-content: flex-end;
        align-self: flex-end
    }
}

@media (min-width:980px) {
    .Grid--mdAlignRight {
        justify-content: flex-end;
        align-self: flex-end
    }
}

@media (min-width:1280px) {
    .Grid--lgAlignRight {
        justify-content: flex-end;
        align-self: flex-end
    }
}

@media (min-width:1400px) {
    .Grid--xlAlignRight {
        justify-content: flex-end;
        align-self: flex-end
    }
}

.Grid--xsAlignTop {
    align-items: flex-start
}

@media (min-width:768px) {
    .Grid--smAlignTop {
        align-items: flex-start
    }
}

@media (min-width:980px) {
    .Grid--mdAlignTop {
        align-items: flex-start
    }
}

@media (min-width:1280px) {
    .Grid--lgAlignTop {
        align-items: flex-start
    }
}

@media (min-width:1400px) {
    .Grid--xlAlignTop {
        align-items: flex-start
    }
}

.Grid--xsAlignMiddle {
    align-items: center
}

@media (min-width:768px) {
    .Grid--smAlignMiddle {
        align-items: center
    }
}

@media (min-width:980px) {
    .Grid--mdAlignMiddle {
        align-items: center
    }
}

@media (min-width:1280px) {
    .Grid--lgAlignMiddle {
        align-items: center
    }
}

@media (min-width:1400px) {
    .Grid--xlAlignMiddle {
        align-items: center
    }
}

.Grid--xsAlignBottom {
    align-items: flex-end
}

@media (min-width:768px) {
    .Grid--smAlignBottom {
        align-items: flex-end
    }
}

@media (min-width:980px) {
    .Grid--mdAlignBottom {
        align-items: flex-end
    }
}

@media (min-width:1280px) {
    .Grid--lgAlignBottom {
        align-items: flex-end
    }
}

@media (min-width:1400px) {
    .Grid--xlAlignBottom {
        align-items: flex-end
    }
}

.Grid--xsReverse {
    flex-direction: row-reverse
}

@media (min-width:768px) {
    .Grid--smReverse {
        flex-direction: row-reverse
    }
}

@media (min-width:980px) {
    .Grid--mdReverse {
        flex-direction: row-reverse
    }
}

@media (min-width:1280px) {
    .Grid--lgReverse {
        flex-direction: row-reverse
    }
}

@media (min-width:1400px) {
    .Grid--xlReverse {
        flex-direction: row-reverse
    }
}

.Grid--xsTypeColumn {
    flex-direction: column
}

    .Grid--xsTypeColumn > .Grid-col {
        flex-basis: auto
    }

@media (min-width:768px) {
    .Grid--smTypeColumn {
        flex-direction: column
    }

        .Grid--smTypeColumn > .Grid-col {
            flex-basis: auto
        }
}

@media (min-width:980px) {
    .Grid--mdTypeColumn {
        flex-direction: column
    }

        .Grid--mdTypeColumn > .Grid-col {
            flex-basis: auto
        }
}

@media (min-width:1280px) {
    .Grid--lgTypeColumn {
        flex-direction: column
    }

        .Grid--lgTypeColumn > .Grid-col {
            flex-basis: auto
        }
}

@media (min-width:1400px) {
    .Grid--xlTypeColumn {
        flex-direction: column
    }

        .Grid--xlTypeColumn > .Grid-col {
            flex-basis: auto
        }
}

.Grid--xsColumnReverse {
    flex-direction: column-reverse
}

@media (min-width:768px) {
    .Grid--smColumnReverse {
        flex-direction: column-reverse
    }
}

@media (min-width:980px) {
    .Grid--mdColumnReverse {
        flex-direction: column-reverse
    }
}

@media (min-width:1280px) {
    .Grid--lgColumnReverse {
        flex-direction: column-reverse
    }
}

@media (min-width:1400px) {
    .Grid--xlColumnReverse {
        flex-direction: column-reverse
    }
}

.Grid--xsSpaceBetween {
    justify-content: space-between
}

@media (min-width:768px) {
    .Grid--smSpaceBetween {
        justify-content: space-between
    }
}

@media (min-width:980px) {
    .Grid--mdSpaceBetween {
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .Grid--lgSpaceBetween {
        justify-content: space-between
    }
}

@media (min-width:1400px) {
    .Grid--xlSpaceBetween {
        justify-content: space-between
    }
}

.Grid--xsSpaceAround {
    justify-content: space-around
}

@media (min-width:768px) {
    .Grid--smSpaceAround {
        justify-content: space-around
    }
}

@media (min-width:980px) {
    .Grid--mdSpaceAround {
        justify-content: space-around
    }
}

@media (min-width:1280px) {
    .Grid--lgSpaceAround {
        justify-content: space-around
    }
}

@media (min-width:1400px) {
    .Grid--xlSpaceAround {
        justify-content: space-around
    }
}

.Grid--xsColumnCollapse {
    margin-left: 0
}

    .Grid--xsColumnCollapse .Grid-col {
        padding-left: 0
    }

@media (min-width:768px) {
    .Grid--smColumnCollapse {
        margin-left: 0
    }

        .Grid--smColumnCollapse .Grid-col {
            padding-left: 0
        }
}

@media (min-width:980px) {
    .Grid--mdColumnCollapse {
        margin-left: 0
    }

        .Grid--mdColumnCollapse .Grid-col {
            padding-left: 0
        }
}

@media (min-width:1280px) {
    .Grid--lgColumnCollapse {
        margin-left: 0
    }

        .Grid--lgColumnCollapse .Grid-col {
            padding-left: 0
        }
}

@media (min-width:1400px) {
    .Grid--xlColumnCollapse {
        margin-left: 0
    }

        .Grid--xlColumnCollapse .Grid-col {
            padding-left: 0
        }
}

.Grid--xsColumnSeparate {
    margin-left: -29px
}

    .Grid--xsColumnSeparate .Grid-col {
        padding-left: 29px
    }

@media (min-width:768px) {
    .Grid--smColumnSeparate {
        margin-left: -29px
    }

        .Grid--smColumnSeparate .Grid-col {
            padding-left: 29px
        }
}

@media (min-width:980px) {
    .Grid--mdColumnSeparate {
        margin-left: -29px
    }

        .Grid--mdColumnSeparate .Grid-col {
            padding-left: 29px
        }
}

@media (min-width:1280px) {
    .Grid--lgColumnSeparate {
        margin-left: -29px
    }

        .Grid--lgColumnSeparate .Grid-col {
            padding-left: 29px
        }
}

@media (min-width:1400px) {
    .Grid--xlColumnSeparate {
        margin-left: -29px
    }

        .Grid--xlColumnSeparate .Grid-col {
            padding-left: 29px
        }
}

.Grid--xsRowCollapse {
    margin-top: 0
}

    .Grid--xsRowCollapse .Grid-col {
        padding-top: 0
    }

@media (min-width:768px) {
    .Grid--smRowCollapse {
        margin-top: 0
    }

        .Grid--smRowCollapse .Grid-col {
            padding-top: 0
        }
}

@media (min-width:980px) {
    .Grid--mdRowCollapse {
        margin-top: 0
    }

        .Grid--mdRowCollapse .Grid-col {
            padding-top: 0
        }
}

@media (min-width:1280px) {
    .Grid--lgRowCollapse {
        margin-top: 0
    }

        .Grid--lgRowCollapse .Grid-col {
            padding-top: 0
        }
}

@media (min-width:1400px) {
    .Grid--xlRowCollapse {
        margin-top: 0
    }

        .Grid--xlRowCollapse .Grid-col {
            padding-top: 0
        }
}

.Grid--xsRowSeparate {
    margin-top: -20px
}

    .Grid--xsRowSeparate .Grid-col {
        padding-top: 20px
    }

@media (min-width:768px) {
    .Grid--smRowSeparate {
        margin-top: -20px
    }

        .Grid--smRowSeparate .Grid-col {
            padding-top: 20px
        }
}

@media (min-width:980px) {
    .Grid--mdRowSeparate {
        margin-top: -20px
    }

        .Grid--mdRowSeparate .Grid-col {
            padding-top: 20px
        }
}

@media (min-width:1280px) {
    .Grid--lgRowSeparate {
        margin-top: -20px
    }

        .Grid--lgRowSeparate .Grid-col {
            padding-top: 20px
        }
}

@media (min-width:1400px) {
    .Grid--xlRowSeparate {
        margin-top: -20px
    }

        .Grid--xlRowSeparate .Grid-col {
            padding-top: 20px
        }
}

.Grid-col--xs1 {
    display: block;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.Grid-col--xs2 {
    display: block;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.Grid-col--xs3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.Grid-col--xs4 {
    display: block;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.Grid-col--xs5 {
    display: block;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.Grid-col--xs6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.Grid-col--xs7 {
    display: block;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.Grid-col--xs8 {
    display: block;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.Grid-col--xs9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.Grid-col--xs10 {
    display: block;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.Grid-col--xs11 {
    display: block;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.Grid-col--xs12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .Grid-col--sm1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--sm2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--sm3 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:768px) {
    .Grid-col--sm4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--sm5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--sm6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .Grid-col--sm7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--sm8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--sm9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:768px) {
    .Grid-col--sm10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--sm11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--sm12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:980px) {
    .Grid-col--md1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--md2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--md3 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:980px) {
    .Grid-col--md4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--md5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--md6 {
        flex: 0 0 70%; /* 50% */
        max-width: 70%; /* 50% */
    }
}

@media (min-width:980px) {
    .Grid-col--md7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--md8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--md9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:980px) {
    .Grid-col--md10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--md11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--md12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg3 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lg12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl3 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xl12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.Grid-col--xsPush1 {
    margin-left: 8.3333333333%
}

.Grid-col--xsPush2 {
    margin-left: 16.6666666667%
}

.Grid-col--xsPush3 {
    margin-left: 25%
}

.Grid-col--xsPush4 {
    margin-left: 33.3333333333%
}

.Grid-col--xsPush5 {
    margin-left: 41.6666666667%
}

.Grid-col--xsPush6 {
    margin-left: 50%
}

.Grid-col--xsPush7 {
    margin-left: 58.3333333333%
}

.Grid-col--xsPush8 {
    margin-left: 66.6666666667%
}

.Grid-col--xsPush9 {
    margin-left: 75%
}

.Grid-col--xsPush10 {
    margin-left: 83.3333333333%
}

.Grid-col--xsPush11 {
    margin-left: 91.6666666667%
}

@media (min-width:768px) {
    .Grid-col--smPush1 {
        margin-left: 8.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush2 {
        margin-left: 16.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush3 {
        margin-left: 25%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush4 {
        margin-left: 33.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush5 {
        margin-left: 41.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush6 {
        margin-left: 50%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush7 {
        margin-left: 58.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush8 {
        margin-left: 66.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush9 {
        margin-left: 75%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush10 {
        margin-left: 83.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smPush11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush1 {
        margin-left: 8.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush2 {
        margin-left: 16.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush3 {
        margin-left: 25%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush4 {
        margin-left: 33.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush5 {
        margin-left: 41.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush6 {
        margin-left: 50%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush7 {
        margin-left: 58.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush8 {
        margin-left: 66.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush9 {
        margin-left: 75%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush10 {
        margin-left: 83.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdPush11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush1 {
        margin-left: 8.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush2 {
        margin-left: 16.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush3 {
        margin-left: 25%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush4 {
        margin-left: 33.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush5 {
        margin-left: 41.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush6 {
        margin-left: 50%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush7 {
        margin-left: 58.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush8 {
        margin-left: 66.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush9 {
        margin-left: 75%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush10 {
        margin-left: 83.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPush11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush1 {
        margin-left: 8.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush2 {
        margin-left: 16.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush3 {
        margin-left: 25%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush4 {
        margin-left: 33.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush5 {
        margin-left: 41.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush6 {
        margin-left: 50%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush7 {
        margin-left: 58.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush8 {
        margin-left: 66.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush9 {
        margin-left: 75%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush10 {
        margin-left: 83.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPush11 {
        margin-left: 91.6666666667%
    }
}

.Grid-col--xsInversePush1 {
    margin-right: 8.3333333333%
}

.Grid-col--xsInversePush2 {
    margin-right: 16.6666666667%
}

.Grid-col--xsInversePush3 {
    margin-right: 25%
}

.Grid-col--xsInversePush4 {
    margin-right: 33.3333333333%
}

.Grid-col--xsInversePush5 {
    margin-right: 41.6666666667%
}

.Grid-col--xsInversePush6 {
    margin-right: 50%
}

.Grid-col--xsInversePush7 {
    margin-right: 58.3333333333%
}

.Grid-col--xsInversePush8 {
    margin-right: 66.6666666667%
}

.Grid-col--xsInversePush9 {
    margin-right: 75%
}

.Grid-col--xsInversePush10 {
    margin-right: 83.3333333333%
}

.Grid-col--xsInversePush11 {
    margin-right: 91.6666666667%
}

@media (min-width:768px) {
    .Grid-col--smInversePush1 {
        margin-right: 8.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush2 {
        margin-right: 16.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush3 {
        margin-right: 25%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush4 {
        margin-right: 33.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush5 {
        margin-right: 41.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush6 {
        margin-right: 50%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush7 {
        margin-right: 58.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush8 {
        margin-right: 66.6666666667%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush9 {
        margin-right: 75%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush10 {
        margin-right: 83.3333333333%
    }
}

@media (min-width:768px) {
    .Grid-col--smInversePush11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush1 {
        margin-right: 8.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush2 {
        margin-right: 16.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush3 {
        margin-right: 25%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush4 {
        margin-right: 33.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush5 {
        margin-right: 41.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush6 {
        margin-right: 50%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush7 {
        margin-right: 58.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush8 {
        margin-right: 66.6666666667%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush9 {
        margin-right: 75%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush10 {
        margin-right: 83.3333333333%
    }
}

@media (min-width:980px) {
    .Grid-col--mdInversePush11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush1 {
        margin-right: 8.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush2 {
        margin-right: 16.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush3 {
        margin-right: 25%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush4 {
        margin-right: 33.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush5 {
        margin-right: 41.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush6 {
        margin-right: 50%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush7 {
        margin-right: 58.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush8 {
        margin-right: 66.6666666667%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush9 {
        margin-right: 75%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush10 {
        margin-right: 83.3333333333%
    }
}

@media (min-width:1280px) {
    .Grid-col--lgInversePush11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush1 {
        margin-right: 8.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush2 {
        margin-right: 16.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush3 {
        margin-right: 25%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush4 {
        margin-right: 33.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush5 {
        margin-right: 41.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush6 {
        margin-right: 50%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush7 {
        margin-right: 58.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush8 {
        margin-right: 66.6666666667%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush9 {
        margin-right: 75%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush10 {
        margin-right: 83.3333333333%
    }
}

@media (min-width:1400px) {
    .Grid-col--xlInversePush11 {
        margin-right: 91.6666666667%
    }
}

.Grid-col--xsAlignTop {
    align-self: flex-start
}

@media (min-width:768px) {
    .Grid-col--smAlignTop {
        align-self: flex-start
    }
}

@media (min-width:980px) {
    .Grid-col--mdAlignTop {
        align-self: flex-start
    }
}

@media (min-width:1280px) {
    .Grid-col--lgAlignTop {
        align-self: flex-start
    }
}

@media (min-width:1400px) {
    .Grid-col--xlAlignTop {
        align-self: flex-start
    }
}

.Grid-col--xsAlignMiddle {
    align-self: center
}

@media (min-width:768px) {
    .Grid-col--smAlignMiddle {
        align-self: center
    }
}

@media (min-width:980px) {
    .Grid-col--mdAlignMiddle {
        align-self: center
    }
}

@media (min-width:1280px) {
    .Grid-col--lgAlignMiddle {
        align-self: center
    }
}

@media (min-width:1400px) {
    .Grid-col--xlAlignMiddle {
        align-self: center
    }
}

.Grid-col--xsAlignBottom {
    align-self: flex-end
}

@media (min-width:768px) {
    .Grid-col--smAlignBottom {
        align-self: flex-end
    }
}

@media (min-width:980px) {
    .Grid-col--mdAlignBottom {
        align-self: flex-end
    }
}

@media (min-width:1280px) {
    .Grid-col--lgAlignBottom {
        align-self: flex-end
    }
}

@media (min-width:1400px) {
    .Grid-col--xlAlignBottom {
        align-self: flex-end
    }
}

.Grid-col--xsPositionFirst {
    order: -1
}

@media (min-width:768px) {
    .Grid-col--smPositionFirst {
        order: -1
    }
}

@media (min-width:980px) {
    .Grid-col--mdPositionFirst {
        order: -1
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPositionFirst {
        order: -1
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPositionFirst {
        order: -1
    }
}

.Grid-col--xsPositionLast {
    order: 1
}

@media (min-width:768px) {
    .Grid-col--smPositionLast {
        order: 1
    }
}

@media (min-width:980px) {
    .Grid-col--mdPositionLast {
        order: 1
    }
}

@media (min-width:1280px) {
    .Grid-col--lgPositionLast {
        order: 1
    }
}

@media (min-width:1400px) {
    .Grid-col--xlPositionLast {
        order: 1
    }
}

.Grid-col--xsNotGrow {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 20px 0 0 29px
}

@media (min-width:768px) {
    .Grid-col--smNotGrow {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 20px 0 0 29px
    }
}

@media (min-width:980px) {
    .Grid-col--mdNotGrow {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 20px 0 0 29px
    }
}

@media (min-width:1280px) {
    .Grid-col--lgNotGrow {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 20px 0 0 29px
    }
}

@media (min-width:1400px) {
    .Grid-col--xlNotGrow {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 20px 0 0 29px
    }
}

.Grid--xsNoGutter {
    margin: 0
}

    .Grid--xsNoGutter .Grid-col {
        padding: 0
    }

@media (min-width:768px) {
    .Grid--smNoGutter {
        margin: 0
    }

        .Grid--smNoGutter .Grid-col {
            padding: 0
        }
}

@media (min-width:980px) {
    .Grid--mdNoGutter {
        margin: 0
    }

        .Grid--mdNoGutter .Grid-col {
            padding: 0
        }
}

@media (min-width:1280px) {
    .Grid--lgNoGutter {
        margin: 0
    }

        .Grid--lgNoGutter .Grid-col {
            padding: 0
        }
}

@media (min-width:1400px) {
    .Grid--xlNoGutter {
        margin: 0
    }

        .Grid--xlNoGutter .Grid-col {
            padding: 0
        }
}

.HorizontalScroll {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.HorizontalScroll-base {
    overflow: hidden
}

.HorizontalScroll-item {
    display: flex;
    position: relative
}

.HorizontalScroll-arrowIcon {
    width: 5%;
    padding: 10px;
    cursor: pointer
}

.Chat-item {
    margin-bottom: 12px
}

.Chat-bubble {
    border-radius: 6px;
    box-shadow: 4px 4px 16px -4px rgba(0,0,0,.18);
    background-color: #fff;
    padding: 6px 12px;
    position: relative
}

.Chat-input {
    position: relative;
    margin-top: 24px
}

.Chat-showMoreLabel {
    white-space: pre;
    color: #c21b18;
    cursor: pointer
}

    .Chat-showMoreLabel .Icon {
        margin-left: 4px;
        font-size: .75em
    }

.Chat-flag {
    border-radius: 4px;
    position: absolute;
    top: -8px;
    right: 4px;
    background-color: #dcf9a6;
    color: #519e00;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    display: block;
    padding: 2px 8px;
    white-space: nowrap;
    z-index: 1;
    -webkit-animation: fadeInDown;
    animation: fadeInDown;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .Chat-flag .Icon {
        margin-right: 2px
    }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

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

.Biscuit {
    position: relative;
    display: flex;
    flex-direction: row
}

    .Biscuit:before {
        content: "";
        position: absolute;
        left: -5px;
        top: 0;
        background: #e9573d;
        width: 5px;
        height: 100%;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

.Biscuit-container {
    align-content: space-between;
    background: #f1f1f1;
    border-top-right-radius: 5px;
    width: 300px;
    box-shadow: 0 0 8px rgba(0,0,0,.04),0 8px 8px rgba(0,0,0,.08);
    min-height: 124px
}

.Biscuit-data {
    padding: 14px
}

.Biscuit-actions {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto
}

.Biscuit-claims {
    display: flex;
    flex-direction: row;
    flex: 1 0 100%;
    margin-top: auto
}

.Biscuit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
    border-radius: 0;
    border: 1px solid #e3e4e7;
    padding: 7px;
    line-height: 1;
    background: #fff;
    height: auto
}

    .Biscuit-button:hover {
        background: #f4f4f4
    }

.Biscuit-button--action {
    background: none;
    min-height: 28px;
    border-top-width: 0;
    padding: 0 1rem
}

.Biscuit-button--action--first {
    border-top-width: 1px;
    border-top-right-radius: 5px
}

.Biscuit-button--eventInfo {
    width: 32px;
    height: 32px;
    margin-right: 32px;
    border-top-right-radius: 5px;
    color: #e9573d
}

.Biscuit-button--subClaim {
    border-left-width: 0;
    color: #e9573d
}

    .Biscuit-button--subClaim .Button-label {
        padding-left: .5rem;
        color: #727272
    }

.Biscuit-button--subClaim--first {
    border-left-width: 1px;
    border-top-left-radius: 5px
}

.Biscuit-button--rightSide {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e3e4e7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 32px;
    margin-top: 8px;
    margin-bottom: 8px;
    cursor: pointer
}

.Biscuit-button--rightSide-label {
    -webkit-transform: translateX(calc(-50% + 16px)) rotate(90deg);
    transform: translateX(calc(-50% + 16px)) rotate(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    white-space: nowrap
}

.Biscuit-button--selected {
    border: 0;
    background: #e9573d;
    color: #fff
}

    .Biscuit-button--selected .Button-label {
        color: #fff
    }

    .Biscuit-button--selected:hover {
        background: #e64326;
        color: #fff
    }

.Biscuit-menuItem .Menu-link {
    color: #333
}

.BiscuitBadge {
    position: relative;
    display: flex;
    flex: 1 0 auto
}

.BiscuitBadge-icon {
    font-size: 20px;
    position: absolute;
    top: -12px;
    right: -2px;
    z-index: 1
}

.BiscuitBadge-icon--check {
    color: #a1b637
}

.BiscuitBadge-icon--warning {
    color: #f57f17
}

.BiscuitBadge--claimEvent {
    display: unset;
    flex: unset
}

    .BiscuitBadge--claimEvent > .Icon {
        right: 22px
    }

.NavBar {
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400
}

.NavBar-menu {
    display: block;
    position: relative;
    margin-right: 2px
}

.NavBar-menu-link {
    cursor: pointer
}

.NavBar-menu-underline:after {
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0
}

.NavBar-menu .Dropdown-toggle {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

    .NavBar-menu .Dropdown-toggle:hover .NavBar-menu-toggle:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.NavBar-menu .Dropdown-content {
    box-shadow: none
}

.NavBar-menu-label {
    display: block;
    padding: 10px 15px;
    color: inherit;
    font-weight: 400;
    font-size: 15px
}

    .NavBar-menu-label:active, .NavBar-menu-label:focus, .NavBar-menu-label:hover {
        text-decoration: none
    }

.NavBar-menu-toggle {
    padding-right: 15px;
    font-size: 8px;
    align-self: center
}

    .NavBar-menu-toggle:before {
        display: block;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
    }

.NavBar-menu-content {
    padding: 35px 30px;
    margin-bottom: 0;
    margin-left: -30px;
    list-style: none;
    min-width: 160px;
    -webkit-animation: growDown .15s ease-in-out;
    animation: growDown .15s ease-in-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.NavBar-menu-content-link {
    display: inline-block;
    padding: 5px 15px;
    color: inherit
}

    .NavBar-menu-content-link:active, .NavBar-menu-content-link:focus, .NavBar-menu-content-link:hover {
        text-decoration: none
    }

.NavBar-menu--skin-primary:hover {
    background-color: #c21b17;
    color: #fff
}

.NavBar-menu--skin-primary:focus-within {
    background-color: #c21b17;
    color: #fff
}

.NavBar-menu--skin-primary .NavBar-menu-underline:after, .NavBar-menu-content--skin-primary {
    background-color: #c21b17
}

    .NavBar-menu-content--skin-primary .NavBar-menu-content-link {
        cursor: pointer
    }

        .NavBar-menu-content--skin-primary .NavBar-menu-content-link:active, .NavBar-menu-content--skin-primary .NavBar-menu-content-link:focus, .NavBar-menu-content--skin-primary .NavBar-menu-content-link:hover {
            background-color: #fff;
            color: #c21b17
        }

.NavBar-menu--skin-red-2:hover {
    background-color: #752127;
    color: #fff
}

.NavBar-menu--skin-red-2:focus-within {
    background-color: #752127;
    color: #fff
}

.NavBar-menu--skin-red-2 .NavBar-menu-underline:after, .NavBar-menu-content--skin-red-2 {
    background-color: #752127
}

    .NavBar-menu-content--skin-red-2 .NavBar-menu-content-link {
        cursor: pointer
    }

        .NavBar-menu-content--skin-red-2 .NavBar-menu-content-link:active, .NavBar-menu-content--skin-red-2 .NavBar-menu-content-link:focus, .NavBar-menu-content--skin-red-2 .NavBar-menu-content-link:hover {
            background-color: #fff;
            color: #752127
        }

.NavBar-menu--skin-red-3:hover {
    background-color: #8e1230;
    color: #fff
}

.NavBar-menu--skin-red-3:focus-within {
    background-color: #8e1230;
    color: #fff
}

.NavBar-menu--skin-red-3 .NavBar-menu-underline:after, .NavBar-menu-content--skin-red-3 {
    background-color: #8e1230
}

    .NavBar-menu-content--skin-red-3 .NavBar-menu-content-link {
        cursor: pointer
    }

        .NavBar-menu-content--skin-red-3 .NavBar-menu-content-link:active, .NavBar-menu-content--skin-red-3 .NavBar-menu-content-link:focus, .NavBar-menu-content--skin-red-3 .NavBar-menu-content-link:hover {
            background-color: #fff;
            color: #8e1230
        }

.NavBar-menu--skin-red-4:hover {
    background-color: #e9573d;
    color: #fff
}

.NavBar-menu--skin-red-4:focus-within {
    background-color: #e9573d;
    color: #fff
}

.NavBar-menu--skin-red-4 .NavBar-menu-underline:after, .NavBar-menu-content--skin-red-4 {
    background-color: #e9573d
}

    .NavBar-menu-content--skin-red-4 .NavBar-menu-content-link {
        cursor: pointer
    }

        .NavBar-menu-content--skin-red-4 .NavBar-menu-content-link:active, .NavBar-menu-content--skin-red-4 .NavBar-menu-content-link:focus, .NavBar-menu-content--skin-red-4 .NavBar-menu-content-link:hover {
            background-color: #fff;
            color: #e9573d
        }

@-webkit-keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.NewsCarousel {
    min-width: 650px
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    padding: 0;
    margin: 0
}

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

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

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

    .slick-track:after {
        clear: both
    }

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

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

    .slick-slide.slick-active {
        z-index: 1
    }

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

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

.slick-slide img {
    display: block
}

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

.slick-slide > div > div:focus {
    outline: none
}

.slick-dot {
    width: 12px;
    height: 12px
}

    .slick-dot-after, .slick-dot:before {
        box-sizing: border-box
    }

    .slick-dot:before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #fff;
        left: 0;
        top: 0
    }

.slick-dots {
    position: absolute;
    list-style: none;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 32px;
    left: 50%;
    padding: 0;
    margin: 0
}

    .slick-dots li {
        cursor: pointer;
        position: relative;
        margin: 0 8px
    }

        .slick-dots li.slick-active .slick-dot:after {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            border: 2px solid #fff;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            border-radius: 50%;
            left: 50%;
            top: 50%
        }

.slick-content {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 24px
}

.slick-content-buttons {
    margin-top: auto;
    margin-left: auto
}

    .slick-content-buttons .Button {
        margin-left: 12px
    }

.slick-image {
    position: relative
}

.slick-container {
    display: inline-flex
}

.Dashboard {
    min-width: 980px
}

.Dashboard-navbar {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 980px;
    padding: 0 29px;
    background-color: #c21b17;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    z-index: 8
}

@media (max-width:1579px) {
    .Dashboard-navbar {
        padding: 0 30px
    }
}

.Dashboard-navbar:before {
    content: "";
    width: 4px;
    height: 60px;
    background: #c21b17;
    background: linear-gradient(180deg,#c1210d 26%,#eb5a41 0,#eb5a41 47%,#881c11 0,#881c11 68%,#a81d34 0);
    position: absolute;
    left: 0;
    top: 0
}

.Dashboard-toolbar {
    display: flex;
    position: relative;
    margin-left: auto;
    align-items: center
}

    .Dashboard-toolbar:before {
        content: "";
        left: -210px;
        height: 60px;
        width: 340px;
        position: absolute;
        z-index: -1;
        background: #c21b17;
        background: linear-gradient(135deg,#c1210d 31%,#f29275 0,#f29275 38%,#eb5a41 0,#eb5a41 51%,#c1210d 0,#c1210d 56%,#881c11 0,#881c11 63%,#c1210d 0)
    }

.Dashboard-menu {
    position: relative;
    margin-left: auto;
    font-size: 14px;
    color: hsla(0,0%,100%,.5)
}

    .Dashboard-menu .Menu-link {
        line-height: 60px;
        padding: 0 30px;
        border-left: 1px solid hsla(0,0%,100%,.12);
        font-weight: 500
    }

    .Dashboard-menu .Menu-link--active {
        color: #e9573d;
        position: relative;
        font-weight: 700
    }

        .Dashboard-menu .Menu-link--active:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 3px;
            background-color: #e9573d
        }

    .Dashboard-menu .Dropdown-toggle {
        color: #fff
    }

.Dashboard-container {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    background-color: #fafafa;
    padding: 60px 0 0;
    min-height: 100vh;
    margin: 0
}

.Dashboard-aside, .Dashboard-mainWrapper, .Dashboard-sidebar {
    box-sizing: border-box;
    flex: 1 1 0%;
    padding: 0;
    min-height: calc(100vh - 60px);
    min-width: 0
}

.Dashboard-sidebar {
    transition: .25s;
    transition-timing-function: ease-in-out;
    flex: 0 0 260px;
    max-width: 260px;
    background-color: #4f5052;
    display: block;
    overflow: hidden;
    z-index: 7
}

@media (max-width:1799px) {
    .Dashboard-sidebar {
        flex: 0 0 200px;
        max-width: 200px
    }
}

@media (max-width:1399px) {
    .Dashboard-sidebar {
        position: fixed;
        width: 260px;
        top: 60px;
        bottom: 0;
        left: -260px;
        box-shadow: 15px 15px 20px -10px rgba(0,0,0,.05),-15px 15px 20px -10px rgba(0,0,0,.05)
    }
}

@media (min-width:980px) and (max-width:1579px) {
    .Dashboard-sidebar {
        max-width: 80px
    }

    .Dashboard-sidebar--active {
        flex: 0 0 260px;
        max-width: 260px
    }
}

.Dashboard-sidebar--active {
    left: 0
}

.Dashboard-sidebar .Menu-icon {
    padding: 0 16px 0 0;
    display: inline-block;
    color: hsla(0,0%,100%,.37);
    font-size: 16px
}

@media (max-width:1579px) {
    .Dashboard-sidebar .Menu-icon {
        width: 80px;
        display: inline-block;
        line-height: inherit;
        padding: 0;
        text-align: center
    }
}

@media (max-width:1279px) {
    .Dashboard-sidebar .Menu-icon {
        width: 60px;
        padding-left: 0
    }
}

.Dashboard-sidebar .Menu-link {
    padding: 19px 15px 19px 40px;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline
}

@media (max-width:1579px) {
    .Dashboard-sidebar .Menu-link {
        padding-left: 28px
    }
}

@media (min-width:980px) and (max-width:1579px) {
    .Dashboard-sidebar .Menu-link {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1279px) {
    .Dashboard-sidebar .Menu-link {
        padding-left: 0
    }
}

.Dashboard-sidebar .Menu-link--active {
    position: relative
}

    .Dashboard-sidebar .Menu-link--active:before {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        bottom: -1px;
        width: 4px;
        background: #c21b17;
        background: linear-gradient(180deg,#c1210d 26%,#eb5a41 0,#eb5a41 47%,#881c11 0,#881c11 68%,#a81d34 0)
    }

    .Dashboard-sidebar .Menu-link--active .Menu-icon {
        color: #e9573d
    }

    .Dashboard-sidebar .Menu-link--active, .Dashboard-sidebar .Menu-link--active:hover {
        background-color: #fff;
        color: #282e38
    }

        .Dashboard-sidebar .Menu-link--active .Menu-text, .Dashboard-sidebar .Menu-link--active:hover .Menu-text {
            color: #282e38
        }

        .Dashboard-sidebar .Menu-link--active .Menu-icon, .Dashboard-sidebar .Menu-link--active:hover .Menu-icon {
            color: #c21b17
        }

.Dashboard-sidebar .Dropdown-content {
    left: 0;
    right: 0;
    min-width: 0;
    background-color: #383838
}

.Dashboard-main {
    padding: 20px 40px
}

@media (max-width:1399px) {
    .Dashboard-main {
        padding: 20px
    }
}

.Dashboard-aside {
    flex: none;
    max-width: 260px;
    background-color: transparent
}

.Dashboard-logo {
    display: block
}

    .Dashboard-logo img {
        display: block;
        height: 32px;
        width: auto
    }

.Dashboard-search {
    padding: 0 25px;
    height: 60px
}

@media (min-width:1580px) {
    .Dashboard-search {
        margin-left: 20px
    }
}

.Dashboard-searchToggle {
    font-size: 18px;
    color: #fff;
    line-height: 60px
}

.Dashboard-searchForm {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    max-height: calc(75vh - 60px);
    box-shadow: 4px 4px 29px 0 rgba(50,50,50,.2);
    background-color: #fff;
    overflow: auto;
    display: none
}

@media (min-width:1400px) {
    .Dashboard-searchForm {
        left: 260px
    }
}

.Dashboard-searchForm--active {
    display: block
}

.Dashboard-searchForm .SiteSearch-form {
    padding-left: 80px
}

.Dashboard-searchForm .SiteSearch-advanced, .Dashboard-searchForm .SiteSearch-controls, .Dashboard-searchForm .SiteSearch-history, .Dashboard-searchForm .SiteSearch-resultList {
    padding-left: 80px;
    padding-right: 80px
}

.Dashboard-login {
    height: 60px
}

    .Dashboard-login a {
        cursor: pointer
    }

    .Dashboard-login .Dropdown-toggle {
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        margin: 0;
        color: #fff;
        line-height: 60px;
        height: 60px;
        border-left: 1px solid hsla(0,0%,100%,.12);
        white-space: nowrap;
        text-align: center;
        padding-left: 30px;
        max-width: 220px
    }

@media (max-width:1279px) {
    .Dashboard-login .Dropdown-toggle {
        width: auto
    }
}

.Dashboard-login .Dropdown-title {
    color: #fff;
    text-overflow: ellipsis;
    max-width: 120px;
    overflow: hidden;
    display: inline-block
}

@media (max-width:1279px) {
    .Dashboard-login .Dropdown-title {
        max-width: 85px;
        display: none
    }
}

.Dashboard-login-user .Icon {
    margin: 0 8px
}

.Dashboard-login .Icon:first-of-type {
    margin-left: 0
}

.Dashboard-login .Icon:last-of-type:not(:first-of-type) {
    margin-right: 0
}

.Dashboard-login .Icon--angleDown {
    font-size: 8px;
    margin-left: 10px;
    display: inline-block
}

.Dashboard-toggle {
    cursor: pointer;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    margin-right: 20px;
    padding: 0
}

@media (min-width:1580px) {
    .Dashboard-toggle {
        display: none
    }
}

@media (min-width:1400px) {
    .Dashboard-toggle {
        margin: 0
    }
}

@media (max-width:1579px) {
    .Dashboard-toggle {
        margin-right: 70px
    }
}

@media (max-width:1399px) {
    .Dashboard-toggle {
        margin-right: 30px
    }
}

.Dashboard-mainWrapper {
    flex: 1
}

    .Dashboard-mainWrapper .SiteSearch {
        padding: 20px 40px
    }

@media (max-width:1399px) {
    .Dashboard-mainWrapper .SiteSearch {
        padding: 20px
    }
}

.Dashboard-mainWrapper .SiteSearch-form {
    background-color: #fff;
    border-radius: 3px
}

    .Dashboard-mainWrapper .SiteSearch-form .Button {
        line-height: 60px
    }

.Dashboard-mainWrapper .SiteSearch-history {
    border: 0
}

.Dashboard-mainWrapper .SiteSearch-advanced, .Dashboard-mainWrapper .SiteSearch-history, .Dashboard-mainWrapper .SiteSearch-resultList {
    background-color: #fff
}

.Dashboard-mainTitle {
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 0 0 12px
}

.Delegations {
    max-width: 860px;
    margin: 0 auto
}

.Delegations-user {
    margin: 0;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center
}

.Delegations-error, .Delegations-logout, .Delegations-logoutButton {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center
}

.Delegations-version {
    margin: 0;
    line-height: 1;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.Delegations-divider {
    line-height: 1;
    text-align: center;
    position: relative;
    padding: 40px 0
}

    .Delegations-divider:after, .Delegations-divider:before {
        position: absolute;
        top: 50%;
        height: 1px;
        background-color: #d1d1d1;
        content: ""
    }

    .Delegations-divider:before {
        left: 0;
        right: calc(50% + 100px)
    }

    .Delegations-divider:after {
        right: 0;
        left: calc(50% + 100px)
    }

.Delegations .HorizontalScroll-base, .Delegations .Menu--typeTabs2 .Menu-item {
    width: 100%
}

    .Delegations .Menu--typeTabs2 .Menu-item .Menu-link {
        padding: 0;
        height: 105px;
        justify-content: center
    }

.Delegations .RadioButtonGroup {
    padding-bottom: 30px
}

body {
    margin: 0 !important;
    padding: 0 !important
}

@font-face {
    font-family: Helvetica Neue LT Pro;
    src: local("Helvetica Neue LT Pro 55 Roman"),local("HelveticaNeueLTPro-Roman"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-Roman.woff2) format("woff2"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-Roman.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue LT Pro;
    src: local("Helvetica Neue LT Pro 75 Bold"),local("HelveticaNeueLTPro-Bd"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-Bd.woff2) format("woff2"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-Bd.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue LT Pro;
    src: local("Helvetica Neue LT Pro 76 Bold Italic"),local("HelveticaNeueLTPro-BdIt"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-BdIt.woff2) format("woff2"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-BdIt.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue LT Pro;
    src: local("Helvetica Neue LT Pro 56 Italic"),local("HelveticaNeueLTPro-It"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-It.woff2) format("woff2"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-It.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue LT Pro;
    src: local("Helvetica Neue LT Pro 65 Medium"),local("HelveticaNeueLTPro-Md"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-Md.woff2) format("woff2"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-Md.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue LT Pro;
    src: local("Helvetica Neue LT Pro 66 Medium Italic"),local("HelveticaNeueLTPro-MdIt"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-MdIt.woff2) format("woff2"),url(../../assets/fonts/helvetica-neue-lt-pro/subset-HelveticaNeueLTPro-MdIt.woff) format("woff");
    font-weight: 500;
    font-style: italic
}

.h1, .h2, .h3, .h4, .h5, .h6, a, body, h1, h2, h3, h4, h5, h6, li, p, ul {
    font-family: Helvetica Neue LT Pro,sans-serif
}

.Button {
    text-transform: none;
    box-shadow: 0 9px 44px 0 rgba(0,0,0,.11);
    display: flex;
    justify-content: space-around;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 56px;
    max-width: 200px;
    font-size: 12px
}

.Button--primary {
    box-shadow: 2px 3px 8px 0 rgba(255,0,0,.33)
}

.Button--disabled {
    box-shadow: none
}

.Button--link {
    border-color: transparent;
    background-color: #fff
}

    .Button--link .Button-label {
        color: #282e38
    }

    .Button--link:hover .Button-label {
        color: #fff
    }

.Button--fullwidth {
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px
}

@media (min-width:980px) {
    .Button--md300 {
        max-width: 300px
    }
}

.Button--oval {
    border-radius: 30px
}

.Button--linkToBottom {
    position: fixed;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    flex-direction: column;
    padding: 8px 30px 0;
    justify-content: center;
    line-height: .9
}

    .Button--linkToBottom .Button-label {
        color: #c21b18
    }

.Button--statusActive .Button-icon--half, .Button--statusActive .Button-icon--success, .Button--statusSuccess .Button-icon--active, .Button--statusSuccess .Button-icon--half {
    display: none
}

.Button--statusSuccess .Button-icon--success {
    border-radius: 50%;
    background-color: #a1b637;
    color: #fff;
    padding: 5px;
    font-size: 9px;
    line-height: 1
}

.Button--statusSuccess .Button-label {
    color: #afafb9
}

.Button--statusHalf .Button-icon--active, .Button--statusHalf .Button-icon--success {
    display: none
}

.Button--statusHalf .Button-icon--half {
    border-radius: 50%;
    border-color: #c21b17 #c21b17 #adadba #adadba;
    border-style: solid;
    border-width: 2px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Button--multiline {
    text-align: left;
    height: auto;
    min-height: 56px
}

    .Button--multiline * {
        white-space: normal
    }

    .Button--multiline .Button-label:not(:last-child) {
        margin-right: 8px
    }

    .Button--multiline .Button-icon {
        top: auto
    }

.Button--login {
    padding: 0;
    border: 1px solid rgba(194,27,23,.2);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none
}

    .Button--login .Icon {
        color: #c21b17;
        margin-right: 0
    }

    .Button--login .Button-label {
        display: none
    }

.Button--login--loged {
    background-color: #c21b17
}

    .Button--login--loged .Icon {
        color: #fff
    }

.Button--succesContent {
    margin-top: 40px;
    margin-bottom: 25px
}

.Button--navigation {
    flex: 1 0 0;
    margin-left: 12px
}

    .Button--navigation:first-child {
        margin-left: 0
    }

.Button--columnNavigation {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .Button {
        min-width: 110px
    }

    .Button--roundicon {
        min-width: 0
    }

    .Button--login {
        padding: 6px 24px;
        border: none;
        width: auto;
        height: auto;
        display: block
    }

        .Button--login .Icon {
            margin-right: 8px
        }

        .Button--login .Button-label {
            display: inline
        }

    .Button--login--loged {
        background-color: transparent
    }

        .Button--login--loged .Icon {
            color: #c21b17
        }

    .Button--navigation {
        flex: 1 0 0;
        margin-left: 30px
    }

        .Button--navigation:first-child {
            margin-left: 0
        }
}

@media (min-width:980px) {
    .Button--modalReverse {
        flex-direction: row-reverse;
        margin-right: 30px
    }

        .Button--modalReverse .Icon {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .Button--linkToBottom {
        display: none
    }
}

.FileInput .FileInput-control {
    border: 1px solid rgba(0,0,0,.12);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0;
    height: 48px;
    display: flex;
    flex-wrap: nowrap
}

    .FileInput .FileInput-control .Input-label {
        pointer-events: auto;
        z-index: 2;
        cursor: text;
        width: 100%
    }

    .FileInput .FileInput-control .FileInput-button {
        margin-left: auto;
        z-index: 4;
        line-height: 46px;
        text-align: center;
        white-space: nowrap;
        color: #c21b17
    }

.FileInput .FileInput-row {
    justify-content: space-between;
    margin: 5px 0
}

    .FileInput .FileInput-row .FileInput-name {
        font-size: 12px
    }

    .FileInput .FileInput-row .FileInput-remove {
        color: #d4d4d4;
        font-size: 14px
    }

.Input {
    border: 1px solid rgba(0,0,0,.12);
    padding-left: 15px;
    padding-right: 15px
}

.Input-button {
    color: #282e38
}

.Input-control {
    padding-left: 15px
}

.Input-label--optional {
    pointer-events: none;
    font-size: 12px;
    -webkit-transform: translate(0);
    transform: translate(0);
    background-color: #fff;
    padding: 0 4px;
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 11px
}

    .Input-label--optional.Input-label--shrink {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

.Input-label--shrink {
    -webkit-transform: translate(11px,-9px);
    transform: translate(11px,-9px);
    background-color: #fff;
    padding: 0 4px;
    display: inline-block
}

.Input-labelWrapper {
    overflow: visible;
    width: calc(100% - 15px)
}

.Input-permanent-placeholder {
    color: #b0b2b3;
    position: absolute;
    bottom: 10px;
    left: 16px
}

.Input--pin {
    width: 56px;
    height: 56px
}

    .Input--pin .Input-control {
        padding-right: 15px;
        text-align: center;
        font-size: 22px
    }

.Input--typeMultiline .Input-labelWrapper--shrink {
    padding-left: 0
}

.Input--typeMultiline .Input-labelWrapper .Input-label {
    white-space: normal;
    padding-left: 15px
}

    .Input--typeMultiline .Input-labelWrapper .Input-label.Input-label--optional {
        padding-left: 4px
    }

.Input--typeMultiline .Input-labelWrapper .Input-label--shrink {
    white-space: nowrap
}

.Input--placeholdered .Input-labelWrapper--absolut .Input-label--placeholder {
    letter-spacing: 3px
}

.Input--placeholdered .Input-control {
    letter-spacing: 1.9px;
    font-family: monospace
}

.Input--typeSuccess {
    border-color: #a1b637
}

    .Input--typeSuccess .Input-label--shrink {
        color: #a1b637
    }

    .Input--typeSuccess:hover {
        border-color: #1e8449
    }

.Input--typeInfo {
    border-color: #2980b9
}

    .Input--typeInfo .Input-label--shrink {
        color: #2980b9
    }

    .Input--typeInfo:hover {
        border-color: #20638f
    }

.Input--typeWarning {
    border-color: #f57f17
}

    .Input--typeWarning .Input-label--shrink {
        color: #f57f17
    }

    .Input--typeWarning:hover {
        border-color: #bf6516
    }

.Input--typeError {
    border-color: #c21b18
}

    .Input--typeError .Input-label--shrink {
        color: #c21b18
    }

    .Input--typeError:hover {
        border-color: #d62c1a
    }

.Input--typeTags {
    height: auto;
    min-height: 48px
}

    .Input--typeTags .Input-control {
        display: inline-block;
        width: 30%
    }

.Icon--bigger {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    display: inline-block;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    margin-right: 3px
}

.Link {
    text-decoration: underline
}

    .Link--block, .Link:focus, .Link:hover {
        text-decoration: none
    }

.Link--block {
    display: flex;
    justify-content: center;
    font-weight: 800
}

.Link-mainIcon {
    font-size: 1.3;
    margin-right: 10px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.Radio {
    margin: 10px 0;
    min-height: auto
}

.Radio-text {
    padding-top: 7px;
    padding-left: 24px
}

.Radio-box {
    top: 9px;
    border: 1px solid #d4d4d4;
    width: 16px;
    height: 16px
}

.Radio .Radio-text__title {
    display: block
}

.Radio .Radio-text__description {
    display: block;
    color: #b0b2b3;
    padding: 5px 0 0;
    font-size: 13px
}

.Checkbox-box {
    border: 1px solid #d4d4d4
}

.Text {
    font-size: 12px
}

.Text--mainTitle {
    text-align: center;
    margin: 0
}

.Text--mainTitle, .Text--title {
    font-weight: 700;
    font-size: 19px
}

.Text--title {
    margin: 0 0 15px
}

.Text--subTitle {
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 15px
}

.Text--highTitle {
    font-weight: 300;
    font-size: 24px;
    margin: 0 0 15px
}

@media (min-width:980px) {
    .Text--highTitle {
        font-weight: 900
    }
}

.Text--boldTitle {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 15px
}

.Text--mega {
    font-size: 60px
}

.Text--small {
    font-size: 13px;
    color: #b0b2b3;
    line-height: 1.5
}

.Text--big {
    font-size: 14px
}

.Text--bigger {
    font-size: 16px;
    margin-top: 15px
}

.Text--mb {
    margin-bottom: 30px
}

.Text--center {
    text-align: center
}

.Text--left {
    text-align: left
}

.Text--comment {
    color: #7e8288
}

.Text--strong {
    font-weight: 600;
    color: #282e38
}

.Text--errorColor {
    color: #c21b18
}

.Text--inCircle {
    border: 3px solid;
    border-radius: 50%;
    width: 80px;
    display: inline-block;
    height: 80px;
    line-height: 72px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600
}

.Switch {
    background-color: #e0e0e0
}

.Switch--stateAgree:before {
    left: 14px
}

.Switch--stateDisagree:before {
    left: -1px
}

.Switch--stateAgree .RadioButtonGroup-item:first-child {
    background-color: #e0e0e0
}

.Switch .RadioButtonGroup-item:after {
    display: none
}

.Select {
    position: relative
}

.Select-popper {
    width: 100%
}

.Notice {
    color: #7e8288;
    background-color: #f3f3f3;
    box-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
    font-size: 12px;
    position: relative;
    margin-bottom: 30px
}

    .Notice:after {
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        top: auto;
        bottom: 100%;
        left: 15px;
        border: 7px solid transparent;
        border-bottom-color: #f3f3f3 !important
    }

.Notice--FormGroup {
    margin-top: -20px
}

.Notice--Image {
    display: flex
}

    .Notice--Image img {
        margin-left: 5px;
        width: 75px
    }

.Envelope-letter {
    -webkit-transform: translateY(53%);
    transform: translateY(53%);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.Envelope-letter--out {
    -webkit-animation: letter-out 1s ease-in-out forwards;
    animation: letter-out 1s ease-in-out forwards
}

.Envelope-letter--in {
    -webkit-animation: letter-in 1s cubic-bezier(1,1.5,.9,.9) 1s forwards;
    animation: letter-in 1s cubic-bezier(1,1.5,.9,.9) 1s forwards;
    opacity: 0
}

.Envelope-check {
    -webkit-animation: check .5s ease-in-out 2s forwards;
    animation: check .5s ease-in-out 2s forwards;
    stroke-dasharray: 40;
    stroke-dashoffset: 40
}

@-webkit-keyframes letter-out {
    0% {
        -webkit-transform: scale(.1) translateY(150%);
        transform: scale(.1) translateY(150%);
        opacity: 0
    }

    99% {
        -webkit-transform: scale(.5) translateY(-22%);
        transform: scale(.5) translateY(-22%);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes letter-out {
    0% {
        -webkit-transform: scale(.1) translateY(150%);
        transform: scale(.1) translateY(150%);
        opacity: 0
    }

    99% {
        -webkit-transform: scale(.5) translateY(-22%);
        transform: scale(.5) translateY(-22%);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes letter-in {
    0% {
        -webkit-transform: scale(.5) translateY(-22%);
        transform: scale(.5) translateY(-22%);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(75%);
        transform: translateY(75%);
        opacity: 1
    }
}

@keyframes letter-in {
    0% {
        -webkit-transform: scale(.5) translateY(-22%);
        transform: scale(.5) translateY(-22%);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(75%);
        transform: translateY(75%);
        opacity: 1
    }
}

@-webkit-keyframes check {
    0% {
        stroke-dashoffset: 40
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes check {
    0% {
        stroke-dashoffset: 40
    }

    to {
        stroke-dashoffset: 0
    }
}

.Display--none {
    display: none
}

@media (min-width:980px) {
    .Display--mdBlock {
        display: block
    }
}

.SuccesList {
    list-style: none;
    padding-left: 25px
}

.SuccesList-item {
    position: relative;
    font-size: 16px
}

    .SuccesList-item:before {
        position: absolute;
        left: -20px;
        top: 3px;
        font-size: 12px;
        content: "\e902";
        color: #b0b2b3;
        font-family: GefIcons !important
    }

.SuccesList-item--checked:before {
    content: "\e900";
    color: #a1b637
}

.Image--center {
    display: flex;
    margin: 20px auto 30px
}

.Image--fullWidth {
    width: 100%
}

.Image--miniSize {
    width: auto;
    height: 220px
}

.Image--maxiSize {
    height: auto;
    width: 100%
}

.ReactModal__Overlay {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: none !important;
    display: flex;
    align-items: center
}

    .ReactModal__Overlay .ReactModal__Content {
        padding: 30px 20px 10px !important;
        border-radius: 5px !important;
        box-shadow: 0 10px 24px 0 rgba(0,0,0,.1) !important;
        position: relative !important;
        max-width: 640px;
        overflow: auto
    }

@media (min-width:768px) {
    .ReactModal__Overlay .ReactModal__Content {
        padding: 55px 40px 75px !important
    }
}

@media (min-width:980px) {
    .ReactModal__Overlay .ReactModal__Content {
        padding: 55px 50px 75px !important
    }
}

.ReactModal-title {
    margin-bottom: 15px;
    text-align: center;
    box-shadow: none;
    text-transform: none
}

@media (min-width:768px) {
    .ReactModal-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

.ReactModal-iconNotice {
    font-size: 60px;
    width: 68px;
    height: 68px;
    border: 2px solid #c21b17;
    color: #c21b17;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin: 0 auto 25px;
    border-radius: 50%
}

.ReactModal-text {
    max-width: 500px;
    margin: 0 auto 40px;
    text-align: center
}

.ReactModal-userData {
    margin-bottom: 15px
}

    .ReactModal-userData .ReactModal-label {
        font-size: 12px;
        color: #7e8288
    }

    .ReactModal-userData strong {
        font-size: 16px;
        font-weight: 700
    }

.ReactModal-ecvImage {
    margin: 10px 0 0;
    width: 100%;
    max-width: 360px
}

.ReactModal-close {
    position: absolute;
    background-color: transparent;
    border: none;
    right: 15px;
    top: 15px;
    outline: none
}

.Tooltip {
    margin: 100px 0 0
}

.Tooltip-avatar {
    cursor: pointer;
    width: 40px;
    border-radius: 50%
}

.Tooltip-content {
    position: absolute;
    bottom: 60px;
    max-width: 300px
}

    .Tooltip-content .Button {
        padding: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        border-radius: 50%;
        border: 1px solid #c21b17;
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .Tooltip-content .Button .Icon {
            color: #c21b17;
            font-size: 10px
        }

.Tooltip-Switch {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.Tooltip-SwitchLabel {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 700
}

.Tooltip .__react_component_tooltip.type-dark:before {
    display: none
}

.Tooltip .__react_component_tooltip.type-dark.place-right:after {
    right: auto;
    left: 10px;
    top: 100%;
    border-color: #fff transparent transparent;
    border-width: 10px;
    margin-top: 0
}

@media (min-width:980px) {
    .Tooltip .Tooltip-content {
        -webkit-transform: translate(55px,-100%);
        transform: translate(55px,-100%);
        padding-right: 50px;
        width: calc(100% - 55px);
        bottom: auto;
        max-width: 100%
    }

    .Tooltip .__react_component_tooltip.type-dark.place-right:after {
        right: 100%;
        left: auto;
        top: auto;
        bottom: 17px;
        border-color: transparent #fff transparent transparent;
        border-width: 10px;
        margin-top: -10px
    }
}

.Validation {
    font-weight: 500
}

.Validation--typeError:before {
    content: " ";
    color: #ff5252;
    display: inline-block;
    /*background: transparent url(../../../assets/images/exclamation.svg) no-repeat;*/
    width: 10px;
    height: 12px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.Validation--typeNotice {
    font-size: 13px;
    font-weight: 400;
    margin-left: 18px
}

.Validation--typeSucces {
    color: #a1b637;
    font-size: 13px;
    padding-top: 20px;
    padding-left: 4px
}

    .Validation--typeSucces:before {
        font-family: GefIcons !important;
        content: "\e900";
        display: inline-block;
        margin-right: 5px;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
        font-weight: 400
    }

.Validation--mainMessage {
    background-color: rgba(255,82,82,.13333333333333333);
    padding: 14px 15px 14px 50px;
    border-radius: 5px;
    margin: 20px 0 0;
    position: relative;
    font-weight: 600;
    font-size: 12px
}

    .Validation--mainMessage:before {
        content: "!";
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        border: 2px solid #ff5252;
        border-radius: 50%;
        font-weight: 900;
        width: 22px;
        height: 22px;
        margin: 0 5px 0 0;
        text-align: center;
        font-size: 1.6em;
        line-height: 1.2;
        vertical-align: middle
    }

.Validation--mainMessageSuccess {
    /*background-color: rgba(255,82,82,.13333333333333333);*/
    padding: 14px 15px 14px 50px;
    border-radius: 5px;
    margin: 20px 0 0;
    position: relative;
    font-weight: 400;
    font-size: 12px
}

    .Validation--mainMessageSuccess:before {
        font-family: GefIcons !important;
        content: "\e900"; /* "✔";*/
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        border: 2px solid #27ae60;
        border-radius: 50%;
        font-weight: 900;
        width: 22px;
        height: 22px;
        margin: 0 5px 0 0;
        text-align: center;
        font-size: 1.2em;
        line-height: 1.6;
        /*background-color: #27ae60;*/
        background-color: #a1b637;
        border-color: #a1b637;
        color: white;
    }

.FormGroup {
    margin-bottom: 30px
}

.FormGroup--noMargin {
    margin-bottom: 0
}

.Form {
    display: flex;
    flex-direction: column;
    min-height: 430px;
    justify-content: space-between
}

.Form-tooltip {
    width: 50px;
    flex: 0 0 50px;
    position: static
}

.Form-inputs {
    margin-bottom: 40px
}

.Form-submit {
    display: flex;
    flex-direction: row;
    position: fixed;
    bottom: 0;
    left: 10px;
    right: 10px;
    z-index: 9;
    justify-content: center;
    max-width: 300px;
    margin: 0 auto
}

.Form-submit--columnNavigation {
    margin-bottom: 40px
}

@media (min-width:980px) {
    .Form-submit {
        flex-direction: column;
        position: relative;
        left: 0;
        right: 0;
        max-width: 100%;
        margin: 0
    }

    .Form-inputs {
        margin-bottom: 40px;
        min-height: 0
    }
}

.Icon--primary {
    background-color: #c21b18
}

.Icon--primary, .Icon--succes {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    line-height: 32px
}

.Icon--succes {
    background-color: #a1b637
}

.Logo {
    display: flex
}

.Logo-image {
    height: 10%;
    max-width: 40vw;
    max-height: 60px;
    margin: 0 0 4px 0;
}

@media (min-width:768px) {
    .Logo-image {
        height: 10%;
        max-width: 30vw;
        max-height: 70px;
    }
}

.Card {
    background-color: #fff;
    box-shadow: 0 9px 44px 0 rgba(0,0,0,.11);
    padding: 20px 29px;
    margin: 29px 0 0
}

.Card--pt {
    padding-top: 40px
}

.Card--mb {
    margin-bottom: 30px
}

@media (min-width:980px) {
    .Card--mdFullHeight {
        height: calc(100% - 29px)
    }
}

.List.List--bullet {
    margin: 0 0 24px;
    font-size: 12px
}

    .List.List--bullet .List-item {
        border: none;
        padding: 5px 0 0 10px;
        position: relative
    }

        .List.List--bullet .List-item:before {
            content: "";
            background-color: #c21b18;
            position: absolute;
            left: 0;
            top: 50%;
            width: 4px;
            height: 4px;
            display: block
        }

.ReportItem {
    background-color: #fff;
    box-shadow: 0 9px 44px 0 rgba(0,0,0,.11);
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    min-height: 88px;
    position: relative
}

    .ReportItem .ReportItem-text {
        width: 100%;
        margin-bottom: 24px
    }

    .ReportItem .ReportItem-title {
        font-size: 16px;
        font-weight: 700;
        width: 100%;
        transition: all .4s;
        line-height: 19px;
        margin-bottom: 15px;
        color: #282e38
    }

    .ReportItem .ReportItem-name {
        margin-bottom: 5px
    }

    .ReportItem .ReportItem-date, .ReportItem .ReportItem-name {
        font-size: 12px;
        line-height: 15px;
        color: #282e38
    }

    .ReportItem .ReportItem-navigations {
        display: flex;
        flex-direction: column
    }

        .ReportItem .ReportItem-navigations .Button {
            width: 100%;
            max-width: 100%
        }

        .ReportItem .ReportItem-navigations .Button--link {
            order: 0;
            justify-content: space-between;
            padding: 10px 15px;
            margin-right: 0
        }

        .ReportItem .ReportItem-navigations .Button--transparent {
            order: 1
        }

@media (min-width:980px) {
    .ReportItem {
        flex-direction: row;
        padding: 32px 40px 40px
    }

        .ReportItem .ReportItem-text {
            margin-bottom: 0
        }

        .ReportItem .ReportItem-datatext {
            display: flex;
            flex-direction: row
        }

        .ReportItem .ReportItem-title {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 15px
        }

        .ReportItem .ReportItem-name {
            margin-right: 30px
        }

        .ReportItem .ReportItem-date, .ReportItem .ReportItem-name {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 0
        }

        .ReportItem .ReportItem-navigations {
            display: flex;
            flex-direction: row;
            align-items: center
        }

            .ReportItem .ReportItem-navigations .Button {
                width: auto;
                max-width: 100%
            }

            .ReportItem .ReportItem-navigations .Button--link {
                order: 1;
                justify-content: space-between;
                padding: 10px 15px;
                width: 168px
            }

            .ReportItem .ReportItem-navigations .Button--transparent {
                order: 0;
                padding-left: 40px;
                padding-right: 40px
            }
}

.ReportItemLinksWrap {
    max-width: 310px;
    margin: 50px auto 20px;
    text-align: center
}

    .ReportItemLinksWrap .Button {
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
        padding: 10px 15px;
        margin-bottom: 20px
    }

    .ReportItemLinksWrap .Link {
        text-align: center;
        font-size: 12px;
        max-width: 175px;
        display: block;
        margin: auto
    }

.ButtonWrap {
    display: flex;
    justify-content: space-between
}

.ButtonWrap--fullwidth > * {
    width: 100%
}

.ButtonWrap--navigation {
    flex: 1 0 0;
    align-items: flex-end;
    margin-bottom: 5px;
    justify-content: flex-start
}

.ButtonWrap--modalNavigation {
    flex-direction: column;
    margin-top: 30px
}

    .ButtonWrap--modalNavigation .Button {
        margin-bottom: 20px
    }

.ButtonWrap--columnNavigation {
    flex: 1 0 0;
    flex-direction: column;
    margin-top: 40px;
    justify-content: flex-end
}

@media (min-width:980px) {
    .ButtonWrap.ButtonWrap--navigation {
        justify-content: center
    }

    .ButtonWrap--modalNavigation {
        flex-direction: row-reverse
    }

        .ButtonWrap--modalNavigation .Button {
            margin-bottom: 0
        }
}

.FormGroupHeader {
    margin-bottom: 24px
}

@media (min-width:980px) {
    .FormGroupHeader {
        display: none
    }
}

.FormGroupSeparate {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.12);
    position: relative
}

.FormGroupSeparate-text {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #afafb9;
    background-color: #fff;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2.5px
}

.Stepper {
    justify-content: center
}

.Stepper-step {
    background-color: #e0e0e0;
    flex: 0 1 70px;
    margin: 0 4px 0 0;
    height: 4px
}

.Stepper-step--active, .Stepper-step--completed {
    background-color: #adadba
}

.Stepper-stepLabel {
    display: none
}

.Stepper-info {
    color: #b0b2b3;
    text-align: center;
    margin-top: 10px
}

@media (min-width:980px) {
    .Stepper-info {
        display: none
    }
}

.InputGroup--fullwidth {
    align-items: flex-start;
    flex-wrap: nowrap
}

    .InputGroup--fullwidth .FormGroup {
        flex: 1;
        max-width: 50%
    }

        .InputGroup--fullwidth .FormGroup:not(:first-child) .Input {
            border-left-color: transparent
        }

            .InputGroup--fullwidth .FormGroup:not(:first-child) .Input:hover {
                border-left-color: #282e38
            }

        .InputGroup--fullwidth .FormGroup.FormGroup-row--small {
            flex: 0 0 100px
        }

    .InputGroup--fullwidth .FormGroup--flex2 {
        flex: 2;
        max-width: 100%
    }

.Grid-col--extended .PovcategoryItem--active {
    border-bottom: none;
    min-height: 110px
}

@media (min-width:768px) {
    .Grid-col--extended {
        position: relative;
        padding-bottom: 130px
    }

        .Grid-col--extended:nth-child(2n) .PovcategoryItem-open {
            left: calc(20px - 100%)
        }

            .Grid-col--extended:nth-child(2n) .PovcategoryItem-open:after {
                left: calc(50% + 10px)
            }
}

.Grid--equal-gutter {
    margin: -20px 0 0 -20px
}

    .Grid--equal-gutter .Grid-col {
        padding: 20px 0 0 20px
    }

@media (min-width:768px) {
    .Grid--equal-gutter .Grid-col--extended {
        padding-bottom: 130px
    }
}

.Grid-col--icon {
    flex: 0;
    align-self: center
}

.Grid-col--iconText {
    padding: 20px 0 0 15px
}

.Grid--center {
    justify-content: center
}

.Container {
    width: 100%;
    padding-right: 29px;
    padding-left: 29px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .Container {
        max-width: 720px
    }
}

@media (min-width:980px) {
    .Container {
        max-width: 960px
    }
}

@media (min-width:1280px) {
    .Container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .Container {
        max-width: 1180px
    }
}

.Headline {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center
}

.Headline--centered {
    text-align: center;
    padding-bottom: 15px
}

.Headline--navigation .Headline-backlink {
    display: none
}

@media (min-width:768px) {
    .Headline {
        text-align: left;
        padding-top: 60px;
        padding-bottom: 65px
    }

    .Headline--navigation {
        padding-left: 70px;
        position: relative
    }

        .Headline--navigation .Headline-backlink {
            cursor: pointer;
            display: block;
            position: absolute;
            left: 0;
            font-size: 40px;
            color: #c21b17;
            height: 40px;
            top: 75px
        }
}

.Pageheader {
    position: relative
}

    .Pageheader .Pageheader-items {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0 15px
    }

@media (min-width:768px) {
    .Pageheader {
        border-left: 6px solid #c21b17
    }

        .Pageheader:after, .Pageheader:before {
            content: "";
            display: block;
            width: 6px;
            position: absolute;
            left: -6px
        }

        .Pageheader:before {
            height: 30px;
            top: 44px;
            background-color: #e9573d
        }

        .Pageheader:after {
            height: 20px;
            top: 74px;
            background-color: #752127
        }

        .Pageheader .Pageheader-items {
            /*align-items: flex-end;*/
            padding: 37px 0 60px;
            display: flex;
            justify-content: space-between
        }
}

.FullscreenMessage {
    height: 100vh
}

.FormResult-item, .FullscreenMessage {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center
}

.uplSendSuggestionPanel {
    padding: 30px 25px 0 25px;
}

.FormResult {
}

.FormResult-item {
    min-height: 290px;
    padding: 29px
}

.FormResult-item--success {
    background-color: #a1b637
}

.FormResult-item--error {
    background-color: #c21b18
}

.FormResult-item--action {
    min-height: 0
}

.FormResult-info {
    margin-bottom: 80px
}

.FormResult-colortext {
    color: #fff
}

@media (min-width:980px) {
    .uplSendSuggestionPanel {
        padding: 30px 0 0 0;
    }

    .FormResult {
        max-width: 500px;
        margin: 0 auto
    }

    .FormResult-item {
        padding: 0;
        justify-content: flex-end;
        min-height: 250px
    }

    .FormResult-item--error, .FormResult-item--success {
        background-color: #fff
    }

        .FormResult-item--success .FormResult-colortext {
            color: #a1b637
        }

        .FormResult-item--error .FormResult-colortext {
            color: #c21b18
        }

    .FormResult-item--action {
        justify-content: flex-start
    }

    .FormResult-info {
        margin-top: 30px
    }
    .uplSendSuggestionPanel {
        padding: 0;
    }
}

.WindowAvatar {
    position: relative
}

.WindowAvatar-svg {
    overflow: overlay;
    max-width: 100%
}

.WindowAvatar-image {
    display: none;
    cursor: pointer;
    text-align: center
}

@media (min-width:1280px) {
    .WindowAvatar-image {
        text-align: left
    }
}

.WindowAvatar-part {
    display: none
}

.WindowAvatar--car {
    margin: 0 0 30px
}

    .WindowAvatar--car .WindowAvatar-image--car {
        display: block
    }

.WindowAvatar--truck {
    margin: 0 0 30px
}

    .WindowAvatar--bordersActive .WindowAvatar-part--borders, .WindowAvatar--driverActive .WindowAvatar-part--driver, .WindowAvatar--truck .WindowAvatar-image--truck, .WindowAvatar--wholeActive .WindowAvatar-part--whole {
        display: block
    }

.PhotoUploader {
    background-color: #e0e0e0;
    margin: 25px 0;
    position: relative;
    text-align: center
}

.PhotoUploader-controlPanel {
    display: flex;
    justify-content: space-between;
    align-self: normal
}

.PhotoUploader-controlGroup {
    font-size: 18px;
    margin: 5px 10px
}

.PhotoUploader-button--inactive {
    opacity: .3
}

.PhotoUploader-flag {
    position: absolute;
    top: 9px;
    right: 8px;
    background-color: #a1b637;
    color: #fff;
    padding: 2px 10px;
    font-size: .8em;
    font-weight: 800;
    border-radius: 3px
}

.Slider {
    position: relative
}

.Slider-window {
    overflow: auto;
    margin-left: -29px;
    margin-right: -29px
}

    .Slider-window:before {
        content: "";
        position: absolute;
        left: -29px;
        width: calc(100% + 58px);
        bottom: 0;
        height: 15px;
        background-color: #fff;
        z-index: 3
    }

.Slider-content {
    display: flex
}

.Slider-content--center {
    justify-content: center
}

.Slider-slide {
    min-width: 166px;
    margin: 0 10px 0 0
}

    .Slider-slide:first-child {
        padding-left: 29px
    }

    .Slider-slide:last-child {
        padding-right: 29px
    }

    .Slider-slide:first-child, .Slider-slide:last-child {
        min-width: 195px
    }

.Slider:after, .Slider:before {
    content: "";
    position: absolute;
    width: 29px;
    height: 100%;
    top: 0;
    z-index: 1
}

.Slider:before {
    left: -29px;
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
}

.Slider:after {
    right: -29px;
    background-image: linear-gradient(270deg,#fff,hsla(0,0%,100%,0))
}

@media (min-width:768px) {
    .Slider-content {
        flex-wrap: wrap;
        justify-content: center
    }

    .Slider-slide:first-child {
        padding-left: 0
    }

    .Slider-slide:last-child {
        padding-right: 0
    }
}

img {
    height: auto
}

img, p, ul {
    max-width: 100%
}

main {
    margin-bottom: 50px
}

.welcomePanel {
    margin-bottom: 8px;
}

.introNote {
    margin-top: 3px;
    font-size: 90%;
    font-style: italic;
    font-weight: bold;
    /*white-space: pre;*/
    margin: 6px 0px 0px 30px;
}

.spinnerSend {
    /*
    display: inline;
    height: 6vmax;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    */
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
/***********************/
#totalSpinner {
    float: right;
    position: fixed;
    right: 25px;
    top: 10px;
    color: yellow;
    background-color: red;
    padding: 0px 5px;
    border-radius: 6px;
    border: 2px solid #D04040;
    font-size: 0.7em;
    font-weight: bold;
    z-index: 99999;
}