@font-face {
    font-family: 'OpenDyslexic-Regular';
    src: url('/App_Themes/ThemeAr/Fonts/OpenDyslexic-Regular.eot');
    src: url('/App_Themes/ThemeAr/Fonts/OpenDyslexic-Regular.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ThemeAr/Fonts/OpenDyslexic-Regular.svg#OpenDyslexic-Regular') format('svg'), url('/App_Themes/ThemeAr/Fonts/OpenDyslexic-Regular.ttf') format('truetype'), url('/App_Themes/ThemeAr/Fonts/OpenDyslexic-Regular.woff') format('woff'), url('/App_Themes/ThemeAr/Fonts/OpenDyslexic-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


.mobile .userway-menu-app {
    width: 85%
}

.userway_overflow .userway-menu-app {
    height: 100%
}

@media screen and (min-aspect-ratio: 13 / 9) {
    .mobile .userway-menu-app {
        width: 70%
    }
}

.userway-menu-app .widget-setting-wrapper {
    margin-top: 10px
}

.userway-menu-app .widget .widget-content-casing {
    padding: 16px 3px 3px;
    background: #ACD4AC;
    position: relative
}

    .userway-menu-app .widget .widget-content-casing .widget-content-casing-text {
        margin: 0 auto 14px;
        text-align: center;
        color: #013900;
        font-size: 13px;
        letter-spacing: -.28px;
        font-family: 'Metropolis', sans-serif
    }

        .userway-menu-app .widget .widget-content-casing .widget-content-casing-text .bold {
            font-size: 13px;
            font-weight: bold
        }

.userway-menu-app .widget .widget-footer {
    background: #ffffff;
    padding: 13px 24px 14px;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap
}

    .userway-menu-app .widget .widget-footer .footer-asterisk {
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 18px;
        line-height: 18px;
        height: 8px;
        display: block
    }

    .userway-menu-app .widget .widget-footer .row {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .userway-menu-app .widget .widget-footer .row.has-no-custom-logo {
            align-items: center
        }

            .userway-menu-app .widget .widget-footer .row.has-no-custom-logo .left {
                justify-content: flex-start
            }

            .userway-menu-app .widget .widget-footer .row.has-no-custom-logo .right {
                width: 75%
            }

                .userway-menu-app .widget .widget-footer .row.has-no-custom-logo .right .logo-wrap {
                    margin-left: 0
                }

            .userway-menu-app .widget .widget-footer .row.has-no-custom-logo .logo-wrap img {
                display: block
            }

        .userway-menu-app .widget .widget-footer .row > a {
            margin-bottom: 4px
        }

@media all and (max-width: 1250px), all and (max-height: 670px) {
    .userway-menu-app .widget .widget-footer {
        padding: 13px 20px 14px
    }

        .userway-menu-app .widget .widget-footer .footer-asterisk {
            right: 20px
        }
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .userway-menu-app .widget .widget-footer {
        padding: 13px 18px 14px
    }

        .userway-menu-app .widget .widget-footer .footer-asterisk {
            right: 18px
        }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .userway-menu-app .widget .widget-footer {
        padding: 13px 14px 14px
    }

        .userway-menu-app .widget .widget-footer .footer-asterisk {
            right: 14px
        }
}

@media (max-width: 600px) {
    .userway-menu-app .widget .widget-footer {
        padding: 10px
    }

        .userway-menu-app .widget .widget-footer .footer-asterisk {
            right: 10px
        }
}

.userway-menu-app .widget .widget-footer .logo {
    text-align: right
}

.userway-menu-app .widget .widget-footer .logo-label {
    font-size: 10px;
    letter-spacing: 0.2px;
    color: #04223F;
    width: 150px;
    display: block
}

    .userway-menu-app .widget .widget-footer .logo-label:first-child {
        margin-top: 0
    }

.userway-menu-app .widget .widget-footer .logo-img {
    display: inline-block
}

    .userway-menu-app .widget .widget-footer .logo-img img {
        max-width: 100%;
        width: 100%;
        margin-top: 1.15px
    }

.userway-menu-app .widget .widget-footer .right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 60%
}

.userway-menu-app .widget .widget-footer .left {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 53%;
    display: flex;
    flex-flow: column
}

    .userway-menu-app .widget .widget-footer .left a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 1.15px
    }

@media screen and (min-aspect-ratio: 13 / 9) {
    .mobile .userway-menu-app .widget .widget-footer .left {
        max-width: 40%
    }
}

.userway-menu-app .widget .widget-footer .left .report_the_problem_link {
    margin-top: 20px
}

.userway-menu-app .widget .widget-footer .left .report_the_problem_link,
.userway-menu-app .widget .widget-footer .left .manage-link,
.userway-menu-app .widget .widget-footer .left .donate-link {
    display: block
}

.userway-menu-app .widget .widget-footer .left .acc_statement_link {
    display: inline-block !important
}

    .userway-menu-app .widget .widget-footer .left .acc_statement_link .acc_statement_text {
        white-space: nowrap
    }

.mobile .userway-menu-app .widget .widget-footer .left a,
.mobile .userway-menu-app .widget .widget-footer .left span {
    font-size: 14px
}

    .mobile .userway-menu-app .widget .widget-footer .left a span,
    .mobile .userway-menu-app .widget .widget-footer .left span span {
        font-size: 14px
    }

.userway-menu-app .widget .widget-footer .donate-link {
    color: green
}

.userway-menu-app .widget .widget-footer .footer-back a {
    color: #808080
}

.userway-menu-app .widget .widget-footer .footer-back.relative {
    margin-top: 6px;
    position: inherit
}

@media screen and (min-aspect-ratio: 13 / 9) {
    .mobile .userway-menu-app .widget .widget-footer .footer-back {
        display: block;
        position: unset
    }
}

@media screen and (min-aspect-ratio: 13 / 9) {
    .mobile .userway-menu-app .widget .widget-footer {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-end
    }
}

.userway-menu-app .widget .widget-footer.no-footer .widget-footer {
    height: 0;
    padding-bottom: 0;
    padding-top: 12px
}

    .userway-menu-app .widget .widget-footer.no-footer .widget-footer * {
        display: none
    }

.userway-menu-app .widget .widget-footer.custom-footer .widget-footer .left *,
.userway-menu-app .widget .widget-footer.custom-footer .widget-footer .right .logo-label {
    display: none
}

.userway-menu-app .widget .widget-footer.custom-footer .widget-footer .logo {
    height: 28px
}

.userway-menu-app .title {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

    .userway-menu-app .title span {
        margin-left: 11px;
        font-size: 12px;
        font-weight: 500
    }

@media all and (max-width: 1250px), all and (max-height: 670px) {
    .userway-menu-app .title {
        line-height: 20px
    }
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .userway-menu-app .title {
        line-height: 18px;
        font-size: 13px
    }

        .userway-menu-app .title span {
            font-size: 11px
        }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .userway-menu-app .title {
        line-height: 11px;
        font-size: 14px;
        color: #ffffff;
    }

        .userway-menu-app .title span {
            font-size: 10px
        }
}

@media (max-width: 600px) {
    .userway-menu-app .title {
        font-size: 11px
    }

        .userway-menu-app .title span {
            font-size: 9px
        }
}

.userway-menu-app .amount .label {
    color: #697480;
    font-size: 11px
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .userway-menu-app .amount .label {
        font-size: 10px
    }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .userway-menu-app .amount .label {
        font-size: 9px
    }
}

.userway-menu-app .user-select-text {
    user-select: text
}

.userway-menu-app .actions-wrapper {
    display: flex;
    flex-wrap: wrap
}

    .userway-menu-app .actions-wrapper .action {
        position: relative;
        z-index: 2;
        cursor: pointer
    }

        .userway-menu-app .actions-wrapper .action:after {
            content: "";
            position: absolute;
            left: -1px;
            right: -1px;
            top: -1px;
            bottom: -1px;
            border: 2px solid #006DD5;
            display: block;
            border-radius: 2px
        }

    .userway-menu-app .actions-wrapper .action__inner {
        display: flex;
        /*height: 92px;*/
        align-items: center;
        justify-content: center;
        flex-flow: column;
        transition: background .1s ease;
        position: relative;
        z-index: 3;
        height: 83px;
    }

    .userway-menu-app .actions-wrapper .action:hover {
        background: #F1F4F7
    }

    .userway-menu-app .actions-wrapper .action:focus {
        border-radius: 5px;
        outline: none;
        z-index: 3
    }

        .userway-menu-app .actions-wrapper .action:focus:after {
            border-color: #006DD5;
            border-width: 2px;
            left: -1px;
            right: -1px;
            top: -1px;
            bottom: -1px;
            border-radius: 5px
        }

        .userway-menu-app .actions-wrapper .action:focus:before {
            content: "";
            position: absolute;
            left: -5px;
            top: -5px;
            bottom: -5px;
            right: -5px;
            display: block;
            border-radius: 10px;
            border: 5px solid #C9E0F6
        }

    .userway-menu-app .actions-wrapper .action .icon-wrap {
        height: 45px;
        margin-top: -6px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .userway-menu-app .actions-wrapper .action .icon-wrap.bigger-text {
            align-items: flex-end;
            padding-bottom: 10px
        }

    .userway-menu-app .actions-wrapper .action .text {
        letter-spacing: -.5px;
        text-overflow: ellipsis;
        text-align: center;
        overflow: hidden;
        padding: 0 5px;
        white-space: nowrap;
        display: block;
        width: 100%;
        font-size: 14px
    }

@media screen and (min-aspect-ratio: 13 / 9) {
    .mobile .userway-menu-app .actions-wrapper__gridT .action {
        width: calc(100% / 3)
    }
}

.widget-body,
.widget-content {
    position: relative
}

.reset-action .icon-wrap {
    margin-top: -3px
}

.page-structure-small .svg-sprite {
    transform: scale(0.6);
    margin-right: -7px
}

.reset {
    background-color: white;
    padding: 0 24px 5px;
    text-align: center
}

    .reset .button {
        line-height: 40px;
        border: none;
        color: #000;
        border-radius: 0;
        position: relative;
        transition: background .1s ease
    }

        .reset .button:hover {
            box-shadow: none;
            background: #B4B4B4
        }

        .reset .button:focus {
            outline: none;
            z-index: 3
        }

            .reset .button:focus:after {
                border-color: #006DD5;
                border-width: 2px;
                left: -1px;
                right: -1px;
                top: -1px;
                bottom: -1px;
                border-radius: 5px
            }

            .reset .button:focus:before {
                content: "";
                position: absolute;
                left: -5px;
                top: -5px;
                bottom: -5px;
                right: -5px;
                display: block;
                border-radius: 10px;
                border: 5px solid #C9E0F6
            }

        .reset .button:after {
            content: "";
            position: absolute;
            border: 1px solid #B4B4B4;
            left: -1px;
            right: 0;
            top: -1px;
            bottom: 0;
            display: block
        }

        .reset .button span {
            color: #000
        }

        .reset .button:hover {
            z-index: 9999999
        }

        .reset .button img {
            margin-right: 5px;
            top: 2px
        }

    .reset.doubled-button.ally-action_small .icon-wrap {
        margin-top: -3px
    }

    .reset.doubled-button .button:first-child {
        border-bottom-right-radius: 0
    }

    .reset.doubled-button .button:nth-child(2n) {
        border-bottom-left-radius: 0
    }

@media all and (max-width: 1250px), all and (max-height: 670px) {
    .reset {
        padding: 0 20px 5px
    }
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .reset {
        padding: 0 18px 5px
    }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .reset {
        padding: 0 14px 5px
    }
}

.manage-widget-state {
    display: flex
}

    .manage-widget-state .button {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .manage-widget-state .button:hover {
            background: #F1F4F7
        }

        .manage-widget-state .button span {
            font-weight: 400;
            padding: 0 5px;
            text-align: center
        }

.mobile .manage-widget-state .button span {
    font-size: 14px
}

.manage-widget-state .button.ally-action_small .icon-wrap {
    margin-top: -3px
}

.manage-widget-state.doubled-button .button {
    width: 50%
}

    .manage-widget-state.doubled-button .button span {
        white-space: nowrap;
        letter-spacing: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block
    }

    .manage-widget-state.doubled-button .button:first-child:after {
        border-bottom-left-radius: 4px
    }

    .manage-widget-state.doubled-button .button:nth-child(2n) {
        border-left: 0
    }

        .manage-widget-state.doubled-button .button:nth-child(2n):after {
            border-bottom-right-radius: 4px
        }

.mobile .manage-widget-state.doubled-button .button,
.userway-sidebar .manage-widget-state.doubled-button .button {
    padding: 0 10px
}

.mobile .manage-widget-state .button:nth-child(2n) {
    border-left: 0px
}

@media screen and (min-aspect-ratio: 13 / 9) {
    .mobile .manage-widget-state .button {
        width: 50%
    }

        .mobile .manage-widget-state .button span {
            white-space: nowrap;
            letter-spacing: normal;
            text-overflow: ellipsis;
            overflow: hidden
        }

    .mobile .mobile .manage-widget-state .button,
    .userway-sidebar .mobile .manage-widget-state .button {
        padding: 0 10px
    }
}

.manage-widget-state__сlose {
    display: none
}

.mobile .manage-widget-state__сlose {
    display: block
}

.ally-action-item {
    width: 50%;
    position: relative;
    padding: 5px;
}

.ally-action {
    background-color: #f1f1f2;
}

.ally-action-item.step-0 .action {
    z-index: 1
}

    .ally-action-item.step-0 .action:after {
        border: 1px solid #B4B4B4;
        left: -1px;
        right: 0;
        top: -1px;
        bottom: 0;
        border-radius: 0
    }

    /*.ally-action-item.step-0 .action .action__inner {
            height: 69px
        }*/

    .ally-action-item.step-0 .action:focus {
        z-index: 3
    }

.ally-action-item:nth-child(1) .action:after {
    border-top-left-radius: 4px
}

.ally-action-item:nth-child(1) .action:focus {
    z-index: 3
}

    .ally-action-item:nth-child(1) .action:focus:after {
        border-top-left-radius: 5px
    }

    .ally-action-item:nth-child(1) .action:focus.step-0 {
        z-index: 3
    }

.ally-action-item:nth-child(2) .action:after {
    border-top-right-radius: 4px
}

.ally-action-item:nth-child(2) .action:focus {
    z-index: 3
}

    .ally-action-item:nth-child(2) .action:focus.step-0 {
        z-index: 3
    }

    .ally-action-item:nth-child(2) .action:focus:after {
        border-top-right-radius: 4px
    }

.ally-action-item .action,
.ally-action-item .action__inner {
    width: 100%
}

.ally-action-item .icon-reset {
    transform: scale(1.5)
}

.ally-action-item .icon-wrap,
.ally-action-item .text,
.ally-action-item .check,
.ally-action-item .steps {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease
}

.ally-action-item__skeleton .skeleton {
    opacity: 1;
    visibility: visible;
    transition: opacity .15s ease, visibility .15s ease
}

.ally-action-item__skeleton .action:after {
    border-color: #B4B4B4 !important
}

.ally-action-item__ready .skeleton {
    opacity: 0;
    visibility: hidden
}

.ally-action-item__ready .icon-wrap,
.ally-action-item__ready .text,
.ally-action-item__ready .check,
.ally-action-item__ready .steps,
.ally-action-item__ready .manage-widget-state__text {
    opacity: 1;
    visibility: visible
}

@keyframes shine-lines {
    0% {
        background-position: -100px
    }

    40%, 100% {
        background-position: 140px
    }
}

@keyframes shine-lines2 {
    0% {
        background-position: -100px
    }

    40%, 100% {
        background-position: 250px
    }
}

.skeleton {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%)
}

.skeleton__icon {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    margin: 0 auto 7px;
    background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
    background-size: 600px;
    animation: shine-lines 1.5s infinite linear
}

.skeleton__title {
    border-radius: 7px;
    height: 10px;
    width: 83px;
    margin: 0 auto;
    background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
    background-size: 600px;
    animation: shine-lines 1.5s infinite linear
}

.ally-action .icon-reset_lg {
    transform: scale(1.5)
}

.ally-action .ally-action_small .icon-reset_lg {
    transform: scale(1)
}

.ally-action .manage-widget-state__text {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease
}

.ally-action.ally-action-item__ready .manage-widget-state__text {
    opacity: 1;
    visibility: visible
}

.ally-action.reset-action .skeleton {
    margin-top: 3px;
    display: flex;
    align-items: center
}

.ally-action.reset-action .skeleton__icon {
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.step-1 .action {
    background-color: #F7F8F9
}

.action .check {
    position: absolute;
    right: 6px;
    top: 6px
}

.step-0 .action .check {
    display: none
}

.step-0 .action .steps {
    display: none
}

.action .steps {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 4px;
    height: 5px;
    background: transparent;
    display: flex
}

    .action .steps > div {
        height: 4px;
        border-radius: 2px;
        width: 50%;
        margin: 0 2px;
        background: rgba(0,109,213,0.18)
    }

        .action .steps > div.active {
            background: #006dd5
        }

.lang-select-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 3px 20px 3px;
    position: relative;
    z-index: 3;
    min-height: 22px
}

    .lang-select-wrap .fflag {
        margin-top: -2px;
        border-radius: 2px
    }

.lang-select-btn {
    background: none;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    padding: 8px 25px 7px 7px;
    border-radius: 2px;
    margin-right: -5px;
    position: relative
}

    .lang-select-btn:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #000;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%)
    }

    .lang-select-btn:focus {
        outline: 1px solid transparent;
        box-shadow: 0 0 0 3px #CDDAFC;
        border-color: #2B5DFF
    }

    .lang-select-btn .fflag {
        margin-right: 5px
    }

    .lang-select-btn .value {
        font-size: 13px;
        line-height: 14px;
        font-weight: 400
    }

.lang-select-list {
    position: absolute;
    left: 19px;
    right: 20px;
    background: #fff;
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    top: 36px;
    z-index: 5
}

.lang-select-list__inner {
    max-height: 86%
}

.lang-select-item {
    display: block;
    width: 100%;
    background: #fff;
    border: 2px solid transparent;
    position: relative;
    border-radius: 4px;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    padding: 4px 15px 6px
}

    .lang-select-item .fflag {
        margin-right: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.23)
    }

    .lang-select-item:focus {
        border-color: #2D68FF;
        box-shadow: 0 0 0 3px #CDDAFC
    }

    .lang-select-item:after {
        content: "";
        left: 14px;
        right: 15px;
        bottom: 0;
        display: block;
        height: 1px;
        background: #B4B4B4;
        position: absolute
    }

.userway-s2,
.userway-s2 * {
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==),auto !important
}

