@keyframes slide-right {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes slide-right-reverse {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slide-top {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes scale-x {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes dashOffset {
    0% {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dasharray: 1000;
        stroke-dashoffset: 2000
    }
}

@keyframes donutCompletion {
    0% {
        stroke-dasharray: 0 100
    }
}

@keyframes donutStroke {
    0% {
        stroke: transparent
    }
}

@keyframes background-slide {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

.circle__qjquT {
    stroke-linecap: round;
    stroke-width: 1.5
}

.content__dsGPt {
    flex-direction: column
}

.content__dsGPt,
.iconWrapper__OlEZ1 {
    align-items: center;
    display: flex;
    justify-content: center
}

.iconWrapper__OlEZ1 {
    flex-direction: row;
    height: 20px;
    width: 20px;
    fill: #718399
}

.iconWrapper__OlEZ1 svg {
    height: 100%;
    width: 100%
}

.iconAsterisk_background {
    fill: #f5f6f8
}

.iconAsterisk_asterisk {
    fill: #718399
}

.rotatableIcon__ibv47 {
    transition: transform .3s ease
}

.onePixelBlock__TVAvx {
    height: 1px;
    width: 1px
}

.wrapper__ynhxq .label__Fciro {
    bottom: auto;
    left: 16px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.wrapper__ynhxq.filled__YcHy5 .label__Fciro {
    color: #718399;
    font-size: 12px;
    top: 0
}

.wrapper__ynhxq.focused__auxt1 {
    outline: none
}

.wrapper__ynhxq.focused__auxt1 .label__Fciro {
    color: #07f;
    font-size: 12px;
    top: 0
}

.wrapper__ynhxq.disabled__L9H1f {
    opacity: .5;
    pointer-events: none
}

.wrapper__ynhxq .input__tAM34 {
    font-size: 16px
}

.wrapper__ynhxq .input__tAM34:disabled {
    background-color: transparent
}

.wrapper__ynhxq.error__u9f1X .input__tAM34 {
    border-color: #e63e52 !important
}

.wrapper__ynhxq.error__u9f1X.focused__auxt1 .label__Fciro {
    color: #e63e52
}

.autosuggest__HPk2L .react-autosuggest__container {
    position: relative;
    width: 100%
}

.autosuggest__HPk2L .react-autosuggest__container--open input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #07f
}

.autosuggest__HPk2L .react-autosuggest__suggestions-container {
    display: none
}

.autosuggest__HPk2L .react-autosuggest__suggestions-container--open {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid #07f;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-style: none;
    bottom: auto;
    display: block;
    font-size: 14px;
    left: auto;
    max-height: 182px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    overflow-y: auto;
    position: absolute;
    right: auto;
    scrollbar-color: #bdc6d0 transparent;
    scrollbar-width: thin;
    top: 40px;
    width: 100%;
    z-index: 2
}

.autosuggest__HPk2L .react-autosuggest__suggestions-container--open::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.autosuggest__HPk2L .react-autosuggest__suggestions-container--open::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
    width: 3px
}

.autosuggest__HPk2L .react-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 2px
}

.autosuggest__HPk2L .react-autosuggest__suggestions-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.autosuggest__HPk2L .react-autosuggest__suggestion {
    cursor: pointer;
    padding: 8px 12px
}

.autosuggest__HPk2L .react-autosuggest__suggestion--highlighted {
    background-color: #f5f6f8
}

.inputWrapper__ON0Ad {
    padding: 10px 0 12px
}

.inputBlock__w4rHQ {
    position: relative
}

.info__Fbez7 {
    align-items: baseline;
    color: #718399;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 2px;
    padding-left: 16px
}

.error__t7wxc {
    color: #e63e52
}

.disabled__zE6nY {
    opacity: .5
}

.counter__Dlp__ {
    margin-left: 8px
}

.maxLengthCounter__BDXza {
    align-items: center;
    color: #718399;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-end
}

.input__gj9N2 {
    border-radius: 4px;
    display: block;
    padding: 8px 16px;
    width: 100%
}

.input__gj9N2~.label__YBnB_ {
    bottom: auto;
    left: 16px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.input__gj9N2.filled__Co0Ig~.label__YBnB_ {
    color: #718399;
    font-size: 12px;
    top: 0
}

.input__gj9N2:not(.simple__pfvgC):not(.filled__Co0Ig):not(:active):not(:focus):not(.focused__Vm5mA)::placeholder {
    color: transparent !important
}

.input__gj9N2.focused__Vm5mA,
.input__gj9N2:active:not(:disabled):not(.disabled__trPpv),
.input__gj9N2:focus:not(:disabled):not(.disabled__trPpv) {
    outline: none
}

.input__gj9N2.focused__Vm5mA:not(.error__ueqy_),
.input__gj9N2:active:not(:disabled):not(.disabled__trPpv):not(.error__ueqy_),
.input__gj9N2:focus:not(:disabled):not(.disabled__trPpv):not(.error__ueqy_) {
    border-color: #07f
}

.input__gj9N2.focused__Vm5mA.error__ueqy_~.label__YBnB_,
.input__gj9N2:active:not(:disabled):not(.disabled__trPpv).error__ueqy_~.label__YBnB_,
.input__gj9N2:focus:not(:disabled):not(.disabled__trPpv).error__ueqy_~.label__YBnB_ {
    color: #e63e52
}

.input__gj9N2.focused__Vm5mA~.label__YBnB_,
.input__gj9N2:active:not(:disabled):not(.disabled__trPpv)~.label__YBnB_,
.input__gj9N2:focus:not(:disabled):not(.disabled__trPpv)~.label__YBnB_ {
    color: #07f;
    font-size: 12px;
    top: 0
}

.input__gj9N2.disabled__trPpv,
.input__gj9N2:disabled {
    opacity: .5
}

.input__gj9N2.disabled__trPpv~.label__YBnB_,
.input__gj9N2:disabled~.label__YBnB_ {
    color: rgba(113, 131, 153, .5)
}

.input__gj9N2.error__ueqy_ {
    border-color: #e63e52
}

.input {
    background-color: #fff;
    border: 1px solid #bdc6d0;
    color: #012249;
    font-size: 16px;
    font-weight: 600
}

.input::input-placeholder {
    color: #bdc6d0;
    font-size: 14px;
    font-weight: 400;
    opacity: .5
}

.input:placeholder {
    color: #bdc6d0;
    font-size: 14px;
    font-weight: 400;
    opacity: .5
}

.input::placeholder {
    color: #bdc6d0;
    font-size: 14px;
    font-weight: 400;
    opacity: .5
}

.input:input-placeholder {
    color: #bdc6d0;
    font-size: 14px;
    font-weight: 400;
    opacity: .5
}

.input:disabled,
.input[readonly] {
    -webkit-text-fill-color: #012249
}

.eyeIcon__oYopj {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.label__j1lyl {
    background-color: #fff;
    display: inline-block;
    margin: 0 -6px;
    max-width: calc(100% - 24px);
    overflow: hidden;
    padding: 0 8px 0 6px;
    pointer-events: none;
    text-overflow: ellipsis;
    transition: top .15s, color .15s, font-size .15s;
    white-space: nowrap
}

.label__j1lyl:after {
    content: "";
    display: block
}

.label__j1lyl.error__p8COs {
    color: #e63e52 !important
}

.label__j1lyl:after {
    bottom: auto;
    color: #e63e52;
    content: "*";
    display: inline;
    font-size: 14px;
    font-weight: 400;
    left: auto;
    line-height: 14px;
    margin-left: 2px;
    position: absolute;
    right: 0;
    top: 2px;
    visibility: hidden
}

.requiredStar__mavgf:after {
    visibility: visible
}

.requiredStar__mavgf.disabled__m8JMV:after {
    color: rgba(230, 62, 82, .5)
}

.label {
    color: #718399;
    font-size: 16px;
    font-weight: 600
}

.checkboxContainer__nedgC {
    align-items: center;
    cursor: pointer;
    display: flex;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 12px;
    max-width: 100%
}

.checkboxContainer__nedgC .checkboxLabel__Zjwav {
    color: #2b3037;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    max-width: 100%;
    overflow: hidden;
    pointer-events: auto;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word
}

.checkboxInput__McPDl {
    display: none;
    visibility: hidden
}

.checkboxIcon__O2Kb_ {
    flex-shrink: 0
}

.checkboxIconAnimated__TpPc4 {
    animation: fade-in .5s forwards
}

.disabled__fjGdf {
    opacity: .4;
    pointer-events: none
}

.readonlyContent__p0C33 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 4px 0 14px;
    max-width: 100%
}

.text__M5zSs {
    color: #012249;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

@media screen and (max-width:767.9px) {
    .text__M5zSs {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
        word-wrap: break-word
    }
}

.editableText__QmHUA,
.text__M5zSs {
    width: 100%
}

.toggleWrapper__m1kk3 {
    margin-left: 16px
}

.noBottomOffset__kDeGA {
    margin-bottom: 0;
    padding-bottom: 0
}

.multi__rm9We.hasClearIndicator__vjfdv .pace-select__value-container--is-multi {
    padding-right: 78px
}

@media screen and (max-width:767.9px) {
    .multi__rm9We.hasClearIndicator__vjfdv .pace-select__value-container--is-multi {
        padding-right: 39px
    }
}

.multi__rm9We .pace-select__value-container--is-multi {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    align-content: flex-start;
    margin: 2px 0;
    max-height: 98px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    padding: 0 39px 0 8px;
    scrollbar-color: #bdc6d0 #f0f2f4;
    scrollbar-width: thin
}

.multi__rm9We .pace-select__value-container--is-multi::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.multi__rm9We .pace-select__value-container--is-multi::-webkit-scrollbar-track {
    background-color: #f0f2f4;
    border-radius: 0;
    width: 4px
}

.multi__rm9We .pace-select__value-container--is-multi::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 0
}

.multi__rm9We .pace-select__value-container--is-multi:has([class*=differentPlaceholder]) {
    display: grid;
    justify-content: stretch;
    padding-right: 39px
}

.multi__rm9We .pace-select__indicators {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 0;
    top: 0
}

.multi__rm9We .pace-select__dropdown-indicator {
    height: auto;
    padding: 12px 14px
}

@media screen and (max-width:767.9px) {
    .multi__rm9We .pace-select__dropdown-indicator {
        display: none
    }
}

.multi__rm9We .pace-select__multi-value {
    align-items: center;
    background-color: #f0f2f4;
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 6px 0 4px 8px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px 4px 4px 8px
}

.multi__rm9We .pace-select__multi-value__label {
    color: #718399;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.multi__rm9We .pace-select__multi-value__label:after {
    content: "";
    display: block
}

.multi__rm9We .pace-select__multi-value__remove {
    border-radius: 50%;
    margin-left: 4px;
    padding: 4px
}

.multi__rm9We .pace-select__multi-value__remove:hover {
    background-color: #e5e8ec
}

.selectInput__VnGbG {
    max-width: 100%;
    padding: 0
}

.selectInput__VnGbG [class*=pace-select__value-container] {
    padding: 0 16px
}

.selectInput__VnGbG [class*=pace-select__input-container] [class*=pace-select__input] {
    height: auto
}

.selectInput__VnGbG [class*=pace-select__single-value] {
    margin: 0;
    width: calc(100% - 16px)
}

.selectInput__VnGbG.indicator__V6_X8 [class*=pace-select__indicator-separator],
.selectInput__VnGbG:not(.indicator__V6_X8) [class*=pace-select__indicators] {
    display: none
}

.selectInput__VnGbG.isError__NRfir [class*=pace-select__control--is-focused],
.selectInput__VnGbG.isError__NRfir [class*=pace-select__control] {
    border-color: #e63e52 !important
}

.selectInput__VnGbG [class*=pace-select__control] {
    cursor: pointer;
    min-height: 40px
}

.selectInput__VnGbG [class*=pace-select__control],
.selectInput__VnGbG [class*=pace-select__control]:hover {
    border-color: #e5e8ec
}

.selectInput__VnGbG [class*=pace-select__control--is-disabled] {
    background-color: transparent
}

.selectInput__VnGbG [class*=pace-select__control--menu-is-open]+div {
    transition: all .15s
}

.selectInput__VnGbG [class*=selectChevron] {
    height: 100%
}

.selectInput__VnGbG [class*=pace-select__menu] {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    margin-top: -1px;
    max-height: 182px
}

.selectInput__VnGbG [class*=pace-select__menu-list] {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    scrollbar-color: #bdc6d0 #f0f2f4;
    scrollbar-width: thin
}

.selectInput__VnGbG [class*=pace-select__menu-list]::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.selectInput__VnGbG [class*=pace-select__menu-list]::-webkit-scrollbar-track {
    background-color: #f0f2f4;
    border-radius: 0;
    width: 4px
}

.selectInput__VnGbG [class*=pace-select__menu-list]::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 0
}

.selectInput__VnGbG [class*=pace-select__control--menu-is-open],
.selectInput__VnGbG [class*=pace-select__control--menu-is-open]:focus {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.selectInput__VnGbG [class*=pace-select__option] {
    cursor: pointer;
    display: inline-block;
    min-height: 40px;
    overflow: hidden;
    padding: 8px 16px;
    text-overflow: ellipsis;
    transition: all .15s linear;
    white-space: nowrap
}

.selectInput__VnGbG [class*=pace-select__option]:after {
    content: "";
    display: block
}

.selectInput__VnGbG [class*=pace-select__option]:focus {
    outline: none
}

.selectInput__VnGbG [class*=pace-select__option--is-focused],
.selectInput__VnGbG [class*=pace-select__option--is-selected],
.selectInput__VnGbG [class*=pace-select__option]:hover {
    background-color: #f5f6f8 !important;
    color: #2b3037
}

.selectInput__VnGbG [class*=pace-select__menu-notice--loading],
.selectInput__VnGbG [class*=pace-select__menu-notice--no-options] {
    color: #bdc6d0;
    font-size: 14px;
    font-weight: 600;
    text-align: left
}

.selectInput__VnGbG [class*=pace-select__placeholder] {
    color: #012249
}

.selectInput__VnGbG .differentPlaceholder__unGWn {
    align-items: center;
    color: #f5a623;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    z-index: 1
}

.selectInput__VnGbG .differentPlaceholder__unGWn .clearDifferent__OzmbK {
    padding: 12px 14px
}

.selectInput__VnGbG:has(.differentPlaceholder__unGWn)+.label {
    font-size: 12px;
    top: 0
}

.selectInput__VnGbG [class*=pace-select__control--is-focused] .placeholderContent__Pjm8e {
    opacity: .5
}

.selectInput__VnGbG [class*=pace-select__value-container]:not([class*="--is-multi"]):has(.differentPlaceholder__unGWn) {
    padding-right: 0
}

.errorMessage__hj3nu {
    align-items: center;
    color: #e63e52;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    justify-content: flex-start
}

.withRightSlot__iHNI9 [class*=clearIndicator],
.withRightSlot__iHNI9 [class*=selectChevron] {
    padding: 0 0 0 8px
}

.selectChevron__DqRX_ {
    align-items: center;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 14px
}

.clearIndicator__sIWs1 {
    padding: 12px 14px
}

.textArea__aOS0a {
    min-height: 40px;
    overflow-y: hidden;
    resize: none
}

.textArea__aOS0a.staticHeight__Rl0Cf {
    -webkit-overflow-scrolling: touch;
    min-height: 90px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    scrollbar-color: #bdc6d0 transparent;
    scrollbar-width: thin
}

.textArea__aOS0a.staticHeight__Rl0Cf::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.textArea__aOS0a.staticHeight__Rl0Cf::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
    width: 3px
}

.textArea__aOS0a.staticHeight__Rl0Cf::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 2px
}

.textArea__aOS0a.autoResizeWithScroll__lEY05 {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    scrollbar-color: #bdc6d0 transparent;
    scrollbar-width: thin
}

.textArea__aOS0a.autoResizeWithScroll__lEY05::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.textArea__aOS0a.autoResizeWithScroll__lEY05::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
    width: 3px
}

.textArea__aOS0a.autoResizeWithScroll__lEY05::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 2px
}