.userway-s2-ie,
.userway-s2-ie * {
    cursor: url("../frontend/images/cursor_ie_32.cur"),auto !important
}

.ff-bigtext-fix-1 {
    -moz-transform: scale(0.7692)
}

    .ff-bigtext-fix-1.p1 {
        -moz-transform-origin: top right
    }

    .ff-bigtext-fix-1.p2 {
        -moz-transform-origin: right
    }

    .ff-bigtext-fix-1.p3 {
        -moz-transform-origin: bottom right
    }

    .ff-bigtext-fix-1.p4 {
        -moz-transform-origin: bottom
    }

    .ff-bigtext-fix-1.p5 {
        -moz-transform-origin: bottom left
    }

    .ff-bigtext-fix-1.p6 {
        -moz-transform-origin: left
    }

    .ff-bigtext-fix-1.p7 {
        -moz-transform-origin: top left
    }

    .ff-bigtext-fix-1.p8 {
        -moz-transform-origin: top
    }

.ff-bigtext-fix-2 {
    -moz-transform: scale(0.625)
}

    .ff-bigtext-fix-2.p1 {
        -moz-transform-origin: top right
    }

    .ff-bigtext-fix-2.p2 {
        -moz-transform-origin: right
    }

    .ff-bigtext-fix-2.p3 {
        -moz-transform-origin: bottom right
    }

    .ff-bigtext-fix-2.p4 {
        -moz-transform-origin: bottom
    }

    .ff-bigtext-fix-2.p5 {
        -moz-transform-origin: bottom left
    }

    .ff-bigtext-fix-2.p6 {
        -moz-transform-origin: left
    }

    .ff-bigtext-fix-2.p7 {
        -moz-transform-origin: top left
    }

    .ff-bigtext-fix-2.p8 {
        -moz-transform-origin: top
    }