.textArea__aOS0a+label.label__BP1nh {
    top: 20px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    border: 8px solid transparent;
    box-sizing: content-box;
    height: 0;
    position: absolute;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    border-bottom-color: #aeaeae;
    border-width: 8px;
    content: "";
    left: -8px;
    z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #f0f0f0;
    border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow: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-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    border-top-color: #aeaeae;
    bottom: -1px
}

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: .3rem
}

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

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

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative;
    text-align: center
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    background: none;
    border: .45rem solid transparent;
    cursor: pointer;
    height: 10px;
    line-height: 1.7rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 10px;
    width: 0;
    width: 10px;
    z-index: 1
}

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

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

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

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

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px
}

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

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

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

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

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

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

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

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year-container {
    display: flex;
    flex-wrap: wrap;
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-container-text {
    cursor: pointer;
    display: inline-block;
    flex: 1 0 30%;
    padding: 2px;
    width: 12px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    display: inline-block;
    margin-left: 5px
}

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: content-box;
    height: calc(195px + .85rem);
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    background-color: transparent;
    cursor: default
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

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

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    background-color: transparent;
    cursor: default
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

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

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
    background-color: #2a87d0;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__day--in-range {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
    background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

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

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem
}

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

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

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    border-width: .45rem;
    float: right;
    margin-left: 20px;
    position: relative;
    top: 8px
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

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

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

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

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    display: table-cell;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

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