.ff-bigtext-fix-3 {
    -moz-transform: scale(0.5263)
}

    .ff-bigtext-fix-3.p1 {
        -moz-transform-origin: top right
    }

    .ff-bigtext-fix-3.p2 {
        -moz-transform-origin: right
    }

    .ff-bigtext-fix-3.p3 {
        -moz-transform-origin: bottom right
    }

    .ff-bigtext-fix-3.p4 {
        -moz-transform-origin: bottom
    }

    .ff-bigtext-fix-3.p5 {
        -moz-transform-origin: bottom left
    }

    .ff-bigtext-fix-3.p6 {
        -moz-transform-origin: left
    }

    .ff-bigtext-fix-3.p7 {
        -moz-transform-origin: top left
    }

    .ff-bigtext-fix-3.p8 {
        -moz-transform-origin: top
    }

.ff-bigtext-fix-4 {
    -moz-transform: scale(0.4878)
}

    .ff-bigtext-fix-4.p1 {
        -moz-transform-origin: top right
    }

    .ff-bigtext-fix-4.p2 {
        -moz-transform-origin: right
    }

    .ff-bigtext-fix-4.p3 {
        -moz-transform-origin: bottom right
    }

    .ff-bigtext-fix-4.p4 {
        -moz-transform-origin: bottom
    }

    .ff-bigtext-fix-4.p5 {
        -moz-transform-origin: bottom left
    }

    .ff-bigtext-fix-4.p6 {
        -moz-transform-origin: left
    }

    .ff-bigtext-fix-4.p7 {
        -moz-transform-origin: top left
    }

    .ff-bigtext-fix-4.p8 {
        -moz-transform-origin: top
    }

.userway {
    width: 334px;
    user-select: none;
    border: solid 1px #ddd;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0,0,0,0.15);
    transition: .1s;
    background: #ffffff
}

@media all and (max-width: 1250px), all and (max-height: 670px) {
    .userway {
        width: 300px;
    }
}

@media (max-width: 600px) {
    .userway {
        min-width: 250px
    }
}

.mobile .userway.p1,
.userway.p1.userway-sidebar,
.mobile .userway.p2,
.userway.p2.userway-sidebar,
.mobile .userway.p3,
.userway.p3.userway-sidebar,
.mobile .userway.p4,
.userway.p4.userway-sidebar,
.mobile .userway.p5,
.userway.p5.userway-sidebar,
.mobile .userway.p6,
.userway.p6.userway-sidebar,
.mobile .userway.p7,
.userway.p7.userway-sidebar,
.mobile .userway.p8,
.userway.p8.userway-sidebar {
    transform: none
}

.mobile .userway.p1,
.userway.p1.userway-sidebar,
.mobile .userway.p2,
.userway.p2.userway-sidebar,
.mobile .userway.p3,
.userway.p3.userway-sidebar {
    border-right: none
}

.mobile .userway.p5,
.userway.p5.userway-sidebar,
.mobile .userway.p6,
.userway.p6.userway-sidebar,
.mobile .userway.p7,
.userway.p7.userway-sidebar {
    border-left: none
}

.widget .widget-header-wrapper {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #003d68;
    padding: 18px 24px 17px
}

@media all and (max-width: 1250px), all and (max-height: 670px) {
    .widget .widget-header-wrapper {
        padding: 15px 20px 15px
    }
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .widget .widget-header-wrapper {
        padding: 15px 18px 15px
    }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .widget .widget-header-wrapper {
        padding: 15px 14px 15px
    }
}

.mobile .p7 .widget .widget-header-wrapper,
.mobile .p5 .widget .widget-header-wrapper,
.mobile .p6 .widget .widget-header-wrapper {
    border-top-left-radius: 0
}

.mobile .p1 .widget .widget-header-wrapper,
.mobile .p2 .widget .widget-header-wrapper,
.mobile .p3 .widget .widget-header-wrapper {
    border-top-right-radius: 0
}

.userway-sidebar.p7 .widget .widget-header-wrapper,
.userway-sidebar.p5 .widget .widget-header-wrapper,
.userway-sidebar.p6 .widget .widget-header-wrapper {
    border-top-left-radius: 0
}

.userway-sidebar.p1 .widget .widget-header-wrapper,
.userway-sidebar.p2 .widget .widget-header-wrapper,
.userway-sidebar.p3 .widget .widget-header-wrapper {
    border-top-right-radius: 0
}

.userway-sidebar.p4 .widget .widget-header-wrapper,
.userway-sidebar.p8 .widget .widget-header-wrapper {
    border-radius: 0
}

.widget-close-btn {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    transition: transform .15s ease;
    position: relative;
    float: right;
}

    .widget-close-btn:before,
    .widget-close-btn:after {
        content: "";
        height: 1.5px;
        width: 18px;
        position: absolute;
        background-color: #fff;
        border-radius: 2px;
        transform: rotate(45deg)
    }

    .widget-close-btn:after {
        transform: rotate(-45deg)
    }

    .widget-close-btn:hover,
    .widget-close-btn:focus {
        transform: rotate(180deg) scale(1.15)
    }

        .widget-close-btn:focus .focus-outline {
            opacity: 1;
            visibility: visible
        }

    .widget-close-btn .focus-outline {
        position: absolute;
        left: -3px;
        right: -3px;
        top: -3px;
        bottom: -3px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .1s ease, visibility .1s ease
    }

.back-btn {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 3px;
    position: relative
}

    .back-btn svg {
        transition: transform .1s ease
    }

    .back-btn:hover svg {
        transform: scale(1.15)
    }

    .back-btn:focus .focus-outline {
        opacity: 1;
        visibility: visible
    }

    .back-btn .focus-outline {
        position: absolute;
        left: -3px;
        right: -3px;
        top: -3px;
        bottom: -3px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .1s ease, visibility .1s ease
    }

.userway {
    background-color: transparent
}

.mobile .userway {
    height: 100%;
    border-radius: 0px
}

.userway .widget {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: white
}

.mobile .userway .widget {
    height: 100%
}

.userway .widget .widget-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    overflow: auto
}

.widget-icon-btn_accessibility {
    border-radius: 5px !important;
    width: auto !important;
    height: auto !important
}

.highlight-text {
    display: inline-block;
    background-color: #fedd88;
    border-radius: 2px;
    font-weight: 700;
    color: #232631;
    line-height: 20px
}

.ui-view-wrapper {
    width: 100%;
    height: 100%
}

.userway-widget-container {
    width: 360px;
    height: 85%;
    padding: 15px;
    position: fixed;
    z-index: 9999;
    top: 80px;
}

    .userway-widget-container.p1,
    .userway-widget-container.p2,
    .userway-widget-container.p3 {
        justify-content: flex-end;
        align-items: flex-start
    }

    .userway-widget-container.p2 {
        align-items: center
    }

    .userway-widget-container.p3 {
        align-items: flex-end
    }

    .userway-widget-container.p5,
    .userway-widget-container.p6,
    .userway-widget-container.p7 {
        justify-content: flex-start;
        align-items: flex-end
    }

    .userway-widget-container.p6 {
        align-items: center
    }

    .userway-widget-container.p7 {
        align-items: flex-start
    }

    .userway-widget-container.p4,
    .userway-widget-container.p8 {
        justify-content: center;
        align-items: flex-end;
        padding: 50px 15px
    }

        .userway-widget-container.p4.userway_overflow,
        .userway-widget-container.p8.userway_overflow {
            padding: 15px 15px 50px 15px
        }

        .userway-widget-container.p4.userway-large,
        .userway-widget-container.p8.userway-large {
            padding: 75px 15px
        }

    .userway-widget-container.p8 {
        align-items: flex-start
    }

        .userway-widget-container.p8.userway_overflow {
            padding: 50px 15px 15px 15px
        }

        .userway-widget-container.p8.userway-large {
            padding: 75px 15px
        }

    .userway-widget-container.p1,
    .userway-widget-container.p2,
    .userway-widget-container.p3,
    .userway-widget-container.p5,
    .userway-widget-container.p6,
    .userway-widget-container.p7 {
        padding: 40px 30px
    }

        .userway-widget-container.p1.userway-large,
        .userway-widget-container.p2.userway-large,
        .userway-widget-container.p3.userway-large,
        .userway-widget-container.p5.userway-large,
        .userway-widget-container.p6.userway-large,
        .userway-widget-container.p7.userway-large {
            padding: 15px 65px
        }