.react-datepicker__portal {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height:550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        line-height: 2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

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

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

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

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.datePickerWrapper__aXAcL {
    position: relative
}

.datePickerWrapper__aXAcL .datePicker__wA5L_ {
    border-style: none !important;
    box-shadow: 0 2px 10px 0 rgba(1, 34, 73, .3);
    width: 328px
}

.datePickerWrapper__aXAcL .day__BRuxO {
    font-size: 12px
}

.datePickerWrapper__aXAcL .monthArrow__Z9iQg {
    cursor: pointer
}

.datePickerWrapper__aXAcL .header__Qx_MO {
    align-items: #012249;
    color: #012249;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between;
    padding: 0 16px
}

.datePickerWrapper__aXAcL .calendarIcon__lcPGF {
    bottom: auto;
    cursor: pointer;
    left: auto;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 7px
}

.datePickerWrapper__aXAcL .calendarIcon__lcPGF~.clearIcon__jz3x5 {
    right: 40px
}

.datePickerWrapper__aXAcL .rotatedLeft___JAex {
    transform: rotate(90deg)
}

.datePickerWrapper__aXAcL .rotatedRight__T21QG {
    transform: rotate(-90deg)
}

.datePickerWrapper__aXAcL .clearIcon__jz3x5 {
    bottom: auto;
    cursor: pointer;
    left: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden
}

.datePickerWrapper__aXAcL .input__xlrsy {
    cursor: pointer
}

.datePickerWrapper__aXAcL .inputWrapper__hl5jn.disabled__H0tug {
    pointer-events: none
}

.datePickerWrapper__aXAcL .inputWrapper__hl5jn.disabled__H0tug .calendarIcon__lcPGF {
    opacity: .5
}

.datePickerWrapper__aXAcL .inputWrapper__hl5jn.disabled__H0tug .input__xlrsy {
    cursor: default;
    pointer-events: auto
}

.datePickerWrapper__aXAcL .inputWrapper__hl5jn:hover .clearIcon__jz3x5 {
    visibility: visible
}

.datePickerWrapper__aXAcL [class*=react-datepicker] {
    font-family: Nunito Sans
}

.datePickerWrapper__aXAcL [class=react-datepicker-wrapper] {
    display: block
}

.datePickerWrapper__aXAcL [class*=react-datepicker__header] {
    border-style: none
}

.datePickerWrapper__aXAcL [class*=react-datepicker__month-container] {
    padding: 20px 14px 10px;
    width: 100%
}

.datePickerWrapper__aXAcL [class*=react-datepicker__month] {
    margin: 0
}

.datePickerWrapper__aXAcL [class=react-datepicker__week] {
    margin-bottom: 2px
}

.datePickerWrapper__aXAcL [class*=react-datepicker__day] {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    line-height: normal;
    margin: 0
}

.datePickerWrapper__aXAcL [class*=react-datepicker__day],
.datePickerWrapper__aXAcL [class*=react-datepicker__day]:hover {
    border-radius: 50%
}

.datePickerWrapper__aXAcL [class=react-datepicker__day-names] {
    margin: 24px 4px 16px
}

.datePickerWrapper__aXAcL [class=react-datepicker__day-names],
.datePickerWrapper__aXAcL [class=react-datepicker__week] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.inputSection__cEDby {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.inputSection__cEDby .button__BrvMd {
    margin: 10px 0 auto 16px
}

.radioContainer__Y91lx {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.radioLabel__q3kmB {
    color: #012249;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.radioLabel__q3kmB:after {
    content: "";
    display: block
}

.radioInput__Mp92j {
    display: none
}

.iconContainer__ndeO9 {
    display: flex
}

.menuItems__Xfjf9 {
    min-width: 100px
}

.wrapper__EDThC {
    cursor: pointer;
    position: relative
}

.groupSeparator__gX3tW {
    border-color: #e5e8ec;
    margin: 0
}

.acePopup-content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(1, 34, 73, .3);
    margin: auto;
    width: auto
}

.acePopup-overlay {
    background: transparent;
    pointer-events: auto !important
}

.acePopup-arrow {
    color: #fff;
    filter: drop-shadow(0 -6px 3px rgba(1, 34, 73, .1))
}

.inner__VcAmt {
    border-radius: 4px;
    cursor: auto;
    overflow: hidden
}

.inPlaceRoot__lZi_j {
    position: relative
}

.inPlaceRoot__lZi_j .overlay__E9cQg {
    bottom: 0;
    cursor: auto;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.inPlaceRoot__lZi_j .content__sddFr {
    position: absolute;
    z-index: 999
}

.inPlaceRoot__lZi_j .arrowWrapper__cZsin {
    background: transparent;
    color: #fff;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: rotate(0deg) translateY(-100%) translateX(-50%);
    width: 16px;
    z-index: -1
}

.inPlaceRoot__lZi_j .arrow__Z6VBk {
    position: absolute
}

.vertical__HcLoq {
    border-left: 1px solid #bdc6d0;
    height: 100%;
    margin: 0 8px;
    width: 0
}

.horizontal__SD_uJ {
    border-top: 1px solid #e5e8ec;
    height: 1px;
    width: 100%
}

.accordionWrapper__meAIU {
    height: 0;
    position: relative;
    width: 100%
}

.accordionWrapper__meAIU.fadeOut__WSMy6 {
    animation: fade-out ease-out
}

.accordionContent__Soxk0 {
    animation: fade-in ease-in;
    display: inline-block;
    width: 100%
}

.menuItems__LnT5p {
    min-width: 100px
}

.option__chJgU {
    align-items: center;
    box-sizing: border-box;
    color: #718399;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 32px;
    outline: none;
    padding: 0 32px 0 12px;
    transition: all .15s linear;
    width: 100%
}

.option__chJgU:hover {
    background-color: #f5f6f8
}

.option__chJgU .checkIconContainer__Ficah {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-right: 6px;
    width: 16px
}

.openLink__UqRSq {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.openLink__UqRSq .selectedTitle__i8zJK {
    color: #07f;
    font-weight: 700;
    padding: 0 5px
}

.openLink__UqRSq .titleChevron__K8AE_ {
    display: flex;
    margin-left: 4px
}

.selectedOption__ycRaz {
    color: #07f;
    font-weight: 700
}

.unselectableOption__G63LA {
    cursor: auto
}

.trigger__AzfNz {
    align-items: center;
    color: #718399;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-start
}

.groupSeparator__oLeSI {
    border-color: #e5e8ec;
    margin: 0
}

.wrapper__BvmRk {
    position: relative
}

.menuButton__VRnhj {
    align-items: center;
    background-color: transparent;
    border-radius: 4px;
    border-style: none;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    outline: none;
    width: 24px
}

.menuButton__VRnhj:hover {
    cursor: pointer
}

.menuItems__jDs7u {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 100px
}

.menuItem__JkDgF {
    align-items: center;
    color: #718399;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    height: 36px;
    justify-content: flex-start;
    padding: 0 34px;
    transition: all .3s;
    white-space: nowrap;
    width: 100%
}

.menuItem__JkDgF:hover {
    background-color: #f5f6f8
}

.menuItem__JkDgF.selectedItem__LwNoa {
    color: #07f;
    font-size: 12px;
    font-weight: 700;
    position: relative
}

.menuItem__JkDgF.disabledItem__MP3Iz {
    color: #bdc6d0;
    pointer-events: none
}

.check__weadZ {
    bottom: 0;
    left: 12px;
    position: absolute;
    right: 0;
    top: 10px
}

.noSelectionMenu__N6_3Q .menuItem__JkDgF {
    padding: 0 32px
}

.root__zL3t4 {
    align-items: center;
    border: 1px solid #bdc6d0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    transition: all .3s;
    width: 32px
}

.hidden__Cz0nJ {
    visibility: hidden
}

.plusIcon__JVYNj {
    fill: #bdc6d0
}

.root__zL3t4:hover {
    border-color: #657285
}

.root__zL3t4:hover .plusIcon__JVYNj {
    fill: #657285
}

.background__Fn7g8 {
    background-color: #fff;
    border-radius: 16px
}

.badge__qvGq9 {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4px 12px
}

.badge__qvGq9.tiny__ScEcq {
    font-size: 8px
}

.badge__qvGq9.tiny__ScEcq.fixedWidth___Mq75 {
    padding: 2px 0
}

.badge__qvGq9.xsmall__H4KdL {
    color: #012249;
    font-size: 10px;
    font-weight: 600
}

.badge__qvGq9.xsmall__H4KdL.fixedWidth___Mq75 {
    padding: 1px 6px
}

.badge__qvGq9.small__vl4MS {
    font-size: 12px
}

.badge__qvGq9.medium__ZRYtZ {
    font-size: 14px
}

.badge__qvGq9.large__zcEFN {
    font-size: 16px
}

.badge__qvGq9.fixedWidth___Mq75 {
    padding: 4px 0
}

.badgeFilter__xHcyr {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.badge__r_vHD {
    cursor: pointer;
    font-weight: 600;
    margin: 0 8px 8px 0
}

.tooltip__sG_ph {
    white-space: nowrap
}

.menuItem__Yp_5f,
.wrapper__vOD1j {
    position: relative
}

.menuItem__Yp_5f {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 36px;
    justify-content: center;
    padding: 8px 32px;
    width: unset !important
}

.menuItem__Yp_5f.activeItem__x02Cd {
    background-color: #f5f6f8
}

.menuItem__Yp_5f .iconWrapper__m1KEx {
    left: 10px;
    margin: auto 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.menuItem__Yp_5f .optionBadge__GhHEL {
    color: #fff;
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    margin: auto;
    padding: 0 20px !important;
    width: unset !important
}

.activeOption__uTLUs {
    cursor: pointer;
    height: 20px;
    min-width: 94px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.activeOption__uTLUs.disabledOption__kpT20 {
    opacity: .5
}

.activeOption__uTLUs.disabledOption__kpT20:hover {
    cursor: auto
}

.activeOption__uTLUs .badgeContainer__tAfj6 {
    align-items: stretch;
    color: #012249;
    color: inherit;
    display: flex;
    flex-direction: row;
    font-size: inherit;
    font-weight: 700;
    justify-content: center
}

.activeOption__uTLUs .badgeContainer__tAfj6 .buttonIcon__RtHRl {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 8px
}

.popup__aoA9E {
    padding: 4px 0
}

.container__Pt2RU {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (max-width:767.9px) {
    .container__Pt2RU {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }
}

.link__YSv2Y {
    color: #07f;
    font-size: 12px;
    font-weight: 600;
    word-break: break-word
}

.link__YSv2Y:hover {
    text-decoration: underline
}

@media screen and (max-width:767.9px) {
    .link__YSv2Y:before {
        background-color: #718399;
        border-radius: 50%;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        top: calc(50% - 2px);
        width: 5px
    }
}

.iconChevron__QpcGW {
    margin: 0 13px;
    transform: rotate(-90deg)
}

@media screen and (max-width:767.9px) {
    .iconChevron__QpcGW {
        display: none
    }
}

.item__NQmuI {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.item__NQmuI:last-child .iconChevron__QpcGW {
    display: none
}

@media screen and (max-width:767.9px) {
    .item__NQmuI {
        position: relative
    }

    .item__NQmuI:after,
    .item__NQmuI:before {
        background-color: #718399;
        content: "";
        height: calc(50% - 3px);
        left: 2px;
        position: absolute;
        width: 1px
    }

    .item__NQmuI .link__YSv2Y {
        margin: 4px 20px
    }

    .item__NQmuI:before {
        top: 0
    }

    .item__NQmuI:after {
        top: calc(50% + 3px)
    }

    .item__NQmuI:first-child:before,
    .item__NQmuI:last-child:after {
        content: none
    }
}

.button__O0Tfn {
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-family: Nunito Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 1.5;
    outline: none;
    padding: 10px 40px;
    transition: all .2s;
    white-space: nowrap
}

.button__O0Tfn:disabled {
    opacity: .4;
    pointer-events: none
}

.button__O0Tfn[hidden] {
    display: none
}

.button__O0Tfn.small__kOydZ {
    padding: 10px 16px
}

.button__O0Tfn.medium__JMrvf {
    padding: 10px 40px
}

.button__O0Tfn.large__QZtAT {
    padding: 10px 60px
}

.button__O0Tfn.fitToParent__nhK0n {
    width: 100%
}

.button__O0Tfn.content__Z7DRp {
    padding: 0
}

.btn.btnLink {
    font-size: 16px;
    height: 22px;
    line-height: normal;
    padding: 0
}

.btn.btnChip {
    align-items: center;
    border-radius: 24px;
    color: #07f;
    height: 28px;
    padding: 2px 12px
}

.btn.btnOutline {
    background-color: transparent !important
}

.cancelButton__S8R4Z {
    margin-right: 12px
}

.list__WBrGS {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
    margin: 16px 0 32px;
    max-height: 118px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    scrollbar-color: #bdc6d0 #f0f2f4;
    scrollbar-width: thin
}

.list__WBrGS::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.list__WBrGS::-webkit-scrollbar-track {
    background-color: #f0f2f4;
    border-radius: 0;
    width: 4px
}

.list__WBrGS::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 0
}

.badgeItem__oPvdl {
    align-items: stretch;
    font-weight: 600;
    margin: 0 8px 8px 0;
    padding: 6px 6px 6px 16px
}

.badgeItem__oPvdl,
.removeButton__jJnxN {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.removeButton__jJnxN {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    height: 20px;
    margin-left: 4px;
    width: 20px
}

.removeButton__jJnxN:hover {
    background-color: rgba(113, 131, 153, .2)
}

.backdrop__FF7aJ,
.confirmation__H0d1p {
    z-index: 5
}

.confirmation__H0d1p {
    background-color: #fff;
    left: 0;
    position: absolute;
    width: 100%
}

.headerConfirmation__oVWxT {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 108px 24px;
    top: 0
}

.headerConfirmation__oVWxT .header__b_Bp3 {
    margin-bottom: 32px;
    text-align: center
}

.footerConfirmation__KlrjB {
    align-items: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 24px 40px
}

.footerConfirmation__KlrjB .content__C4x3W {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 60px
}

.footerConfirmation__KlrjB .content__C4x3W .subHeader__iAxID {
    color: #718399;
    font-size: 14px;
    font-weight: 400
}

.footerConfirmation__KlrjB .buttons__olUDU {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.coverConfirmation__kzBHr {
    align-items: flex-end;
    background-color: transparent;
    background-image: linear-gradient(0deg, #fff, #fff 100px, hsla(0, 0%, 100%, .6));
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding-bottom: 40px;
    position: absolute;
    right: 0;
    top: 0
}

.header__b_Bp3 {
    color: #012249;
    font-size: 16px;
    font-weight: 700
}

.backdrop__FF7aJ {
    background-color: rgba(1, 34, 73, .4);
    bottom: auto;
    height: 100vh;
    left: 0;
    position: fixed;
    right: auto;
    top: 0;
    width: 100vw
}

@media screen and (max-width:767.9px) {
    .footerConfirmation__KlrjB {
        align-items: center;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 16px
    }

    .footerConfirmation__KlrjB .content__C4x3W {
        margin: 0 0 8px;
        text-align: center
    }

    .footerConfirmation__KlrjB .header__b_Bp3 {
        color: #012249;
        font-size: 14px;
        font-weight: 700
    }
}

.wrapper__qi4OE {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    min-width: 252px;
    position: relative
}

.icon__TEzm3 {
    height: 100%;
    left: 10px;
    position: absolute;
    width: 20px
}

.input__eo5_L {
    border-radius: 4px;
    color: #012249;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    outline: none;
    padding: 10px 40px;
    transition: border-color .15s linear;
    width: 100%
}

.input__eo5_L.withSearchIcon__jyWcB {
    padding-left: 40px
}

.controlSlot__JpLpc {
    bottom: 0;
    cursor: pointer;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0
}

.controlSlot__JpLpc,
.rightIcon__MVTVg {
    align-items: center;
    display: flex;
    flex-direction: row
}

.rightIcon__MVTVg {
    justify-content: center;
    width: 40px
}

.searchInput {
    background-color: #f5f6f8;
    border: 1px solid #e5e8ec
}

.searchInput::placeholder {
    color: #bdc6d0;
    font-size: 14px;
    font-weight: 400
}

.searchInput:active,
.searchInput:focus {
    border: 1px solid #07f
}

.donutHole__gNYgh,
.donutOuterRing__xvPXz,
.donutRing__LBa1a,
.donutSegment__VcrR5 {
    fill: transparent
}

.donutRing__LBa1a,
.donutSegment__VcrR5 {
    stroke-width: 2px
}

.donutOuterRing__xvPXz {
    stroke: transparent;
    stroke-width: .5
}

.donutOuterRing__xvPXz.selected__WAZ18 {
    fill: #fff;
    stroke-width: 0
}

.donutRing__LBa1a {
    stroke: #e5e8ec
}

.donutHole__gNYgh,
.donutOuterRing__xvPXz {
    transition: fill .25s ease-in-out, stroke .25s ease-in-out
}

.donutSegment__VcrR5 {
    transition: all .5s ease-in-out
}

.label__B6r8G {
    fill: #012249;
    font-size: 8px;
    line-height: 1;
    text-anchor: middle;
    transform: translateY(.25em)
}

.input__mmQLV {
    box-sizing: content-box
}

.input__mmQLV:focus {
    outline: none
}

.invisible__WGS2n {
    position: absolute !important;
    visibility: hidden !important
}

.wrapper__QRNtX {
    width: 100%
}

.toggleButton__q4Z5S {
    cursor: pointer;
    padding: 4px;
    transition: opacity .3s linear
}

.container__MWChG {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: auto
}

.container__MWChG svg {
    margin-bottom: 32px
}

@media screen and (max-width:767.9px) {
    .container__MWChG svg {
        height: 80px;
        width: 80px
    }
}

.emptyPlaceholder__title {
    font-weight: 700
}

.wrapper__bnpkV {
    align-items: center;
    background-color: #f0f2f4;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-around;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 5
}

.content__oVh5K {
    align-items: center;
    color: #718399;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center;
    max-height: 100%;
    text-align: center;
    width: 100%
}

.description__nqKP8,
.primaryTitle__LKpoK,
.secondaryTitle__u4Cwk,
.subTitle__fahMF {
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 20px
}

.primaryTitle__LKpoK {
    color: #3e5774;
    font-size: 200px
}

.secondaryTitle__u4Cwk {
    color: #3e5774;
    font-size: 80px;
    margin-bottom: 64px
}

h2.subTitle__fahMF {
    font-size: 38px
}

.description__nqKP8 {
    color: inherit;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

.buttons__ma9EO,
.description__nqKP8 {
    align-items: center;
    display: flex;
    justify-content: center
}

.buttons__ma9EO {
    flex-direction: row;
    margin-top: 50px
}

.buttons__ma9EO button+button {
    margin-left: 16px
}

.footer__kcY7T {
    align-items: flex-end;
    color: #718399;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 40px;
    padding: 0 16px;
    text-align: center
}

.expandableContainer__cPkPz {
    border-bottom: 1px solid #e5e8ec;
    border-top: 1px solid #e5e8ec;
    margin: 16px 0
}

.iconContainer__wDn3o {
    cursor: pointer;
    display: flex;
    margin: auto 12px auto 16px
}

.header__p_veg {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.grid__mJ6ZD {
    display: grid;
    height: 100%;
    margin: auto
}

.indicator__bfm_y {
    border-radius: 50%;
    position: absolute
}

.topRight__Y8JUm {
    right: 0;
    top: 0
}

.bottomRight__LVyDk {
    bottom: 0;
    right: 0
}

.badgeContainer__Tp3S3 {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 12px 0 8px
}

.withBorder__lnnm1 {
    border-left: 1px solid #e5e8ec
}

.controlBadge___2x40 {
    height: 24px !important
}

.controlBadge___2x40:not(:last-child) {
    margin-right: 8px
}

.removeButton__ifqvq {
    margin-left: 0 !important
}

.removeButton__ifqvq svg {
    fill: #fff;
    width: 6px
}

.removeButton__ifqvq:hover {
    background-color: #718399 !important
}

.removableBadge__QXD7j {
    display: flex;
    height: 32px;
    line-height: 32px;
    max-width: 100%;
    padding: 0 12px
}

.removableBadge__QXD7j.hasRemoveIcon__M22D7 {
    padding-right: 6px
}

.removeButton__3KzI_ {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 20px;
    justify-content: center;
    margin-left: 4px;
    width: 20px
}

.removeButton__3KzI_:hover {
    background-color: #bdc6d0
}

.milestone__dTkQj {
    align-items: center;
    color: #718399;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between;
    margin: 24px 0
}

.label__CFGFi {
    padding: 0 16px;
    text-align: center
}

.line__oGyb0 {
    border-top: 1px solid #e5e8ec;
    flex-grow: 1
}

.wrapper__kYFkQ {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.spinner__vc3mM {
    animation: spin 1s linear infinite;
    background-color: transparent;
    border: 2px solid #e5e8ec;
    border-radius: 50%;
    border-top-color: #07f;
    height: 36px;
    width: 36px
}

.loaderOverlay___XnpU {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.loader__TGYXP {
    z-index: 2
}

.gradient__LFlJL {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    height: 48px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: all .15s linear;
    width: 100%
}

.wrapper__O6owT {
    background-color: #e5e8ec;
    height: 4px
}

.progressBar__ZNG7r {
    background-color: #07f;
    height: 100%;
    transition: width .5s ease-in
}

.donutProgressSegment__bSGY6 {
    animation: donutCompletion .3s linear, donutStroke .4s linear
}

.completed__WlRhU .donutProgressSegment__bSGY6 {
    stroke: #62c124
}

.partiallyCompleted__x9m04 .donutProgressSegment__bSGY6 {
    stroke: #07f
}

.gradientContainer__zLxEa {
    flex: 1;
    overflow: hidden;
    position: relative
}

.topGradient__fNvkt {
    background-image: linear-gradient(180deg, #fff 20%, hsla(0, 0%, 100%, 0));
    top: 0
}

.bottomGradient__V7JYf {
    background-image: linear-gradient(0deg, #fff 20%, hsla(0, 0%, 100%, 0));
    bottom: 0
}

.bottomGradient__V7JYf,
.topGradient__fNvkt {
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

.bottomGradient__V7JYf.hidden__YdKwH,
.topGradient__fNvkt.hidden__YdKwH {
    display: none
}

.list___hOae {
    height: 100%
}

.anchor__FB0Ic {
    width: 100%
}

.switchContainer__wR6Kf {
    align-items: center;
    background-color: #f5f6f8;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 28px;
    justify-content: flex-start;
    position: relative;
    width: 85px
}

.checkboxInput__impd6 {
    display: none
}

.eyeContainer__n5bm_ {
    align-items: center;
    background-color: #718399;
    border-radius: 14px;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    transition: left .1s linear;
    width: 28px
}

.seenIcon__T6yNq {
    left: 55px
}

.switchLabel__b_Qjc {
    color: #718399;
    font-size: 12px;
    font-weight: 400;
    margin: 0 6px;
    position: absolute;
    right: 6px;
    transition: right .1s linear
}

.seenLabel__wYKS8 {
    right: 20px
}

.isDisabled__VAqFZ {
    cursor: not-allowed;
    opacity: .5
}

.root__dWteW.overlaySidebar__ahF0G {
    background-color: #fff;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition-duration: 0;
    transition-property: transform;
    z-index: 20
}

.root__dWteW.overlaySidebar__ahF0G.left__JUcZf {
    left: 0;
    right: auto;
    transform: translateX(-100%)
}

.root__dWteW.overlaySidebar__ahF0G.visible__Yw2nD {
    transform: translateX(0)
}

.root__dWteW.embeddedSidebar__zC2nk {
    transition-property: margin-left, margin-right
}

.backdrop__Npo9B.overlaySidebar__ahF0G,
.root__dWteW.overlaySidebar__ahF0G {
    position: fixed
}

.backdrop__Npo9B.embeddedSidebar__zC2nk,
.root__dWteW.embeddedSidebar__zC2nk {
    position: relative
}

.backdrop__Npo9B {
    background-color: rgba(1, 34, 73, .5);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20
}

.hide__TYl_q {
    overflow: hidden
}

.titleContainer__Dd4ZG {
    box-sizing: border-box;
    height: 100px;
    padding-top: 16px
}

@media screen and (max-width:767.9px) {
    .titleContainer__Dd4ZG {
        height: 60px
    }
}

.titleContainer__Dd4ZG .title__tfqpC {
    color: #012249;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    padding-left: 24px
}

@media screen and (max-width:767.9px) {
    .titleContainer__Dd4ZG .title__tfqpC {
        font-size: 24px;
        padding-left: 16px
    }
}

.titleRow__eAGkP {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 32px
}

@media screen and (max-width:767.9px) {
    .titleRow__eAGkP {
        padding: 0 16px
    }
}

.closeButton__WxvLP {
    background: none;
    border-style: none;
    cursor: pointer;
    font-family: inherit;
    margin: 0;
    outline: none;
    padding: 0
}

.content__ClKNZ {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    height: calc(100vh - 100px);
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width:767.9px) {
    .content__ClKNZ {
        height: calc(100vh - 60px)
    }
}

.sliderContainer__QNE5B {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

input[type=range]::-moz-focus-outer {
    border: 0
}

.slider__WrO81 {
    appearance: none;
    background: #e5e8ec;
    height: 2px;
    outline: none;
    width: 100%
}

.slider__WrO81::-webkit-slider-thumb {
    appearance: none;
    background: #07f;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.slider__WrO81::-moz-range-thumb {
    background: #07f;
    border-radius: 50%;
    border-style: none;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.slider__WrO81:focus::-webkit-slider-thumb,
.slider__WrO81:hover::-webkit-slider-thumb {
    height: 18px;
    width: 18px
}

.slider__WrO81:focus::-moz-range-thumb,
.slider__WrO81:hover::-moz-range-thumb {
    height: 18px;
    width: 18px
}

.smallIcon__S6gaJ {
    display: flex;
    margin-right: 10px
}

.bigIcon___8Id3 {
    display: flex;
    margin-left: 10px
}

.transparent__N20oP {
    opacity: .5
}

.rating__c3bPK {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.tooltipWrapper__rovJh {
    cursor: pointer
}

.cell__M9j2M {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    height: 32px;
    overflow: hidden
}

.cell__M9j2M:after {
    content: "";
    flex-shrink: 0;
    width: 24px
}

.cell__M9j2M:last-of-type {
    border-right-style: none;
    overflow: inherit
}

.gridRow__RN5zu {
    align-items: center;
    display: flex;
    padding: 0 24px
}

.rowBorder__Anhy5 {
    border-bottom: 1px solid #e5e8ec
}

.rowContainer__E73gq {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.row__FzzIY {
    min-height: 48px;
    padding: 8px 24px
}

.selectedOption__yoWZv {
    color: #2b3037;
    font-size: 12px;
    font-weight: 700
}

.selectedOption__yoWZv svg {
    width: 14px
}

.menuWrapper__GYrdd {
    position: static
}

.filterLabel__s7dyh {
    color: #012249;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap
}

.groupTitle__BkFSe {
    color: var(--primary-text-color);
    cursor: default;
    font-size: 12px;
    font-weight: 700;
    margin-left: 22px
}

.groupTitle__BkFSe:hover {
    background-color: transparent
}

.headerCell__aWvTP {
    color: #012249;
    font-size: 14px;
    font-weight: 700;
    height: auto
}

.gridHeaderCell__EkGLw {
    align-items: baseline;
    display: flex;
    font-weight: 700;
    padding: 20px 0 10px
}

.sortingWrapper__oo6s2 {
    align-items: center;
    display: flex
}

.sortingWrapper__oo6s2.clickable__kR6Dh {
    cursor: pointer
}

.sortingWrapper__oo6s2 .sortArrow__m96KZ {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: center;
    margin-left: 12px;
    width: 24px
}

.sortingWrapper__oo6s2 .sortArrow__m96KZ .icon__rYR3X {
    opacity: 0
}

.sortingWrapper__oo6s2 .sortArrow__m96KZ .activeSort__aQYjE {
    opacity: 1
}

.sortingWrapper__oo6s2 .sortArrow__m96KZ .filter__rPFwY:not(:empty) {
    margin-left: 24px
}

.sortingWrapper__oo6s2:hover .sortArrow__m96KZ {
    background-color: #f5f6f8
}

.sortingWrapper__oo6s2:hover .sortArrow__m96KZ .icon__rYR3X {
    opacity: 1
}

.icon__rYR3X {
    align-items: center;
    display: flex;
    transition: transform .3s
}

.icon__rYR3X.sortAscending__oFNYC {
    transform: scaleY(-1) !important
}

.filterContainer___D1W5 {
    display: flex
}

.filterContainer___D1W5 .filterIcon__ACjLk {
    margin: auto 12px auto 0
}

.chipsWithSorting___bSGA {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.root__R1BrF {
    align-items: baseline;
    color: #2b3037;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-end;
    margin-top: 14px
}

.label__VvEcF {
    letter-spacing: .43px;
    padding: 0 16px
}

.button__f9_t3 {
    align-items: baseline;
    background: none;
    border-style: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font: inherit;
    justify-content: flex-start;
    outline: none;
    padding: 0 8px
}

.button__f9_t3[disabled] {
    opacity: .5;
    pointer-events: none
}

.header__n08C4 {
    background-color: #fff;
    border-bottom: 3px solid #e5e8ec
}

.body__uHBM5 {
    height: calc(100% - 56px);
    position: relative
}

.gridList__yGcjN {
    align-items: stretch;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .07);
    display: flex;
    flex-direction: column;
    height: calc(100% - 60px);
    justify-content: flex-start;
    overflow: hidden
}

.gridList__yGcjN .body__ejZ5j {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    max-height: 100%;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    scrollbar-color: #bdc6d0 #f0f2f4;
    scrollbar-width: thin
}

.gridList__yGcjN .body__ejZ5j::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.gridList__yGcjN .body__ejZ5j::-webkit-scrollbar-track {
    background-color: #f0f2f4;
    border-radius: 0;
    width: 4px
}

.gridList__yGcjN .body__ejZ5j::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 0
}

.gridList__yGcjN .body__ejZ5j .row__CsgBG {
    align-items: center;
    border-bottom: 1px solid #e5e8ec;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px 24px 11px
}

.gridList__yGcjN .body__ejZ5j .row__CsgBG:last-of-type {
    border-bottom-style: none
}

.contentWrapper__Gyunb {
    height: 100%;
    width: 100%
}

.headerWrapper__SPmLu {
    background-color: #fff
}

.textPlaceholder__E9N0K {
    background-color: #f0f2f4;
    border-radius: 4px;
    max-width: 100%
}

.wrapper__mXRBM {
    width: 100%
}

.slider__haW9v {
    align-items: stretch;
    background-color: #bdc6d0;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: flex-start;
    padding: 0;
    position: relative
}

.slider__haW9v.disabled__GV9UM {
    cursor: default;
    pointer-events: none
}

.smoothSlider__cbb0l .toggle__xyz6l {
    transition: all .15s linear
}

.rail__aRQkq {
    align-items: center;
    color: #e5e8ec;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    justify-content: space-between;
    padding: 4px 8px;
    position: absolute;
    width: 100%
}

.text__B3myX {
    transition: all .4s linear
}

.text__B3myX:first-letter {
    text-transform: capitalize
}

.text__B3myX:first-child {
    opacity: 1
}

.text__B3myX:last-child {
    opacity: 0
}

.toggle__xyz6l {
    position: absolute;
    z-index: 1
}

.badge__wLmq9 {
    height: 24px;
    padding: 4px 8px
}

.toggleText__C_XDE:first-letter {
    text-transform: capitalize
}

.turnedOn__Q5sRv .text__B3myX:first-child {
    opacity: 0
}

.turnedOn__Q5sRv .text__B3myX:last-child {
    opacity: 1
}

.container__T7GWg {
    height: 100%;
    position: relative;
    width: 100%
}

.container__T7GWg .icon__P4nva {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s;
    z-index: 2
}

.container__T7GWg:hover:before {
    background-color: rgba(1, 34, 73, .4);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.container__T7GWg:hover .icon__P4nva {
    fill: #fff;
    filter: drop-shadow(0 2px 10px rgba(1, 34, 73, .6));
    opacity: 1;
    transition: opacity .3s
}

.modalHeader__Yzlcs {
    border-bottom-style: none !important
}

.modalBody__vn_dQ {
    padding-top: 0 !important
}

.modalFooter__xW63B,
.modalHeader___TDQU {
    padding: 24px 40px
}

@media screen and (max-width:767.9px) {

    .modalFooter__xW63B,
    .modalHeader___TDQU {
        padding: 16px
    }
}

.modalHeader___TDQU {
    align-items: center;
    border-bottom: 1px solid #e5e8ec;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: flex-start
}

.modalHeader___TDQU h1 {
    color: #012249;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase
}

@media screen and (max-width:767.9px) {
    .modalHeader___TDQU h1 {
        line-height: 24px
    }
}

.modalFooter__xW63B {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: flex-end
}

.modalBody__hjcEK {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    height: 100%;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    padding: 24px 40px 0;
    scrollbar-color: #bdc6d0 #fff;
    scrollbar-width: thin
}

.modalBody__hjcEK::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.modalBody__hjcEK::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 3px;
    width: 6px
}

.modalBody__hjcEK::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 3px
}

@media screen and (max-width:767.9px) {
    .modalBody__hjcEK {
        padding: 0 16px
    }
}

.modalContainer__cEyeA {
    align-items: center;
    bottom: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 40px;
    position: fixed;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 100
}

@media screen and (max-width:767.9px) {
    .modalContainer__cEyeA {
        padding: 0
    }
}

.modalContainer__cEyeA.fullScreen__pPFxh {
    height: 100vh;
    height: 100dvh;
    padding: 0;
    width: 100vw
}

.modalContainer__cEyeA.fullScreen__pPFxh .modalContent__TNZ4O {
    overflow-y: auto
}

.modalOverlay__yknDM {
    background-color: rgba(1, 34, 73, .8);
    bottom: auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 101
}

.modalContent__TNZ4O {
    align-items: stretch;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 16px 0 rgba(62, 87, 116, .1);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: inherit;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:767.9px) {
    .modalContent__TNZ4O {
        border-radius: 0;
        box-shadow: none;
        min-width: auto;
        width: 100%
    }
}

.modalWrapper__IKnoI {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: calc(100vh - 80px);
    overflow: hidden;
    position: relative;
    width: 634px
}

@media screen and (max-width:767.9px) {
    .modalWrapper__IKnoI {
        height: 100%;
        max-height: none;
        width: 100vw
    }
}

.modalInstance__wODeC {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: inherit;
    max-height: 100%;
    position: relative;
    z-index: 102
}

@media screen and (max-width:767.9px) {
    .modalInstance__wODeC {
        height: 100%;
        width: 100%
    }
}

.pinnedToTop__XDkPc {
    justify-content: flex-start
}

.modalLocky__dD7zD {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: inherit;
    max-height: 100%;
    overflow: auto
}

@media screen and (max-width:767.9px) {
    .modalLocky__dD7zD {
        height: 100%
    }
}

.withCloseButton__TVr8x {
    overflow: visible !important
}

.closeButton__zYjzh {
    bottom: auto;
    cursor: pointer;
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: -30px;
    width: 20px
}

@media screen and (max-width:767.9px) {
    .closeButton__zYjzh {
        display: none
    }
}

.hide__fqG7o {
    overflow: hidden
}

.form__DTRVd {
    height: 100%
}

.reasonTextArea__UwrGk {
    min-height: 40px
}

@media screen and (max-width:767.9px) {
    .reasonTextArea__UwrGk {
        max-height: 234px;
        overflow-y: auto
    }
}

.header__R43LV {
    padding-bottom: 6px
}

@media screen and (max-width:767.9px) {
    .header__R43LV {
        padding: 8px 16px
    }

    .body__sPnZk {
        padding: 8px 16px 0 !important
    }
}

.textWrapper__OmuwG {
    padding-bottom: 0
}

.information__LzZ1Z {
    color: #012249;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px
}

.bold__FAZ4F {
    font-weight: 700;
    text-transform: uppercase
}

.caution__Wtd6B {
    display: block
}

@media screen and (max-width:767.9px) {
    .footer__VYGU5 {
        justify-content: center
    }

    .footer__VYGU5 button {
        width: 100%
    }
}

.form__oDmO8 {
    height: 100%
}

.modalHeader__drEN6 {
    align-items: center;
    border-bottom-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.modalBody__xzHxt {
    padding-top: 0;
    position: relative
}

.modalHeaderBadges__aUTaQ {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.modalHeaderBadges__aUTaQ .stateBadge__kxWaC {
    font-size: 12px !important;
    margin-right: 16px
}

.modalHeaderBadges__aUTaQ .menuItem__o90En {
    padding-right: 16px
}

.datePickerInput__R1LVg [class*=input],
.taskForm__LWV3Z .descriptionTextArea__Z0wAh {
    font-size: 16px !important;
    font-weight: 600 !important
}

.taskForm__LWV3Z .description__Qx3jZ {
    margin-bottom: 0
}

.fieldset__UoBN1 {
    width: 100%
}

.assignee__J8HMs,
.businessObject__yS_GB {
    margin-bottom: 32px
}

.splitViewSection__NICyF {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.splitViewSection__NICyF .fieldset__UoBN1 {
    margin-right: 32px;
    width: 360px
}

.priorityContainer__Zs1dM {
    flex-grow: 1
}

@media screen and (max-width:767.9px) {
    .responsiveTaskForm__P7zmF .splitViewSection__NICyF .fieldset__UoBN1 {
        margin-right: 0;
        width: 100%
    }
}

.option__p_L_a {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.option__p_L_a .initials__E7MGL {
    font-size: 12px
}

.optionLabel__qC5E4 {
    color: #012249;
    font-size: 14px;
    font-weight: 600;
    margin-left: 8px
}

.initials__E7MGL {
    font-size: 12px
}

.singleValue__ZsF7J {
    margin: 0 8px
}

.singleValueWrapper__lf8ZR {
    z-index: 1
}

.wrapper__HdF7_ {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden
}

.name__Z78pm {
    display: inline
}

.rating__axy83 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.ratingTitle__fK1Fz {
    color: #012249;
    font-size: 14px;
    font-weight: 600
}

.container__Mikb7 {
    align-items: flex-start;
    background-color: rgba(245, 246, 248, .75);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px
}

.imageBlock__TVM1A {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: center
}

.informationBlock__JiYJW {
    overflow: hidden;
    padding-left: 16px
}

.title__RFK_k {
    color: #012249;
    font-weight: 700;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.info__hjt3n,
.title__RFK_k {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.info__hjt3n {
    color: #718399;
    display: block;
    font-weight: 400;
    white-space: nowrap
}

.info__hjt3n:after {
    content: "";
    display: block
}

.image__ND3yj {
    border: 1px solid #e5e8ec;
    border-radius: 4px;
    box-sizing: content-box;
    height: 50px !important;
    overflow: hidden;
    width: 90px !important
}

.root__tU3mV {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 20px;
    min-width: 10px;
    padding: 0 12px;
    position: relative
}

.spinner__BVRq3 {
    height: 12px;
    width: 12px
}

.task__y2aKG {
    align-items: center;
    color: #3e5774;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-start;
    padding: 12px 0
}

@media screen and (min-width:1280px) {
    .task__y2aKG {
        flex-wrap: nowrap
    }
}

.details__My9q5 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:1280px) {
    .details__My9q5 {
        margin-bottom: 0;
        width: auto
    }
}

.name__SSSrx {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name__SSSrx:after {
    content: "";
    display: block
}

.description__mEvfZ {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100%;
    white-space: pre-wrap
}

.description__mEvfZ,
.user__k8S0p {
    overflow: hidden;
    text-overflow: ellipsis
}

.user__k8S0p {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
    width: 175px
}

.user__k8S0p:after {
    content: "";
    display: block
}

.userName__aiMsC {
    align-items: stretch;
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userName__aiMsC:after {
    content: "";
    display: block
}

.assignee__hK048 {
    margin-left: 0
}

@media screen and (min-width:1280px) {
    .assignee__hK048 {
        margin-left: 32px
    }
}

.creator__WC_9C {
    flex-grow: 1;
    margin-left: 20px
}

@media screen and (min-width:1280px) {
    .creator__WC_9C {
        flex-grow: 0
    }
}

.avatar__F4PTU {
    flex-shrink: 0;
    margin-right: 8px
}

.avatarInitials__xu2DQ {
    font-size: 10px
}

.priority__esH2L {
    flex-shrink: 0;
    margin-left: 24px;
    width: 48px
}

.date__SaCkl {
    color: #718399;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    margin-left: 36px;
    text-align: center;
    width: 90px
}

.editButtonWrapper__OAt8S {
    flex-shrink: 0;
    margin-left: 24px;
    text-align: right;
    width: 36px
}

.editButtonWrapper__OAt8S .editButton__znKK2 {
    font-size: 14px
}

@media screen and (min-width:1280px) {
    .responsiveTask__P8TmL .user__k8S0p {
        width: 180px
    }
}

@media screen and (max-width:767.9px) {
    .responsiveTask__P8TmL .task__y2aKG {
        padding: 16px 0
    }

    .responsiveTask__P8TmL .details__My9q5 {
        margin-bottom: 8px
    }

    .responsiveTask__P8TmL .user__k8S0p {
        margin-bottom: 8px;
        width: 100%
    }

    .responsiveTask__P8TmL .creator__WC_9C {
        margin-left: 0
    }

    .responsiveTask__P8TmL .priority__esH2L {
        flex-grow: 1;
        margin-left: 0
    }

    .responsiveTask__P8TmL .date__SaCkl {
        flex-grow: 1;
        margin-left: 0;
        text-align: center
    }

    .responsiveTask__P8TmL .editButtonWrapper__OAt8S {
        flex-grow: 1
    }
}

.doneTask__A7vdo {
    opacity: .5
}

.list__jzLgw {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: flex-start
}

.header__IDsh_ {
    background-color: #fff;
    padding-top: 16px;
    position: sticky;
    top: 0;
    z-index: 1
}

.heading__LUAWV {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

h2.title__S8klJ {
    flex-grow: 1;
    margin: 0
}

.searchWrapper__eMr9d {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.search__tBCFw {
    flex-grow: 1;
    margin-bottom: 0;
    width: 514px
}

.filtersIcon__GPXMH {
    cursor: pointer;
    flex-shrink: 0;
    margin: 0 10px 0 16px;
    position: relative
}

.activeFiltersIcon__NPLSm:after {
    background: #07f;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: auto;
    content: "";
    height: 10px;
    left: auto;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 10px
}

.createButton__BzoIR {
    margin-left: 40px
}

.columnNames__QFUQ4 {
    align-items: center;
    border-bottom: 2px solid #bdc6d0;
    color: #012249;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-end;
    margin-top: 22px;
    padding: 8px 0
}

.columnNames__QFUQ4>div {
    flex-shrink: 0
}

.columnNames__QFUQ4>div.name__RbDzy {
    flex-grow: 1
}

.columnNames__QFUQ4>div.assignee__bmyjC {
    display: none;
    margin-left: 32px;
    width: 180px
}

@media screen and (min-width:1280px) {
    .columnNames__QFUQ4>div.assignee__bmyjC {
        display: block
    }
}

.columnNames__QFUQ4>div.creator__jjZXI {
    display: none;
    margin-left: 20px;
    width: 180px
}

@media screen and (min-width:1280px) {
    .columnNames__QFUQ4>div.creator__jjZXI {
        display: block
    }
}

.columnNames__QFUQ4>div.priority__oPnoZ {
    margin-left: 24px;
    width: 48px
}

.columnNames__QFUQ4>div.date__rM9yR {
    margin-left: 46px;
    width: 140px
}

.tasks__wiDDW {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start
}

.bottomAnchor__LXt0O {
    height: 1px
}

.task__jhClY+.task__jhClY {
    border-top: 1px solid #e5e8ec
}

.placeholder__Xf8qR {
    align-items: center;
    color: #3e5774;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    justify-content: center
}

@media screen and (max-width:1023.9px) {
    .responsiveList__qn95s .heading__LUAWV {
        justify-content: space-between
    }

    .responsiveList__qn95s h1.title__S8klJ {
        font-size: 24px
    }

    .responsiveList__qn95s .createButton__BzoIR {
        margin-left: 0
    }

    .responsiveList__qn95s .search__tBCFw {
        width: 300px
    }

    .responsiveList__qn95s .columnNames__QFUQ4 {
        margin-top: 8px
    }

    .responsiveList__qn95s .columnNames__QFUQ4>div.date__rM9yR {
        margin-left: 46px;
        width: 140px
    }
}

@media screen and (max-width:767.9px) {
    .responsiveList__qn95s .heading__LUAWV {
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .responsiveList__qn95s h1.title__S8klJ {
        font-size: 20px
    }

    .responsiveList__qn95s .searchWrapper__eMr9d {
        margin-top: 20px;
        order: 1;
        width: 100%
    }

    .responsiveList__qn95s .search__tBCFw {
        width: 100%
    }

    .responsiveList__qn95s .columnNames__QFUQ4>div {
        display: none
    }
}

.loader__fHJdB {
    bottom: calc(50vh - 84px);
    top: auto
}

.sortingWrapper__oU0E8 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.sortingWrapper__oU0E8.clickable__GMazm {
    cursor: pointer
}

.sortingWrapper__oU0E8 .sortArrow__ssbT6 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    margin-left: 4px;
    width: 24px
}

.sortingWrapper__oU0E8 .sortArrow__ssbT6 .icon__dCEfi {
    opacity: 0
}

.sortingWrapper__oU0E8 .sortArrow__ssbT6 .activeSort__zlWo0 {
    opacity: 1
}

.sortingWrapper__oU0E8:hover .sortArrow__ssbT6 {
    background-color: #f5f6f8
}

.sortingWrapper__oU0E8:hover .sortArrow__ssbT6 .icon__dCEfi {
    opacity: 1
}

.icon__dCEfi {
    align-items: center;
    display: flex;
    transition: transform .3s
}

.icon__dCEfi.sortAscending__TvxOn {
    transform: scaleY(-1) !important
}

.option__QT3CH {
    align-items: center;
    box-sizing: border-box;
    color: #718399;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 32px;
    outline: none;
    padding: 0 32px 0 12px;
    transition: all .15s linear;
    width: 100%
}

.option__QT3CH:hover {
    background-color: #f5f6f8
}

.option__QT3CH .checkIconContainer__VErDL {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-right: 8px;
    width: 16px
}

.selectedOption__lKQQw {
    color: #07f;
    font-weight: 700
}

.task__LMssg {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    padding: 16px 0
}

.properties__xz_CL {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    width: 100%
}

.iconWrapper__AV6yf {
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 6px;
    padding: 4px;
    transition: transform .15s linear
}

.badge__vJfcd {
    font-weight: 600;
    height: 24px;
    margin-right: 16px
}

.mobileSpaceExpander__X6gZl {
    display: none
}

.name__exf_2 {
    color: #3e5774;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
    overflow: hidden
}

.date__owsKq {
    flex-shrink: 0;
    font-size: 12px;
    margin: 0 20px 0 24px
}

.rating__KQAW0 {
    margin-right: 6px
}

.description__NKAhs {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
    padding-left: 24px;
    white-space: pre-wrap
}

.content__wGslo {
    cursor: pointer;
    display: none;
    padding-left: 8px;
    padding-right: 28px
}

.footer__g7O6f {
    display: flex;
    display: none;
    justify-content: space-between;
    padding: 16px 24px
}

.footer__g7O6f,
.users__YJ1Iq {
    align-items: center;
    flex-direction: row
}

.users__YJ1Iq {
    height: 32px;
    overflow: hidden
}

.user___vQxg,
.users__YJ1Iq {
    display: flex;
    flex-grow: 1;
    justify-content: flex-start
}

.user___vQxg {
    align-items: center;
    flex-direction: row;
    padding-right: 8px;
    width: 50%
}

.userInfo__vGAId {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden
}

.userName__GWJD4 {
    color: #3e5774;
    font-size: inherit;
    font-weight: 700;
    max-width: 100%
}

.role__mHLTp {
    display: inline-block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.role__mHLTp:after {
    content: "";
    display: block
}

.avatar__emVTY {
    background-color: #fff;
    border: 1px solid #e5e8ec;
    flex-shrink: 0;
    margin-right: 8px
}

.avatarInitials__nSfUo {
    font-size: 10px
}

.editButtonWrapper__TM1G0 {
    margin-left: 20px;
    margin-right: 16px
}

.expanded__kl0bZ.task__LMssg {
    background-color: rgba(245, 246, 248, .75);
    border-radius: 0 0 4px 4px;
    padding-bottom: 0
}

.expanded__kl0bZ .iconWrapper__AV6yf {
    transform: rotate(90deg)
}

.expanded__kl0bZ .description__NKAhs {
    display: block
}

.expanded__kl0bZ .content__wGslo {
    display: block;
    position: relative
}

.expanded__kl0bZ .content__wGslo>.navigationArrow__iO7Wq {
    bottom: 0;
    display: none;
    flex-shrink: 0;
    left: auto;
    margin: auto 24px auto auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-90deg)
}

.expanded__kl0bZ .content__wGslo:hover>.navigationArrow__iO7Wq {
    display: block
}

.expanded__kl0bZ .footer__g7O6f {
    background-color: #f0f2f4;
    display: flex
}

.expanded__kl0bZ .businessObject__LKGW7 {
    background-color: transparent
}

@media screen and (max-width:767.9px) {
    .responsiveTask__yOrQZ .task__LMssg {
        padding: 8px 0
    }

    .responsiveTask__yOrQZ .properties__xz_CL {
        flex-wrap: wrap
    }

    .responsiveTask__yOrQZ .mobileSpaceExpander__X6gZl {
        display: block;
        flex-grow: 1
    }

    .responsiveTask__yOrQZ .name__exf_2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
        word-wrap: break-word;
        line-height: 1;
        order: 1;
        padding: 10px 0 0 24px;
        width: 100%
    }

    .responsiveTask__yOrQZ .content__wGslo:hover>.navigationArrow__iO7Wq {
        display: none
    }

    .responsiveTask__yOrQZ .footer__g7O6f {
        padding: 8px 24px
    }

    .responsiveTask__yOrQZ .users__YJ1Iq {
        align-items: flex-start;
        flex-direction: column
    }

    .responsiveTask__yOrQZ .user___vQxg {
        width: 100%
    }

    .responsiveTask__yOrQZ .user___vQxg+.user___vQxg {
        margin-top: 8px
    }
}

.doneTask___QaO3 {
    opacity: .5
}

.wrapper__Jre7h {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 8px 0 24px;
    width: 708px
}

@media screen and (max-width:1023.9px) {
    .wrapper__Jre7h {
        width: 100vw
    }
}

.controls__g8oYd {
    padding: 0 32px
}

.searchWrapper__rSwNH {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 16px 0
}

.search__DCrgz {
    flex-grow: 1
}

.filtersIcon__p8YAk {
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 16px;
    position: relative
}

.activeFiltersIcon__LMQMU:after {
    background: #07f;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: auto;
    content: "";
    height: 10px;
    left: auto;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 10px
}

.tasksHeader__HtP1G {
    align-items: center;
    color: #012249;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-start;
    padding: 16px 0;
    width: 100%
}

.tasksHeader__HtP1G>span:first-child {
    flex-grow: 1
}

.tasksHeader__HtP1G>span:nth-child(2) {
    margin-right: 32px;
    width: 50px
}

.tasksHeader__HtP1G>span:nth-child(3) {
    margin-right: 16px;
    width: 60px
}

.separator___a5Ea {
    border: 1px solid #e5e8ec;
    margin: 0 -32px
}

.tasks__HlogT {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    padding: 0 32px;
    position: relative;
    scrollbar-color: #bdc6d0 #f0f2f4;
    scrollbar-width: thin
}

.tasks__HlogT::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.tasks__HlogT::-webkit-scrollbar-track {
    background-color: #f0f2f4;
    border-radius: 0;
    width: 4px
}

.tasks__HlogT::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 0
}

.task___11j0+.task___11j0 {
    border-top: 1px solid #e5e8ec
}

.placeholder__Q_6Jw {
    align-items: center;
    color: #3e5774;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    justify-content: center
}

@media screen and (max-width:767.9px) {
    .responsiveWrapper__FU1vP .wrapper__Jre7h {
        padding-top: 6px
    }

    .responsiveWrapper__FU1vP .controls__g8oYd {
        padding: 0 16px
    }

    .responsiveWrapper__FU1vP .badges__rqo3m {
        margin-bottom: 8px
    }

    .responsiveWrapper__FU1vP .tasksHeader__HtP1G>span:first-child {
        padding-left: 24px
    }

    .responsiveWrapper__FU1vP .separator___a5Ea {
        margin: 0 -16px
    }

    .responsiveWrapper__FU1vP .tasks__HlogT {
        padding: 0 16px
    }
}

.option__d3Qsk {
    align-items: center;
    box-sizing: border-box;
    color: #718399;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 32px;
    outline: none;
    padding: 0 32px 0 12px;
    transition: all .15s linear;
    white-space: nowrap;
    width: 100%
}

.option__d3Qsk:hover {
    background-color: #f5f6f8
}

.option__d3Qsk .checkIconContainer__dNOUc {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-right: 8px;
    width: 16px
}

.selectedOption__XippP {
    color: #07f;
    font-weight: 700
}

.task__Moyw9 {
    padding: 16px 0
}

.header__pTDqK {
    align-items: center;
    color: #718399;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px
}

.header__pTDqK .badge__Fwxks,
.header__pTDqK .date__blAzT,
.header__pTDqK .editButtonWrapper__BfDQ_,
.header__pTDqK .rating__aYRE0 {
    margin-left: 32px
}

.assignee__e8Zcy {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: flex-start;
    max-width: 200px;
    order: -2;
    overflow: hidden
}

.avatarInitials__dOusF {
    font-size: 10px
}

.user__rc7FO {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 12px
}

.name__rUqoN,
.user__rc7FO {
    display: flex;
    overflow: hidden
}

.name__rUqoN {
    color: #3e5774;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name__rUqoN:after {
    content: "";
    display: block
}

.role__UWonA {
    display: inline-block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.role__UWonA:after {
    content: "";
    display: block
}

.badge__Fwxks {
    flex-shrink: 0;
    height: 20px
}

.date__blAzT {
    flex-shrink: 0;
    font-size: 12px;
    width: 80px
}

.description__B4KFU {
    color: #3e5774;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
    text-align: justify;
    white-space: pre-wrap
}

.editButton__lkq0Y {
    font-size: 14px !important
}

@media screen and (max-width:767.9px) {
    .responsiveTask__wMucu .header__pTDqK {
        align-items: baseline;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .responsiveTask__wMucu .badge__Fwxks {
        margin-left: 0
    }

    .responsiveTask__wMucu .assignee__e8Zcy {
        flex-grow: 0;
        margin-bottom: 16px;
        max-width: none;
        width: calc(100% - 50px)
    }

    .responsiveTask__wMucu .editButtonWrapper__BfDQ_ {
        margin-left: 0 !important;
        order: -1;
        text-align: right;
        width: 50px
    }
}

.taskList__OHzUX {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start
}

.buttonBackground__EdpK2 {
    background-color: #fff;
    margin-top: -32px;
    padding-bottom: 24px;
    padding-top: 32px;
    position: sticky;
    top: -32px;
    z-index: 1
}

.task__YY7Pn+.task__YY7Pn {
    border-top: 1px solid #e5e8ec
}

.placeholder__OmfkV {
    align-items: center;
    color: #718399;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    margin-top: -24px
}

.notification__vRrAR {
    align-items: flex-start;
    color: #012249;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative
}

.content__tzD3L {
    flex-grow: 1;
    line-height: 19px;
    overflow: hidden
}

.heading__k11SI {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 4px
}

.badge__oYTO0 {
    font-weight: 600;
    line-height: 14px;
    margin-right: 8px
}

.avatar__H49Xt {
    border: 1px solid #e5e8ec;
    margin-right: 8px
}

@media screen and (max-width:767.9px) {
    .avatar__H49Xt {
        height: 32px !important;
        width: 32px !important
    }

    .avatarInitials__EKj2N {
        font-size: 10px
    }
}

.userName__EZvHD {
    color: #012249;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userName__EZvHD:after {
    content: "";
    display: block
}

.timeLabel__v0QmC {
    color: #718399;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px;
    margin-right: 32px
}

.iconWrapper__fCjPU {
    bottom: auto;
    cursor: pointer;
    left: auto;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 0
}

.loaderWrapper__Cjm_W {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 16px;
    top: 16px
}

.spinner__Yr55R {
    height: 16px;
    width: 16px
}

.message__XWuus {
    color: #718399;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis
}

.message__XWuus.unread__ghbqH {
    color: #012249
}

.message__XWuus.withNavigation__dNE0Z {
    cursor: pointer
}

.message__XWuus.withNavigation__dNE0Z:hover {
    text-decoration: underline
}

.notificationsPanel__eJL2N {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 634px
}

@media screen and (max-width:1023.9px) {
    .notificationsPanel__eJL2N {
        width: 100vw
    }
}

.title__IsFJF {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.unreadCounter__LFwAZ {
    font-size: 16px !important
}

.controls__W9GTR {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-height: 24px;
    padding: 0 40px
}

@media screen and (max-width:767.9px) {
    .controls__W9GTR {
        margin-top: 6px;
        max-height: 58px;
        padding: 0 16px;
        position: relative
    }

    .badgesFilter__OwsYi {
        background-color: #fff;
        flex-grow: 1;
        z-index: 1
    }
}

.icon__w7RjO {
    background-color: #fff;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.menuWrapper__rnA72 {
    cursor: pointer;
    flex-shrink: 0;
    position: relative
}

@media screen and (max-width:767.9px) {
    .menuWrapper__rnA72 {
        bottom: auto;
        left: auto;
        position: absolute;
        right: 16px;
        top: -36px
    }
}

.loaderWrapper__QhG8l {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 16px;
    top: 16px
}

.spinner__t1Rt4 {
    height: 22px;
    width: 22px
}

.list__IxM9D {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    padding: 0 32px;
    scrollbar-color: #bdc6d0 #f0f2f4;
    scrollbar-width: thin
}

.list__IxM9D::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.list__IxM9D::-webkit-scrollbar-track {
    background-color: #f0f2f4;
    border-radius: 0;
    width: 4px
}

.list__IxM9D::-webkit-scrollbar-thumb {
    background-color: #bdc6d0;
    border-radius: 0
}

@media screen and (max-width:767.9px) {
    .list__IxM9D {
        padding: 0 16px
    }
}

.milestones__UlL5B {
    margin-bottom: 24px
}

.notification__h5bHa+.notification__h5bHa {
    margin-top: 16px
}

.placeholder__BZDWL {
    align-items: center;
    color: #3e5774;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 700;
    justify-content: center
}

.loadMoreLoaderWrapper__yN2U8 {
    flex-shrink: 0;
    height: 52px;
    margin-bottom: 16px;
    position: relative
}

.toastHeaderText__YFkrT {
    flex-grow: 1;
    padding: 16px 16px 8px
}

.userName__GN9a3 {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px
}

.appName__wQ7hO {
    color: inherit;
    font-size: 12px;
    font-weight: 600
}

.toastBody__nYh6I {
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid rgba(113, 131, 153, .4);
    margin-bottom: 10px;
    max-height: 210px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    padding: 8px 16px 0;
    scrollbar-color: rgba(113, 131, 153, .8) transparent;
    scrollbar-width: thin;
    word-wrap: break-word
}

.toastBody__nYh6I::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.toastBody__nYh6I::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
    width: 4px
}

.toastBody__nYh6I::-webkit-scrollbar-thumb {
    background-color: rgba(113, 131, 153, .8);
    border-radius: 0
}

.caution__A4y1U {
    font-weight: 700;
    text-transform: uppercase
}

.muteButton__Dz_fj {
    align-items: center;
    background: none;
    border-style: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: inherit;
    height: 24px;
    justify-content: center;
    margin: 0 4px;
    outline: none;
    padding: 0;
    transition: fill .15s ease-in-out;
    width: 24px;
    fill: var(--third-text-color)
}

.muteButton__Dz_fj:hover {
    fill: #fff
}

.icon__yt6b4 {
    fill: inherit
}

:root {
    --toastify-toast-width: 414px
}

@media screen and (max-width:767.9px) {
    :root {
        --toastify-toast-width: 288px
    }
}

.Toastify .toastContainer__D1TnQ {
    bottom: 0;
    padding: 0;
    right: 16px;
    z-index: 1500
}

@media screen and (max-width:767.9px) {
    .Toastify .toastContainer__D1TnQ {
        left: 50%;
        transform: translateX(-50%)
    }
}

.Toastify .toastContent__TApVB {
    background: inherit;
    border-radius: 5px;
    cursor: inherit;
    margin-bottom: 16px;
    min-height: auto;
    overflow: hidden;
    padding: 0;
    z-index: 1001
}

.container__vLGIA {
    bottom: auto;
    height: 0;
    left: 0;
    position: fixed;
    right: auto;
    top: 0;
    width: 0;
    z-index: 1000
}

.blocked__alDKL {
    background-color: rgba(1, 34, 73, .5);
    height: 100%;
    pointer-events: all;
    width: 100%
}

.toastWrapper__XS5MQ {
    align-items: stretch;
    background-color: var(--primary-background-color);
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: Nunito Sans, sans-serif;
    font-size: 13px;
    font-weight: 600;
    justify-content: flex-start;
    width: 100%
}

.errorToastWrapper__sN5LD {
    background-color: #cc6601
}

.errorIcon__eWplC {
    fill: hsla(0, 0%, 100%, .5)
}

.errorIcon__eWplC:hover {
    fill: #fff
}

.mainContent__NNXQD {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 48px;
    padding-right: 12px
}

.content__JRg38 {
    flex: 1 1 auto
}

.content__JRg38.text__K0H4V {
    -webkit-overflow-scrolling: touch;
    line-height: 18px;
    margin: 16px 8px 16px 16px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    overflow: auto;
    overflow-wrap: anywhere;
    scrollbar-color: var(--third-text-color) transparent;
    scrollbar-width: thin
}

.content__JRg38.text__K0H4V::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.content__JRg38.text__K0H4V::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
    width: 4px
}

.content__JRg38.text__K0H4V::-webkit-scrollbar-thumb {
    background-color: var(--third-text-color);
    border-radius: 2px
}

.content__JRg38.clickable__pP7Vj {
    cursor: pointer
}

.actions__hZ5qa,
.close__R0P2C {
    flex: 0 0 auto
}

.actions__hZ5qa {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.close__R0P2C {
    padding: 0 0 0 4px
}

.additionalContent__SgrRf {
    border-top: 1px solid rgba(113, 131, 153, .4)
}

.errorAdditionalContent__pe0mt {
    border-top: 1px solid hsla(0, 0%, 100%, .3)
}

.noDivider__trSg8 {
    border: 0
}

.closeButton__biPYh {
    align-items: center;
    background: none;
    border-style: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: inherit;
    height: 24px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    width: 24px;
    fill: hsla(0, 0%, 100%, .5);
    transition: fill .15s ease-in-out
}

.closeButton__biPYh:hover {
    fill: #fff
}

.icon__XzUCj {
    fill: inherit
}

.refreshButton__OKHMV {
    align-items: center;
    background: none;
    border-style: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    justify-content: center;
    margin: 0 4px;
    outline: none;
    padding: 0
}

.refreshButton__OKHMV:hover {
    text-decoration: underline
}

.loader__E5Kp3 {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative
}

.loader__E5Kp3 .wrapper__THOU2 {
    position: static;
    transform: none
}

.loader__E5Kp3 .spinner__IH5Vn {
    border-color: transparent #718399 #718399;
    height: 16px;
    width: 16px
}

.wrapper__yzAGZ {
    align-items: center;
    border-bottom: 1px solid #e5e8ec;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: flex-start;
    padding-right: 8px;
    user-select: none
}

.wrapper__yzAGZ.clickable__NZcyX {
    cursor: pointer;
    position: relative
}

.wrapper__yzAGZ.clickable__NZcyX svg {
    transition: fill .3s
}

.wrapper__yzAGZ.clickable__NZcyX .arrow__L6_HA,
.wrapper__yzAGZ.clickable__NZcyX .icon__qZuBY,
.wrapper__yzAGZ.clickable__NZcyX .label__vDjq8 {
    z-index: 1
}

.wrapper__yzAGZ.clickable__NZcyX:after {
    background-color: transparent;
    border-radius: 8px;
    bottom: auto;
    content: "";
    height: calc(100% + 2px);
    left: -8px;
    position: absolute;
    right: auto;
    top: -1px;
    transition: background-color .3s;
    width: calc(100% + 16px);
    z-index: 0
}

.wrapper__yzAGZ.clickable__NZcyX:hover:after {
    background-color: #f5f6f8
}

.wrapper__yzAGZ.clickable__NZcyX:hover svg {
    fill: #718399
}

.wrapper__yzAGZ.clickable__NZcyX:hover .arrow__L6_HA svg {
    fill: #012249
}

.wrapper__yzAGZ.clickable__NZcyX:hover .label__vDjq8 {
    font-weight: 700
}

.arrow__L6_HA {
    margin-left: auto
}

.icon__qZuBY {
    margin-right: 20px
}

.label__vDjq8 {
    color: #012249;
    font-size: 18px;
    font-weight: 600;
    line-height: 98%
}

@media screen and (max-width:767.9px) {
    .label__vDjq8 {
        font-size: 16px
    }
}

.header__KAVl3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 32px
}

.leftSlotWrapper__HRZ2Y {
    cursor: pointer;
    margin-right: 16px
}

.headerLabel__ARBlv {
    color: #012249;
    font-size: 32px;
    font-weight: 700
}

@media screen and (max-width:767.9px) {
    .headerLabel__ARBlv {
        font-size: 16px
    }

    .header__KAVl3 {
        margin-bottom: 24px
    }

    .label__o8Dzp {
        font-size: 16px
    }
}

.wrapper__YOE_L {
    align-items: center;
    background-color: #f5f6f8;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: flex-start;
    margin-bottom: 16px;
    margin-top: 8px;
    padding: 16px;
    width: 100%
}

.wrapper__YOE_L:hover .subtitle__kgeCr {
    color: #07f
}

.wrapper__YOE_L:hover .arrow__IN2Vp svg {
    fill: #012249
}

.title__DoRqJ {
    color: #012249;
    font-size: 18px;
    font-weight: 600;
    padding-left: 16px
}

.arrow__IN2Vp {
    margin: 0 10px 0 auto
}

.arrow__IN2Vp svg {
    transition: fill .3s
}

@media screen and (max-width:767.9px) {
    .title__DoRqJ {
        color: #012249;
        font-size: 16px;
        font-weight: 600
    }
}

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

.linkList__O78Z1 .link__D3tqE {
    border-bottom: 1px solid #e5e8ec;
    cursor: pointer;
    justify-content: space-between;
    position: relative
}

.linkList__O78Z1 .link__D3tqE:hover:before {
    background-color: #f5f6f8;
    border-radius: 8px;
    bottom: -1px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -1px
}

.linkList__O78Z1 .link__D3tqE a {
    align-items: center;
    height: 56px
}

.linkList__O78Z1 .link__D3tqE a:link {
    color: #3e5774;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.linkList__O78Z1 .link__D3tqE a:visited {
    color: #3e5774
}

.linkList__O78Z1 .link__D3tqE a:hover {
    color: #012249;
    text-decoration: underline
}

.linkList__O78Z1 .link__D3tqE a:hover svg {
    fill: #012249
}

.menuWrapper__s9VPu {
    padding: 32px 40px
}

@media screen and (max-width:767.9px) {
    .menuWrapper__s9VPu {
        padding: 24px 16px
    }
}

.content__RJjtG {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.container__EI0_i,
.content__RJjtG,
.latestContent__gkQfR,
.previousContent__jcYkB {
    height: 100%;
    width: 100%
}

.container__EI0_i {
    overflow: hidden;
    position: relative
}

.previousContent__jcYkB {
    position: absolute
}

.previousContent__jcYkB.forward__hrlDi {
    animation: slide-out-forward__vl5_J
}

.previousContent__jcYkB.backward__GOEEd {
    animation: slide-out-backward__PLxXu
}

.latestContent__gkQfR.forward__hrlDi {
    animation: slide-in-forward__JRP22
}

.latestContent__gkQfR.backward__GOEEd {
    animation: slide-in-backward__ENeoC
}

@keyframes slide-out-forward__vl5_J {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes slide-out-backward__PLxXu {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@keyframes slide-in-forward__JRP22 {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slide-in-backward__ENeoC {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.toggleWrapper__IePQt {
    width: 36px
}

.rail__gOCDQ {
    height: 20px;
    width: 100%
}

.toggle__HvEnM {
    border-radius: 50%;
    height: 20px;
    padding: 2px;
    width: 20px
}

.toggleContent__hMZf7 {
    height: 100%;
    padding: 0;
    width: 100%
}

.userProfile__H69hd {
    align-items: center;
    background-color: #f5f6f8;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 88px;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding: 16px;
    width: 100%
}

.userProfile__H69hd:hover .subtitle__TvfFn {
    color: #07f
}

.userProfile__H69hd:hover .arrow__CV_qz svg {
    fill: #012249
}

.avatar__Uhm1i {
    background-color: #fff;
    height: 56px !important;
    margin-right: 24px;
    width: 56px !important
}

.info__yUaR2 {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 16px;
    overflow: hidden
}

.info__yUaR2 .title__EGBoQ {
    color: #012249;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info__yUaR2 .title__EGBoQ:after {
    content: "";
    display: block
}

.info__yUaR2 .subtitle__TvfFn {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    transition: color .3s
}

.arrow__CV_qz {
    margin: 0 10px 0 auto
}

.arrow__CV_qz svg {
    transition: fill .3s
}

@media screen and (max-width:767.9px) {
    .wrapper__JNBH8 {
        height: 80px
    }

    .avatar__Uhm1i {
        height: 40px !important;
        margin-right: 16px;
        width: 40px !important
    }

    .info__yUaR2 .title__EGBoQ {
        color: #012249;
        font-size: 16px;
        font-weight: 600
    }

    .wrapper__ti2Sn {
        height: auto
    }

    .wrapper__ti2Sn .header__cOoel {
        line-height: 22px
    }

    .wrapper__ti2Sn .buttons___ycdE,
    .wrapper__ti2Sn .header__cOoel {
        justify-content: center
    }

    .wrapper__ti2Sn .body__kfk55 {
        padding-top: 0;
        text-align: center
    }

    .wrapper__ti2Sn .buttons___ycdE {
        padding-top: 56px
    }
}

.header__cOoel {
    border-bottom-style: none;
    padding-bottom: 0
}

.body__kfk55 {
    color: #012249;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.buttons___ycdE {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%
}

.button__dLjun {
    margin-right: 16px
}

.buttonContainer__Gj4Ii,
.buttonsGroup__O1hOc {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

@media screen and (max-width:767.9px) {
    .submitButton__qUBRz {
        width: 100%
    }
}

.list__khmys {
    align-content: flex-start;
    align-items: stretch;
    column-gap: 18px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 48px;
    justify-content: flex-start;
    line-height: 14px;
    margin-bottom: 8px
}

@media screen and (max-width:767.9px) {
    .list__khmys {
        height: 96px
    }
}

.item__J6fCM {
    align-items: center;
    color: #718399;
    column-gap: 0;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-start
}

.validItem__rWIxI {
    color: #62c124
}

.label__CXpTW {
    height: 14px;
    width: 14px
}

.checkIcon__G1X3N {
    fill: #62c124
}

.bullet__oAipp {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.message__M2Bqd {
    margin-left: 8px;
    white-space: pre-line
}

.wrapper__b7YWJ {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.header__z1Yr7 {
    color: #012249;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.loadingLabel__VCmtu {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    margin-left: 12px
}

.loader__qya9U {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .header__z1Yr7 {
        font-size: 16px
    }
}

.disabled__mkCHx,
.settings__Mu8up [class*=disabled] {
    opacity: .5;
    pointer-events: none
}

.info__kgP8h {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px
}

.settings__Mu8up {
    transition: opacity .15s
}

.label__jOLjI {
    color: #012249;
    font-size: 16px;
    font-weight: 400;
    margin-left: 16px
}

.loader__wKMLw {
    width: 36px
}

.toggleWrapper__BAple {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 24px
}

.noPermissions__RT64S {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 16px
}

.settings__bxRYA {
    transition: opacity .15s
}

.settings__bxRYA [class*=disabled] {
    opacity: .5;
    pointer-events: none
}

.notificationWrapper__onwbe {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.notificationWrapper__onwbe .header__bAwnZ {
    color: #012249;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.notificationWrapper__onwbe .infoMessage__kp08n {
    color: #718399;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px
}

.notificationWrapper__onwbe .hint__mgrk1 {
    align-items: stretch;
    background-color: #f5f6f8;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    font-style: italic;
    justify-content: flex-start;
    padding: 16px 8px
}

.notificationWrapper__onwbe .hint__mgrk1 .icon__l7MjT {
    flex-shrink: 0;
    margin-right: 8px
}

.notificationWrapper__onwbe .hint__mgrk1 .muteHint__GsfiG {
    color: #718399;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px
}

.notificationWrapper__onwbe .hint__mgrk1 .unmuteHint__NNv1y {
    color: #718399;
    font-size: 12px;
    font-weight: 400
}

.notificationWrapper__onwbe .label__I61Ed {
    color: #012249;
    font-size: 16px;
    font-weight: 400;
    margin-left: 16px
}

.notificationWrapper__onwbe .loader__ngMs9 {
    width: 36px
}

.notificationWrapper__onwbe .toggleWrapper__yPe23 {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px
}

.personalProfile__KTrNR {
    -webkit-overflow-scrolling: touch;
    margin-right: -32px;
    overflow-x: hidden !important;
    -moz-overflow-y: auto;
    overflow-y: auto !important;
    padding-right: 28px;
    scrollbar-color: #f0f2f4 2px;
    scrollbar-width: thin
}

.personalProfile__KTrNR::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.personalProfile__KTrNR::-webkit-scrollbar-track {
    background-color: 2px;
    border-radius: 0;
    width: 4px
}

.personalProfile__KTrNR::-webkit-scrollbar-thumb {
    background-color: #f0f2f4;
    border-radius: 0
}

.header__zYR7y {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 16px;
    padding: 0 40px
}

.title__eBfzn {
    color: #012249;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px
}

@media screen and (max-width:767.9px) {
    .title__eBfzn {
        color: #012249;
        font-size: 16px;
        font-weight: 700
    }
}

.description__M_iEF {
    color: #3e5774;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 438px
}

@media screen and (max-width:767.9px) {
    .description__M_iEF {
        color: #718399;
        font-size: 14px;
        font-weight: 400;
        width: 100%
    }
}

.photoManager__v1RX5 {
    align-items: center;
    background-color: #f5f6f8;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-height: 200px;
    padding: 16px 20px
}

@media screen and (max-width:767.9px) {
    .photoManager__v1RX5 {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-height: 270px;
        padding: 16px
    }
}

.profilePhoto__ZNmXl {
    height: 130px
}

@media screen and (max-width:767.9px) {
    .profilePhoto__ZNmXl {
        height: 90px
    }
}

.avatar__BxqEz {
    border: 2px solid #e5e8ec;
    color: #718399;
    font-size: 40px !important;
    font-weight: 700;
    height: 129px !important;
    margin-right: 64px;
    width: 129px !important;
    z-index: 1
}

@media screen and (max-width:767.9px) {
    .avatar__BxqEz {
        font-size: 22px !important;
        height: 76px !important;
        margin-right: 0;
        width: 76px !important
    }
}

.changePhoto__aBVzT {
    bottom: 45px;
    display: flex;
    left: 90px;
    position: relative;
    width: 50px
}

@media screen and (max-width:767.9px) {
    .changePhoto__aBVzT {
        bottom: 22px;
        left: 50px
    }
}

.changePhoto__aBVzT :hover {
    cursor: pointer
}

.icon__IkTZz {
    height: 48px;
    width: 48px
}

@media screen and (max-width:767.9px) {
    .icon__IkTZz {
        height: 24px;
        width: 24px
    }
}

.icon__IkTZz :hover {
    border-radius: 50px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

@media screen and (max-width:767.9px) {
    .info__R4mrO {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.errorMessage__mRVkp {
    color: #e63e52;
    font-size: 14px;
    font-weight: 400;
    padding-top: 8px
}

@media screen and (max-width:767.9px) {
    .errorMessage__mRVkp {
        text-align: center
    }
}

.removePhoto__Jwd2L {
    color: #07f;
    font-size: 14px;
    font-weight: 600;
    padding-top: 16px;
    width: 100px
}

@media screen and (max-width:767.9px) {
    .removePhoto__Jwd2L {
        padding-top: 8px
    }
}

.removePhoto__Jwd2L:hover {
    cursor: pointer
}

.title__aAyCF {
    color: #012249;
    font-size: 16px;
    font-weight: 700
}

@media screen and (max-width:767.9px) {
    .title__aAyCF {
        font-weight: 600
    }
}

.description__JRjJL {
    color: #3e5774;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

@media screen and (max-width:767.9px) {
    .description__JRjJL {
        align-items: center;
        color: #012249;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        font-weight: 400;
        justify-content: center
    }
}

.bold__2p5bg {
    font-weight: 700
}

.modalWrapper__W1UVO {
    height: 450px
}

.modalBody__pnrxo .imageCropper__w5zpY {
    border-radius: 100px;
    border-style: none !important
}

.modalBody__pnrxo .imageCropper__w5zpY:after,
.modalBody__pnrxo .imageCropper__w5zpY:before {
    display: none
}

.imageUpload__tD5JU {
    margin-bottom: 32px
}

@media screen and (max-width:767.9px) {
    .wrapper___D7yI {
        height: auto
    }
}

.header__vQyNv {
    color: #191c21 !important
}

@media screen and (max-width:767.9px) {
    .header__vQyNv {
        justify-content: center
    }
}

.text__kS3XF {
    color: #191c21;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width:767.9px) {
    .text__kS3XF {
        text-align: center
    }

    .footer__v6OV8 {
        justify-content: center;
        padding-top: 40px
    }
}

.groupItem___gmJj {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: space-between
}

.underline__zM0BA {
    border-bottom: 1px solid #e5e8ec
}

.groupLabel__wr_sQ {
    color: #012249;
    font-size: 18px;
    font-weight: 600
}

@media screen and (max-width:767.9px) {
    .groupLabel__wr_sQ {
        font-size: 16px
    }
}

.sidebarRoot__HmO53 {
    bottom: 0;
    flex-direction: row
}

.sidebarRoot__HmO53,
.wrapper__YYSym {
    align-items: stretch;
    display: flex;
    justify-content: flex-start
}

.wrapper__YYSym {
    flex-direction: column;
    width: 634px
}

@media screen and (max-width:1023.9px) {
    .wrapper__YYSym {
        width: 100vw
    }
}

.avatar__zN9Wy,
.userImage__ugFel {
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden
}

.avatar__zN9Wy,
.photo__gt_b4,
.userImage__ugFel {
    height: 100%;
    width: 100%
}

.avatar__zN9Wy {
    align-items: center;
    background-color: #f0f2f4;
    color: #718399;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    text-transform: uppercase
}

.userImage__ugFel {
    object-fit: cover;
    text-align: center
}

.userInfoWrapper__jrQsw {
    align-items: stretch;
    align-self: center
}

.userInfoWrapper__jrQsw,
.userInfo__cnC1z {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.userInfo__cnC1z {
    align-items: center;
    cursor: pointer
}

.userInfo__cnC1z .avatarWrapper__swHG3 {
    position: relative
}

.userInfo__cnC1z .avatar__zWGT6 [class*=circle] {
    border: 1px solid transparent
}

.userInfo__cnC1z .avatar__zWGT6 [class*=initials] {
    font-size: 13px;
    line-height: 36px
}

.userInfo__cnC1z:hover .name__APzBe {
    color: #bdc6d0
}

.userInfo__cnC1z:hover .avatar__zWGT6 [class*=circle] {
    border: 1px solid #07f
}

.name__APzBe {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name__APzBe:after {
    content: "";
    display: block
}

@media screen and (max-width:1023.9px) {
    .name__APzBe {
        display: none
    }
}

.avatar__zWGT6 {
    margin-left: 16px
}

.userInfoDropdown__GdVer {
    color: #07f;
    font-size: 14px;
    font-weight: 700;
    min-width: 140px
}

.dropdownItem__KCvHc {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 36px;
    justify-content: flex-start;
    padding: 0 16px;
    white-space: nowrap
}

.dropdownItem__KCvHc:hover {
    background-color: #f5f6f8
}

.addPictureTitle__RduTH {
    align-items: center;
    color: #718399;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 14px 0
}

.addPictureTitle__RduTH .text__veepU {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    margin-left: 8px
}

.addPictureTitle__RduTH .icon__ebZeu {
    align-items: center;
    background-color: rgba(0, 153, 255, .13);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    height: 20px;
    justify-content: center;
    width: 20px
}

.addPictureTitle__RduTH .plusSign__WKmuF {
    font-size: 24px;
    line-height: 1
}

.addPictureTitle__RduTH.error__M8Ifj .icon__ebZeu {
    background-color: rgba(230, 62, 82, .15)
}

.fileCard__nVkzS {
    align-items: stretch;
    border: 1px solid #f5f6f8;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 80px;
    overflow: hidden;
    padding-right: 10px;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .fileCard__nVkzS {
        min-height: 108px;
        padding: 0
    }
}

.fileHeading__sGB1U {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: center;
    width: 80px
}

.fileHeading__sGB1U .iconText__v4Ex9 {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.fileName__HjEKd {
    color: #012249;
    font-size: 16px;
    font-weight: 600;
    max-width: 100%;
    width: 100%;
    word-break: break-all
}

@media screen and (max-width:767.9px) {
    .fileName__HjEKd {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 2px
    }
}

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

.fileName__HjEKd.oneLine__EhP1K:after {
    content: "";
    display: block
}

.fileName__HjEKd.twoLine__TeN0z {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.fileName__HjEKd.done__GTMGQ {
    opacity: .5
}

.fileInfo__YwrUc {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 20px
}

@media screen and (max-width:767.9px) {
    .fileInfo__YwrUc {
        align-items: flex-start;
        flex-direction: column;
        padding: 10px
    }
}

.fileText__K6B0I {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.time__qyTaE {
    color: #718399;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .time__qyTaE {
        font-size: 12px
    }
}

.fileLoader__AKYo_ {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    transform: none
}

.loaderSpinner__bzI_p {
    background-color: transparent;
    height: 24px;
    width: 24px
}

.downloadIcon__v9n4S,
.fileLoader__AKYo_,
.removeIcon__s9JUe,
.retryIcon__LQgnS {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media screen and (max-width:767.9px) {

    .downloadIcon__v9n4S,
    .fileLoader__AKYo_,
    .removeIcon__s9JUe,
    .retryIcon__LQgnS {
        display: block;
        margin-top: 10px
    }
}

.downloadIcon__v9n4S {
    padding: 4px 6px 5px 7px
}

.retryIcon__LQgnS {
    padding: 2px 4px
}

.fileLoader__AKYo_,
.removeIcon__s9JUe {
    padding: 4px
}

.actionIcon__lVCGO {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media screen and (max-width:767.9px) {
    .actionIcon__lVCGO {
        margin-left: -4px
    }

    .actionIcon__lVCGO.download__SAYzq {
        margin-left: -7px
    }
}

.nameContainer__zIa9K {
    align-items: stretch;
    color: #012249;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
    overflow: hidden
}

.extension__SZm9W {
    flex-shrink: 0
}

.extension__SZm9W:before {
    content: "."
}

.cropperWrapper__MIShe {
    align-items: stretch;
    border-bottom: 1px solid #e5e8ec;
    border-top: 1px solid #e5e8ec;
    display: flex;
    flex-direction: row;
    height: calc(100% - 203px);
    justify-content: center;
    padding: 0
}

.loaderOverlay__LpwV2 {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 20
}

.cropper__tH7v6 {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.overlay__rHfAv {
    background-color: rgba(1, 34, 73, .5);
    bottom: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 3
}

.contentContainer__qXWuT,
.overlay__rHfAv {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    width: 100%
}

.cropContainer__VDW3c {
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
    position: relative;
    width: 634px
}

.extensionTitle__Fn8F_ {
    font-weight: 700
}

.cropTitle__ucnok .dragArea__vvtWR {
    border-style: none;
    cursor: default
}

.actionContainer__WUz49 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sliderContainer__noAgm {
    padding: 20px 0;
    width: 200px
}

.buttonWrapper__cxacj {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 0 35px;
    width: 306px
}

.largeButtonWrapper__SqEfp {
    width: 458px
}

.skipButton__fR7tf,
.submitButton__HUXwU {
    margin-left: 14px
}

.cancelButton___JWsV,
.skipButton__fR7tf {
    margin-right: 14px
}

.fileContainer__dp6Ty {
    position: relative
}

.label__K2jvZ {
    bottom: auto;
    color: #07f;
    font-size: 12px;
    font-weight: 600;
    left: 16px;
    position: absolute;
    right: auto;
    top: 0;
    transform: translateY(-50%)
}

.label__K2jvZ.errorLabel__bwkNP {
    color: #e63e52
}

.border__wrSyc {
    border: 1px dashed #07f;
    border-radius: 4px;
    cursor: pointer
}

.border__wrSyc.error__icYPR {
    border-color: #e63e52
}

.activeDrag__G1yCW {
    background-color: rgba(0, 119, 255, .05)
}

.info__Ar0ZD {
    align-items: center;
    color: #718399;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    margin: 2px 0 0 16px
}

.info__Ar0ZD .errorMessage__yrPmI {
    color: #e63e52
}

.bold__hIvDH {
    font-weight: 700
}

.imageUpload__iGEVu {
    margin-bottom: 32px
}

.imageUpload__iGEVu .filledLabel__HXoIC {
    color: #718399
}

.wrapper__Ig8nb {
    align-items: center;
    border: 1px dashed #bdc6d0;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 50px;
    justify-content: flex-start;
    padding: 0 16px
}

.wrapper__Ig8nb .imageWrapper__KLmyy {
    height: 36px;
    width: 64px
}

.closeIcon__BSWRJ,
.imageWrapper__KLmyy {
    flex-shrink: 0
}

.image__pt1sO {
    border-radius: 4px;
    height: 100%;
    width: 100%
}

.nameContainer__otBkL {
    margin: 0 10px
}

.closeIcon__BSWRJ {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 14px;
    justify-content: flex-end;
    margin-left: auto;
    position: relative;
    width: 14px
}

.content__mo6A3 {
    background-color: #012249;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    max-width: 540px;
    padding: 4px 8px;
    white-space: pre-wrap;
    width: fit-content;
    word-break: break-word;
    z-index: 1501
}

.overflow__rrTVJ {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: max-content
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

tbody,
td {
    vertical-align: middle
}

b,
i,
u {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

input,
select:focus,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (max-width:767.9px) {

    input[type=text],
    select:focus,
    textarea {
        font-size: 16px !important
    }
}

body {
    font-family: Nunito Sans, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

body,
html,
input,
textarea {
    font-family: Nunito Sans, sans-serif
}

body,
html {
    box-sizing: border-box
}

input,
textarea {
    font-family: Nunito Sans
}

html {
    height: 100%
}

body {
    min-height: 100%
}

*,
:after,
:before {
    box-sizing: inherit
}

.acePortal {
    --primary-text-color: #2b3037;
    --third-text-color: #718399;
    --primary-background-color: #3e5774;
    background-color: #f5f6f8;
    color: #012249;
    font-size: 14px;
    line-height: normal
}

.acePortal h1 {
    font-size: 32px
}

.acePortal h2 {
    font-size: 24px
}

.acePortal h3 {
    font-size: 18px
}

.acePortal h4 {
    font-size: 16px
}

.acePortal .btnPrimary {
    background-color: #07f
}

.acePortal .btnPrimary:hover {
    background-color: #09f
}

.acePortal .btnPrimary:active {
    background-color: #005fcc
}

.acePortal .btnSecondary {
    background-color: #f0f2f4;
    color: #718399
}

.acePortal .btnSecondary:hover {
    background-color: #e5e8ec
}

.acePortal .btnSecondary:active {
    background-color: #f0f2f4
}

.acePortal .btnTertiary {
    background-color: transparent;
    color: #07f
}

.acePortal .btnTertiary:hover {
    background-color: #f5f6f8
}

.acePortal .btnTertiary:active {
    background-color: #f0f2f4
}

.acePortal .btnChip {
    background-color: #e5e8ec;
    color: #3e5774
}

.acePortal .btnChip:hover {
    background-color: #f0f2f4
}

.acePortal .btnLink {
    background-color: transparent;
    color: #07f
}

.acePortal .btnLink:hover {
    background-color: transparent;
    color: #09f
}

.acePortal .btnLink:active {
    background-color: transparent;
    color: #005fcc
}

.acePortal .react-datepicker {
    max-width: 90vw
}

.acePortal .react-datepicker__header {
    background-color: #fff
}

.acePortal .react-datepicker__day-name {
    color: #718399;
    color: transparent;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    width: 40px
}

.acePortal .react-datepicker__day-name:first-letter {
    color: #718399
}

.acePortal .react-datepicker__day {
    color: #012249;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    transition: background .15s linear;
    width: 40px
}

.acePortal .react-datepicker__day--today:not(.react-datepicker__day--keyboard-selected) {
    color: #07f
}

.acePortal .react-datepicker__day--keyboard-selected,
.acePortal .react-datepicker__day--selected {
    background-color: #07f;
    color: #fff !important
}

.acePortal .react-datepicker__day--outside-month {
    visibility: hidden
}

.select .pace-select__control {
    border-color: #bdc6d0
}

.select .pace-select__control--is-focused {
    border-color: #07f !important;
    box-shadow: none
}

.select .pace-select__menu-list {
    border: 1px solid #07f
}

.select .pace-select__single-value {
    color: #012249
}

.select .pace-select__option,
.select .pace-select__option:hover {
    color: #012249;
    font-size: 14px;
    font-weight: 400
}

.heading__AEcEa {
    margin: 40px 0;
    text-align: center
}

.content__RMOr2 {
    align-items: center;
    background-color: #f5f6f8;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: calc(100vh - 136px);
    padding-bottom: 40px
}

.emptyPlaceholderTitle__DBHet {
    color: #012249;
    font-size: 24px;
    font-weight: 700
}

.emptyPlaceholderSubtitle__u6XhG {
    color: #bdc6d0;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .emptyPlaceholderTitle__DBHet {
        font-size: 20px
    }

    .description__EnYtZ,
    .emptyPlaceholderSubtitle__u6XhG {
        font-size: 14px;
        margin: 0 64px;
        text-align: center
    }
}

.mainText__mdzm7 {
    color: #012249;
    font-size: 20px;
    font-weight: 700;
    line-height: 2.2
}

.description__EnYtZ {
    color: #718399;
    font-size: 16px;
    font-weight: 400;
    min-height: 38px
}

.tiles__eLowq {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, 300px);
    justify-content: center;
    margin: 0 auto;
    max-width: 960px
}

@media screen and (max-width:1023.9px) {
    .tiles__eLowq {
        max-width: 620px
    }
}

@media screen and (max-width:767.9px) {
    .tiles__eLowq {
        max-width: 300px
    }
}

.tileLoaderPlaceholder__QwFXu,
.tile__nnrNZ {
    align-items: center;
    background-color: #fff;
    border-bottom: 4px solid transparent;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .07);
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: flex-start;
    text-decoration: none;
    transition-duration: .2s, .2s;
    transition-property: border-color, box-shadow;
    transition-timing-function: linear, linear;
    width: 300px
}

@media screen and (max-width:767.9px) {

    .tileLoaderPlaceholder__QwFXu,
    .tile__nnrNZ {
        width: 288px
    }
}

.tileLoaderPlaceholder__QwFXu:hover,
.tile__nnrNZ:hover {
    box-shadow: 0 21px 40px 0 rgba(0, 0, 0, .17);
    cursor: pointer
}

.logoLoaderPlaceholder__ELdLo,
.logo__Tfepx {
    background-color: #f5f6f8;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80px;
    border-radius: 50%;
    height: 132px;
    margin: 54px 0 18px;
    width: 132px
}

.descriptionLoaderPlaceholder__mnDWH,
.description {
    color: #718399;
    font-size: 16px;
    font-weight: 400;
    margin: 8px 20px 0;
    text-align: center;
    white-space: pre-wrap
}

.tileLoaderPlaceholder__QwFXu:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .07);
    cursor: default
}

.descriptionTitleLoaderPlaceholder__ScKZe {
    border-radius: 8px;
    height: 21px;
    width: 120px
}

.descriptionLoaderPlaceholder__mnDWH {
    border-radius: 8px;
    height: 10px;
    margin: 10px auto;
    width: 268px
}

.descriptionBottomLoaderPlaceholder__eUMC0 {
    border-radius: 8px;
    height: 10px;
    width: 212px
}

.descriptionBottomLoaderPlaceholder__eUMC0,
.descriptionLoaderPlaceholder__mnDWH,
.descriptionTitleLoaderPlaceholder__ScKZe,
.logoLoaderPlaceholder__ELdLo {
    animation: background-slide 1.2s linear infinite;
    background: #e5e8ec linear-gradient(90deg, #e5e8ec 0, #f0f2f4 50%, #e5e8ec) no-repeat;
    background-size: 400%
}

.header__JX7Us {
    align-items: center;
    background-color: #000;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: flex-start;
    padding: 0
}

.headerLogo__Dtzat {
    margin-left: 32px;
    width: 80px
}

.secondarySlot__jQ_BZ {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: absolute;
    right: 16px
}

.unreadCount__BEjga {
    color: #012249;
    font-size: 12px !important;
    font-weight: 700;
    left: 16px;
    padding: 0 4px;
    position: absolute;
    top: -4px
}

.notificationsButton__vaL4d {
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.tasksButton__AcHoK {
    color: #e5e8ec;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-right: 40px
}

.tasksButton__AcHoK:hover {
    color: #bdc6d0
}

.footer__J1C2b {
    align-items: center;
    background-color: #f5f6f8;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: space-between
}

@media screen and (max-width:767.9px) {
    .footer__J1C2b {
        align-items: center;
        flex-direction: column-reverse;
        gap: 8px;
        height: auto
    }
}

.footerLogo__ZuGL3 {
    margin: 0 64px 0 32px
}

@media screen and (max-width:1023.9px) {
    .footerLogo__ZuGL3 {
        margin: 0 24px
    }
}

@media screen and (max-width:767.9px) {
    .footerLogo__ZuGL3 {
        margin: 0 32px 24px
    }
}

.logo__iD8Vb {
    height: 32px;
    width: 102px
}

@media screen and (max-width:1023.9px) {
    .logo__iD8Vb {
        height: 23px;
        width: 76px
    }
}

.footerNavigation__Mdr8p {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 64px;
    justify-content: flex-start;
    letter-spacing: 1px;
    margin-right: auto;
    text-transform: uppercase
}

@media screen and (max-width:1023.9px) {
    .footerNavigation__Mdr8p {
        gap: 24px
    }
}

@media screen and (max-width:767.9px) {
    .footerNavigation__Mdr8p {
        gap: 16px;
        justify-content: center;
        margin-right: 0;
        order: 3
    }
}

.footerNavigation__Mdr8p .link__nDh3n {
    color: #07f;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

@media screen and (max-width:767.9px) {
    .footerNavigation__Mdr8p .link__nDh3n {
        color: #07f;
        font-size: 12px;
        font-weight: 600
    }
}

.footerNavigation__Mdr8p .link__nDh3n:hover {
    text-decoration: underline
}

.appVersion__Vuw4Q {
    align-items: center;
    color: #718399;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 16px;
    margin: 0 32px
}

@media screen and (max-width:1023.9px) {
    .appVersion__Vuw4Q {
        gap: 8px
    }
}

@media screen and (max-width:767.9px) {
    .appVersion__Vuw4Q {
        font-size: 10px;
        margin: 0
    }
}

.appVersion__Vuw4Q .label__fATZ6 {
    color: #718399;
    font-size: 12px;
    font-weight: 700
}

@media screen and (max-width:767.9px) {
    .appVersion__Vuw4Q .label__fATZ6 {
        font-size: 10px
    }
}

.appVersion__Vuw4Q .infoBlock__fu0YB {
    display: flex;
    gap: 5px
}

@media screen and (max-width:1023.9px) {
    .appVersion__Vuw4Q .infoBlock__fu0YB {
        gap: 2px
    }
}

@media screen and (max-width:767.9px) {
    .arrowIcon__FZUEq span {
        height: 20px !important;
        width: 20px !important
    }
}

.notificationsItemContainer__aweZA {
    position: relative
}

.badgeMenu__KmNdB {
    bottom: auto;
    color: #012249;
    font-size: 12px !important;
    font-weight: 700;
    height: 22px;
    left: 150px;
    padding: 0 4px;
    position: absolute;
    right: auto;
    top: 16px;
    width: 22px
}

@media screen and (max-width:767.9px) {
    .badgeMenu__KmNdB {
        left: 140px
    }
}

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

.settingsList__NmP9Y li {
    border-bottom: 1px solid #e5e8ec;
    padding: 16px 0
}

.settingsList__NmP9Y li.visibility__xEZIG {
    padding: 0
}

.status-wait {
  color: #FFC107 /* Amber */
}

.status-error {
  color: red
}