@media (max-width: 475px) {
    .userway-widget-container.p1,
    .userway-widget-container.p2,
    .userway-widget-container.p3,
    .userway-widget-container.p5,
    .userway-widget-container.p6,
    .userway-widget-container.p7 {
        padding: 15px 20px
    }

        .userway-widget-container.p1.userway-large,
        .userway-widget-container.p2.userway-large,
        .userway-widget-container.p3.userway-large,
        .userway-widget-container.p5.userway-large,
        .userway-widget-container.p6.userway-large,
        .userway-widget-container.p7.userway-large {
            padding: 15px 20px
        }
}

.mobile .userway-widget-container {
    padding: 0px !important
}

.userway-widget-container .agency-mode {
    margin-top: 10px
}

    .userway-widget-container .agency-mode .label {
        font-weight: 500 !important
    }

    .userway-widget-container .agency-mode .info-item {
        margin-top: 5px;
        border: none !important
    }

    .userway-widget-container .agency-mode .info-note {
        line-height: 15px;
        font-size: 12px;
        border-bottom: 1px solid #ddd
    }

.info-icon-wrap {
    position: absolute;
    left: 4px;
    top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    z-index: 5;
    background: transparent
}

    .info-icon-wrap:focus,
    .info-icon-wrap:hover {
        outline: none;
        background: #C9E0F6
    }

        .info-icon-wrap:focus .info-icon,
        .info-icon-wrap:hover .info-icon {
            border-color: #006DD5;
            background: #fff
        }

        .info-icon-wrap:focus .shortcut-tooltip,
        .info-icon-wrap:hover .shortcut-tooltip {
            opacity: 1;
            visibility: visible;
            transform: translateY(0)
        }

.info-icon {
    border: 2px solid transparent;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E6F1FB
}

    .info-icon img {
        margin-top: -2px
    }

.dictionary-wrap {
    margin-left: -1px;
    width: calc(100% + 1px)
}

    .dictionary-wrap + .ally-action-item:nth-child(2) .action:after {
        border-top-right-radius: 0
    }

.dictionary .word-result {
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-top: 1px solid #B4B4B4;
    padding: 8px 15px 8px;
    background: #EEF1F7
}

.dictionary .word-result__state {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    height: 28px
}

    .dictionary .word-result__state span {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500
    }

    .dictionary .word-result__state img {
        padding-right: 5px;
        width: 26px;
        height: 26px
    }

.dictionary input {
    width: 100%;
    border: none;
    background: #fff;
    padding: 13px 30px 13px 14px;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    height: auto
}

    .dictionary input::placeholder {
        font-weight: 400
    }

    .dictionary input[type="search"]::-webkit-search-decoration,
    .dictionary input[type="search"]::-webkit-search-cancel-button,
    .dictionary input[type="search"]::-webkit-search-results-button,
    .dictionary input[type="search"]::-webkit-search-results-decoration {
        -webkit-appearance: none
    }

.dictionary .word-search {
    position: relative;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #B4B4B4;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4
}

.dictionary .search-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent;
    align-items: center;
    justify-content: center
}

    .dictionary .search-btn:hover,
    .dictionary .search-btn:focus {
        border-color: #006DD5;
        box-shadow: 0 0 0 3px #C7DFF6;
        outline: none
    }

    .dictionary .search-btn svg {
        margin-top: 2px
    }

.dictionary .word-result__inner {
    padding-right: 50px
}

    .dictionary .word-result__inner p {
        margin: 0
    }

    .dictionary .word-result__inner .word {
        font-size: 12px;
        line-height: 14px;
        font-weight: 600;
        font-style: italic;
        padding-bottom: 3px;
        padding-top: 6px;
        user-select: text
    }

.dictionary .description {
    color: #000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    padding-bottom: 3px;
    user-select: text;
    min-height: 36px
}

.dictionary .wiki a {
    margin-left: -5px;
    display: flex;
    padding: 6px 5px;
    align-items: center;
    font-weight: 500;
    color: #003FE1;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent
}

    .dictionary .wiki a:hover,
    .dictionary .wiki a:focus {
        border-color: #006DD5;
        box-shadow: 0 0 0 3px #C7DFF6;
        outline: none
    }

    .dictionary .wiki a img {
        padding-right: 7px
    }

.dictionary .word-result {
    position: relative
}

.dictionary .word-result-close {
    position: absolute;
    right: 9px;
    top: 13px;
    background: none;
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

    .dictionary .word-result-close:hover,
    .dictionary .word-result-close:focus {
        border-color: #006DD5;
        box-shadow: 0 0 0 3px #C7DFF6;
        outline: none
    }

    .dictionary .word-result-close img {
        display: block
    }

    .dictionary .word-result-close svg {
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        left: 1px;
        top: 1px
    }

.dictionary .read-button {
    position: absolute;
    right: 9px;
    top: 36px;
    background: none;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent;
    border: 2px solid #eef1f7
}

    .dictionary .read-button:hover,
    .dictionary .read-button:focus {
        box-shadow: 0 0 0 3px rgba(0,109,213,0.3);
        outline: none
    }

    .dictionary .read-button img {
        display: block
    }

.dictionary .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: -62px;
    min-width: 100%
}

.dictionary .pagination {
    border: 1px solid #B1B8C7;
    background: #fff;
    border-radius: 3px;
    color: #434B5E;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dictionary .pagination__btn {
    background: none;
    border: 2px solid transparent;
    min-height: 24px;
    padding: 0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
    margin-bottom: -1px;
    width: 18px
}

    .dictionary .pagination__btn:focus {
        box-shadow: 0 0 0 4px rgba(0,109,213,0.22);
        border-color: #006DD5
    }

    .dictionary .pagination__btn:first-child {
        margin-left: -1px
    }

    .dictionary .pagination__btn:last-child {
        margin-right: -1px
    }

    .dictionary .pagination__btn svg {
        margin-top: -1px
    }

.dictionary .pagination__value {
    font-size: 11px;
    line-height: 12px;
    padding: 0 2px
}

.sounds-settings .btns {
    padding: 10px 25px
}

.sounds-settings .info-items .info-item {
    padding-top: 14px;
    padding-bottom: 14px
}

    .sounds-settings .info-items .info-item .label {
        white-space: initial;
        overflow: initial
    }

.widget-form {
    /*padding: 25px 24px 12px;*/
    background: #fff;
    position: relative;
    z-index: 1
}

    .widget-form .missing-account-id-alert {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
        margin-bottom: 5px;
        padding: 5px 10px;
        line-height: 1.3em
    }

        .widget-form .missing-account-id-alert a {
            font-size: inherit
        }

    .widget-form .input {
        width: 100%
    }

    .widget-form.no-bottom-padding {
        padding-bottom: 0 !important
    }

    .widget-form.no-top-padding {
        padding-top: 0
    }

    .widget-form.narrow {
        padding: 11px 24px
    }

        .widget-form.narrow .buttons .button {
            margin-bottom: 0
        }

    .widget-form.no-bottom {
        padding-bottom: 0
    }

        .widget-form.no-bottom > div:last-child {
            margin-bottom: 0
        }

            .widget-form.no-bottom > div:last-child .button {
                margin-bottom: 0
            }

    .widget-form .buttons .button {
        width: calc(50% - 12px)
    }

    .widget-form .buttons.buy-buttons .button:first-child {
        width: 30%
    }

    .widget-form .buttons.buy-buttons .button:last-child {
        width: 66%
    }

@media all and (max-width: 1250px), all and (max-height: 670px) {
    /*.widget-form {
        padding: 20px 20px 12px
    }*/

    .widget-form.narrow {
        padding: 11px 20px
    }

    .widget-form.payment-form {
        padding: 12px 20px 0
    }

    .widget-form .buttons .button {
        width: calc(50% - 10px)
    }
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .widget-form {
        padding: 18px 5px 12px
    }

        .widget-form.narrow {
            padding: 11px 18px
        }

        .widget-form.payment-form {
            padding: 12px 18px 0
        }

        .widget-form .buttons .button {
            width: calc(50% - 9px)
        }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .widget-form {
        padding: 10px 5px 12px
    }

        .widget-form.narrow {
            padding: 11px 14px
        }

        .widget-form.payment-form {
            padding: 12px 14px 0
        }

        .widget-form .buttons .button {
            width: calc(50% - 5px)
        }
}

@media (max-width: 600px) {
    .widget-form {
        padding: 10px 14px 12px
    }

        .widget-form.narrow {
            padding: 11px 14px
        }

        .widget-form.payment-form {
            padding: 12px 14px 0
        }

        .widget-form .buttons .button {
            width: calc(50% - 5px)
        }
}

.widget-footer {
    position: relative
}

    .widget-footer .top-row {
        width: 100%
    }

    .widget-footer .row {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

        .widget-footer .row .col {
            height: 100%;
            display: flex;
            align-items: flex-end
        }

            .widget-footer .row .col:nth-child(2) {
                justify-content: flex-end;
                align-items: flex-end
            }

    .widget-footer .logo-wrap {
        justify-content: flex-end;
        align-items: flex-end;
        display: flex;
        flex-flow: column
    }

    .widget-footer .widget-footer-img {
        display: block;
        max-width: 170px
    }

    .widget-footer .userway_custom_logo {
        max-width: 170px;
        max-height: 60px
    }

.widget-footer-nav {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end
}

.widget-footer-nav__item {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 5px
}

    .widget-footer-nav__item:last-child {
        padding-bottom: 0
    }

.top-row .widget-footer-nav__item:last-child {
    padding-bottom: 5px
}

.widget-footer-nav__item a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: -.2px;
    color: #0053EA
}

    .widget-footer-nav__item a.back-lnk {
        color: #545454
    }

    .widget-footer-nav__item a span {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        letter-spacing: -.2px
    }

.widget-inputs .widget-input {
    width: calc(50% - 12px)
}

@media all and (max-width: 1250px), all and (max-height: 670px) {
    .widget-inputs .widget-input {
        width: calc(50% - 10px)
    }
}

@media all and (max-width: 1024px), all and (max-height: 650px) {
    .widget-inputs .widget-input {
        width: calc(50% - 9px)
    }
}

@media all and (max-width: 780px), all and (max-height: 575px) {
    .widget-inputs .widget-input {
        width: calc(50% - 5px)
    }
}

.step-1 .steps > .step-1,
.step-2 .steps > .step-1,
.step-2 .steps > .step-2,
.step-3 .steps > .step-1,
.step-3 .steps > .step-2,
.step-3 .steps > .step-3,
.step-4 .steps > .step-1,
.step-4 .steps > .step-2,
.step-4 .steps > .step-3,
.step-4 .steps > .step-4,
.step-5 .steps > .step-1,
.step-5 .steps > .step-2,
.step-5 .steps > .step-3,
.step-5 .steps > .step-4,
.step-5 .steps > .step-5 {
    background: #006DD5
}

.button {
    cursor: pointer
}

.how-it-works {
    padding: 20px 18px 10px
}

    .how-it-works .btn {
        -webkit-appearance: none;
        -webkit-border-radius: none;
        border: 2px solid #001AFF;
        border-radius: 8px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative
    }

        .how-it-works .btn img {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 27px;
            height: 27px
        }

@media (max-width: 400px) {
    .how-it-works .btn {
        padding-left: 15px
    }
}

.how-it-works-wrapper .how-it-works-video {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    align-items: center;
    justify-content: center
}

.how-it-works-wrapper .how-it-works-video__inner {
    max-width: 1040px;
    width: 100%;
    position: relative;
    padding: 0 50px
}

.how-it-works-wrapper .how-it-works-video .close-modal-btn {
    position: absolute;
    border: 2px solid #fff;
    cursor: pointer;
    transition: opacity .3s ease;
    background: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    right: 0;
    top: -55px;
    overflow: hidden
}

    .how-it-works-wrapper .how-it-works-video .close-modal-btn:before {
        content: "";
        width: 50%;
        height: 2px;
        left: 12px;
        margin-top: -1px;
        background: #fff;
        display: block;
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute
    }

    .how-it-works-wrapper .how-it-works-video .close-modal-btn:after {
        content: "";
        width: 50%;
        background: #fff;
        border-radius: 5px;
        left: 12px;
        margin-top: -1px;
        height: 2px;
        display: block;
        transform: rotate(-45deg);
        position: absolute
    }

.how-it-works-wrapper .how-it-works-video .iframe-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.how-it-works-wrapper .how-it-works-video iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.how-it-works-wrapper .how-it-works-video .btn-row {
    display: flex;
    justify-content: center;
    padding-top: 30px
}

    .how-it-works-wrapper .how-it-works-video .btn-row .btn {
        border-radius: 25px;
        background: #001AFF;
        padding: 14px 30px;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        min-width: 163px;
        color: #fff;
        max-width: 343px
    }

@media (max-width: 767px) {
    .how-it-works-wrapper .how-it-works-video .close-modal-btn {
        width: 40px;
        height: 40px;
        right: 10px
    }

        .how-it-works-wrapper .how-it-works-video .close-modal-btn:before,
        .how-it-works-wrapper .how-it-works-video .close-modal-btn:after {
            left: 9px
        }
}

@media (max-width: 475px) {
    .how-it-works-wrapper .how-it-works-video__inner {
        padding-left: 10px;
        padding-right: 10px
    }
}

.how-it-works-wrapper.opened > .how-it-works-video {
    display: flex
}

.shortcut-tooltip {
    position: absolute;
    left: -18px;
    top: 100%;
    padding-top: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .1s ease, visibility .1s ease, transform .1s ease
}

.shortcut-tooltip__i {
    background: #000617;
    border-radius: 8px;
    border: 1px solid rgba(236,236,236,0.15);
    padding: 7px 10px 9px;
    color: #fff;
    width: 136px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    position: relative
}

    .shortcut-tooltip__i:before {
        content: "";
        background: url("../frontend/images/sc-tooltip-arrow.svg") no-repeat !important;
        background-size: contain !important;
        width: 20px;
        height: 11px;
        position: absolute;
        left: 20px;
        top: -11px
    }

.shortcut-tooltip__title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin: 0 0 8px
}

.shortcut-tooltip__keys {
    display: flex;
    align-items: center
}

.shortcut-tooltip__key {
    border-radius: 4px;
    background: rgba(234,235,238,0.24);
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    padding: 10px 10px;
    height: 26px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.shortcut-tooltip__plus {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    padding: 0 8px
}

.has-alt-errors {
    padding: 14px 24px 0
}

.has-alt-errors__btn {
    border: none;
    border-radius: 6px;
    background: rgba(134,205,80,0.2);
    color: #1d7d02;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 5px 11px;
    transition: background .1s ease;
    cursor: pointer
}

    .has-alt-errors__btn:hover {
        background: rgba(134,205,80,0.3)
    }

.has-alt-errors .arrow {
    padding-left: 5px;
    width: 9px
}

.skeleton-container {
    padding: 25px 24px 12px;
    position: relative;
    min-height: 240px
}

.skeleton-container_report {
    min-height: 329px
}

.login-skeleton {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px
}

.login-skeleton__input {
    border-radius: 3px;
    height: 59px;
    margin-bottom: 12px;
    background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
    background-size: 600px;
    animation: shine-lines 1.5s infinite linear
}

.login-skeleton__btn {
    border-radius: 6px;
    height: 40px;
    margin-bottom: 18px;
    background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
    background-size: 600px;
    animation: shine-lines 1.5s infinite linear
}

.login-skeleton__txt {
    margin-bottom: 12px;
    text-align: center
}

    .login-skeleton__txt span {
        border-radius: 6px;
        height: 12px;
        width: 120px;
        display: inline-block;
        background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
        background-size: 600px;
        animation: shine-lines 1.5s infinite linear
    }

.report-skeleton {
    position: absolute;
    left: 23px;
    top: 25px;
    right: 24px
}

.report-skeleton__input,
.report-skeleton__textarea {
    border-radius: 3px;
    height: 59px;
    margin-bottom: 10px;
    background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
    background-size: 600px;
    animation: shine-lines2 1.5s infinite linear
}

.report-skeleton__textarea {
    height: 196px
}

.report-skeleton__btn {
    border-radius: 3px;
    height: 43px;
    width: calc(50% - 9px);
    margin: 0 9px 10px;
    background-image: linear-gradient(90deg, #D9DCE3 0px, #F3F3F3 40px, #D9DCE3 80px);
    background-size: 600px;
    animation: shine-lines2 1.5s infinite linear
}

.report-skeleton__btn-row {
    display: flex;
    margin: 0 -9px
}

.dictionary-wrap {
    margin-left: -1px;
    width: calc(100% + 1px)
}

    .dictionary-wrap + .ally-action-item:nth-child(2) .action:after {
        border-top-right-radius: 0
    }

.dictionary .word-result {
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-top: 1px solid #B4B4B4;
    padding: 8px 15px 8px;
    background: #EEF1F7
}

.dictionary .word-result__state {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    height: 28px
}

    .dictionary .word-result__state span {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500
    }

    .dictionary .word-result__state img {
        padding-right: 5px;
        width: 26px;
        height: 26px
    }

.dictionary input {
    width: 100%;
    border: none;
    background: #fff;
    padding: 13px 30px 13px 14px;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    height: auto
}

    .dictionary input::placeholder {
        font-weight: 400
    }

    .dictionary input[type="search"]::-webkit-search-decoration,
    .dictionary input[type="search"]::-webkit-search-cancel-button,
    .dictionary input[type="search"]::-webkit-search-results-button,
    .dictionary input[type="search"]::-webkit-search-results-decoration {
        -webkit-appearance: none
    }

.dictionary .word-search {
    position: relative;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #B4B4B4;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4
}

.dictionary .search-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

    .dictionary .search-btn:hover,
    .dictionary .search-btn:focus {
        border-color: #0042EC;
        box-shadow: 0 0 0 3px #C7DFF6;
        outline: none
    }

    .dictionary .search-btn svg {
        margin-top: 2px
    }

.dictionary .word-result__inner {
    padding-right: 50px
}

    .dictionary .word-result__inner p {
        margin: 0
    }

    .dictionary .word-result__inner .word {
        font-size: 12px;
        line-height: 14px;
        font-weight: 600;
        font-style: italic;
        padding-bottom: 3px;
        padding-top: 6px;
        user-select: text
    }

.dictionary .description {
    color: #000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    padding-bottom: 3px;
    user-select: text;
    min-height: 36px
}

.dictionary .wiki a {
    margin-left: -5px;
    display: flex;
    padding: 6px 5px;
    align-items: center;
    font-weight: 500;
    color: #003FE1;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent
}

    .dictionary .wiki a:hover,
    .dictionary .wiki a:focus {
        border-color: #0042EC;
        box-shadow: 0 0 0 3px #C7DFF6;
        outline: none
    }

    .dictionary .wiki a img {
        padding-right: 7px
    }

.dictionary .word-result {
    position: relative
}

.dictionary .word-result-close {
    position: absolute;
    right: 9px;
    top: 13px;
    background: none;
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

    .dictionary .word-result-close:hover,
    .dictionary .word-result-close:focus {
        border-color: #0042EC;
        box-shadow: 0 0 0 3px #C7DFF6;
        outline: none
    }

    .dictionary .word-result-close img {
        display: block
    }

.dictionary .read-button {
    position: absolute;
    right: 9px;
    top: 36px;
    background: none;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 0 0 3px transparent;
    border: 2px solid #eef1f7
}

    .dictionary .read-button:hover,
    .dictionary .read-button:focus {
        box-shadow: 0 0 0 3px rgba(0,109,213,0.3);
        outline: none
    }

    .dictionary .read-button img {
        display: block
    }

.dictionary .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: -62px;
    min-width: 100%
}

.dictionary .pagination {
    border: 1px solid #B1B8C7;
    background: #fff;
    border-radius: 3px;
    color: #434B5E;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dictionary .pagination__btn {
    background: none;
    border: 2px solid transparent;
    height: 24px;
    padding: 0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
    margin-bottom: -1px;
    width: 18px
}

    .dictionary .pagination__btn:focus {
        box-shadow: 0 0 0 4px rgba(0,109,213,0.22);
        border-color: #0042EC
    }

    .dictionary .pagination__btn:first-child {
        margin-left: -1px
    }

    .dictionary .pagination__btn:last-child {
        margin-right: -1px
    }

    .dictionary .pagination__btn svg {
        margin-top: -1px
    }

.dictionary .pagination__value {
    font-size: 11px;
    line-height: 11px;
    padding: 0 2px
}

/*New Styles*/

.highlight-links {
    text-decoration: underline !important;
    color: rgb(255, 255, 0) !important;
    background-color: rgb(0, 0, 0) !important;
}

/*.userway a {
    background-color: transparent !important;
}*/

.invert-colors {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

footer .invert-colors a {
    color: #333 !important;
}

footer .invert-colors h6 {
    color: #333 !important;
}

.not-invert-colors {
    filter: invert(1) !important;
    -webkit-filter: invert(1) !important;
    height: 560px;
}



.dark-contrast {
    background-color: rgb(0, 0, 0) !important;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
    /*position: relative*/
}

.desaturate {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}

.text-spacing1 {
    word-spacing: .16em !important;
    letter-spacing: .12em !important;
}

.text-spacing2 {
    word-spacing: .32em !important;
    letter-spacing: .24em !important;
}

.text-spacing3 {
    word-spacing: .48em !important;
    letter-spacing: .36em !important;
}

.dyslexia-friendly {
    font-family: 'OpenDyslexic-Regular' !important;
}

    .dyslexia-friendly  p{
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  a{
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  h1 {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  h2 {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  h3 {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly h4 {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  h5{
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  h6 {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  span {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  label {
        font-family: 'OpenDyslexic-Regular' !important;
    }
    .dyslexia-friendly  button {
        font-family: 'OpenDyslexic-Regular' !important;
    }

.legible-font {
    font-family: Arial,serif !important;
}

    .legible-font  p {
        font-family: Arial,serif !important;
    }

    .legible-font  a {
        font-family: Arial,serif !important;
    }

    .legible-font  h1 {
        font-family: Arial,serif !important;
    }

    .legible-font  h2 {
        font-family: Arial,serif !important;
    }

    .legible-font  h3 {
        font-family: Arial,serif !important;
    }

    .legible-font  h4 {
        font-family: Arial,serif !important;
    }

    .legible-font  h5 {
        font-family: Arial,serif !important;
    }

    .legible-font  h6 {
        font-family: Arial,serif !important;
    }

    .legible-font  span {
        font-family: Arial,serif !important;
    }

    .legible-font  label {
        font-family: Arial,serif !important;
    }

    .legible-font  button {
        font-family: Arial,serif !important;
    }

.big-cursor {
    cursor: url('/App_Themes/ThemeAr/Images/ACCC/Bigcursor.png'), auto !important;
}

.uw-s10-reading-guide {
    box-sizing: border-box;
    background: #000;
    width: 40vw !important;
    min-width: 200px !important;
    position: absolute !important;
    height: 12px !important;
    border: solid 3px #fff300;
    border-radius: 5px;
    top: 20px;
    z-index: 2147483647;
    transform: translateX(-50%);
}

.uw-s10-reading-guide__arrow {
    bottom: 100%;
    transform: translateX(-50%);
    width: 20px;
    height: 0;
    position: absolute;
    left: 50%;
}


    .uw-s10-reading-guide__arrow:after, .uw-s10-reading-guide__arrow:before {
        content: "";
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .uw-s10-reading-guide__arrow:after, .uw-s10-reading-guide__arrow:before {
        content: "";
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .uw-s10-reading-guide__arrow:before {
        border-bottom-color: #fff300;
        border-width: 17px;
        margin-left: -17px;
    }

    .uw-s10-reading-guide__arrow:after {
        border-bottom-color: #000;
        border-width: 14px;
        margin-left: -14px;
    }



.uw-exception2-class {
    /*position: fixed !important;
    z-index: 2147483647 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0% !important;
    top: 0px;*/
}

.uw-exception1-class {
    position: fixed !important;
    z-index: 2147483647 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0% !important;
    top: 0px;
}

.line-height1 {
    line-height: 2.3rem !important;
}

.line-height2 {
    line-height: 2.7rem !important;
}

.line-height3 {
    line-height: 3rem !important;
}

.line-height1 p {
    line-height: 2.3rem !important;
}

.line-height2 p {
    line-height: 2.7rem !important;
}

.line-height3 p {
    line-height: 3rem !important;
}

.text-align1 {
    text-align: left;
}

.text-align2 {
    text-align: right;
}

.text-align3 {
    text-align: center;
}

.text-align4 {
    text-align: justify;
}

/*.action__inner img{
    padding:5px;
}*/

.flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .flex-box button {
        color: #ffffff;
        font-size: 14px;
    }

.userway-menu-app .title {
    line-height: 11px;
    font-size: 14px;
    color: #ffffff;
}


.menu-footer {
    text-align: center;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .menu-footer a {
        color: #333c47
    }

.access-icon {
    position: fixed;
    right: 0px;
    bottom: 10px;
    z-index: 9999;
    cursor: pointer;
    font-size: 14px;
}

.access-icon {
    padding: 5px;
}

.userway-widget-container {
    width: unset !important;
}

/*.pause {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    animation-name: none !important;
    transform: none !important;
}*/

.userway-menu-app .title p {
    line-height: 1.3;
}

.btn-reset {
    font-size: 13px !important;
    background-color: #333c47 !important;
    color: #fff !important;
    border-radius: 15px !important;
    padding: 5px 30px 5px 30px !important;
}

    .btn-reset:hover {
        font-size: 13px !important;
        background-color: #ffffff !important;
        color: #333c47 !important;
        border-radius: 25px !important;
    }


.userway h6 {
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

.userway p {
    line-height: 1.7 !important;
    font-size: 14px !important;
}

.userway btn {
    font-size: 13px !important;
}

/*.rsbtn {
    position: fixed !important;
    right: 0px !important;
    bottom: 10px !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    font-size: 14px !important;
}*/

.rsbtn_update {
    width: 100% !important;
    position: absolute !important;
    top: 25%;
    left: 5%;
    z-index: 401 !important;
}

#DeafServicePlace {
    right: 5px !important;
    left: unset !important;
    /*display:none;*/
    bottom: 65px;
}

.mr-cont-tooltip-window {
    right: 5px !important;
    left: unset !important;
}


.userway-widget-container {
    right: 0 !important;
    left: unset !important;
}

.fullscreen-menu {
    filter: none !important;
}

.remove-filter {
    filter: none !important;
}

.invert-colors a {
    color: #fff !important;
}

.invert-colors .card-title {
    color: #fff !important;
}

.invert-colors .servicebox {
    color: #fff !important;
}

.invert-colors .readmore2 {
    background-color: black;
}

.invert-colors .menubMt a {
    color: black !important;
}

.invert-colors .divMenuC a {
    color: black !important;
}

.dark-contrast a {
    color: #fff !important;
}



.acc-dash {
    width: 16px;
    height: 3px;
    background: #343536 0% 0% no-repeat padding-box;
    opacity: 1;
}

.action__inner {
    text-align: center;
}