nav.nav-qurio {
    height: 52px;
    background-color: var(--account-popup-color);
    width: 100%;
}

    nav.nav-qurio .nav-item {
        display: block;
        color: #7e7f86;
        line-height: 52px;
        height: 52px;
        width: 52px;
        background-color: transparent;
        text-align: center;
    }

        nav.nav-qurio .nav-item:hover {
            color: #c7c7c7
        }

        nav.nav-qurio .nav-item.active {
            color: var(--white)
        }

    nav.nav-qurio .nav-filler {
        overflow: hidden;
        height: 52px
    }

    nav.nav-qurio .nav-section {
        float: left;
        width: 16.7%
    }

    nav.nav-qurio .nav-item {
        margin-left: auto
    }
        nav.nav-qurio .nav-item.active {
            color: var(--white)
        }
    nav.nav-qurio .logo {
        float: left;
        line-height: 52px;
        width: 52px;
        background-color: #313239;
        text-align: center;
        -webkit-transition: color 400ms ease;
        -moz-transition: color 400ms ease;
        -o-transition: color 400ms ease;
        -ms-transition: color 400ms ease;
        transition: color 400ms ease;
    }

        nav.nav-qurio .logo:hover {
            color: var(--white)
        }

    nav.nav-qurio .user {
        float: right;
        color: #7e7f86;
        font-size: 14px;
        line-height: 52px;
        margin-right: 5%;
        cursor: default !important;
        position: relative;
    }

        nav.nav-qurio .user:hover {
            color: #c7c7c7
        }

            nav.nav-qurio .user:hover .popup {
                opacity: 1;
                -ms-filter: none;
                filter: none;
                visibility: visible;
                -webkit-transition: var(--transitionIn);
                -moz-transition: var(--transitionIn);
                -o-transition: var(--transitionIn);
                -ms-transition: var(--transitionIn);
                transition: var(--transitionIn)
            }

        nav.nav-qurio .user.mobile-hover .menu {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
            -webkit-transition: opacity 500ms ease;
            -moz-transition: opacity 500ms ease;
            -o-transition: opacity 500ms ease;
            -ms-transition: opacity 500ms ease;
            transition: opacity 500ms ease
        }

        nav.nav-qurio .user .popup {
            width: 170px;
            margin-top: -8px;
            margin-left: 50%;
            left: -85px;
        }

            nav.nav-qurio .user .popup .list {
                width: 100%;
            }

                nav.nav-qurio .user .popup .list .list-item {
                    display: block;
                    padding: 0 26px
                }

                nav.nav-qurio .user .popup .list .logout {
                    display: block
                }

    nav.nav-qurio .NavEnterLink {
        cursor: default !important;
    }

        nav.nav-qurio .NavEnterLink .popup {
            margin-left: 18px;
            margin-top: -10px
        }

        nav.nav-qurio .NavEnterLink:hover .popup {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
            -webkit-transition: var(--transitionIn);
            -moz-transition: var(--transitionIn);
            -o-transition: var(--transitionIn);
            -ms-transition: var(--transitionIn);
            transition: var(--transitionIn)
        }

        nav.nav-qurio .NavEnterLink.mobile-hover .popup {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
            -webkit-transition: opacity 500ms ease;
            -moz-transition: opacity 500ms ease;
            -o-transition: opacity 500ms ease;
            -ms-transition: opacity 500ms ease;
            transition: opacity 500ms ease
        }
  

.TopMessage {
    float: left;
    margin-left: 16px;
    line-height: 52px
}

.TopMessage-text {
    display: inline-block;
    color: var(--white);
    font-size: 14px
}

.TopMessage-btn {
    display: inline-block;
    margin-left: 10px;
    background-color: var(--green)
}

input.digits[type=text] {
    float: left;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: var(--firstFocus);
    border: 1px solid var(--darkBorderColor);
    background-color:var(--thirdBack);
    height: 32px;
    width: 42px;
}

    input.digits[type=text]:focus {
        background-color: var(--white);
        border: 1px solid var(--firstFocus)
    }

body:not(.PrelogBody) nav.nav-qurio .nav-filler {
    overflow: hidden;
    height: 52px
}

body:not(.PrelogBody) nav.nav-qurio .nav-section {
    float: left;
    width: 16.7%
}

body:not(.PrelogBody) nav.nav-qurio .nav-item {
    margin-left: auto
}

body:not(.PrelogBody) nav.nav-qurio .logo {
    float: left;
    line-height: 52px;
    width: 52px;
    background-color: #313239;
    text-align: center;
    transition: color 400ms ease
}

    body:not(.PrelogBody) nav.nav-qurio .logo:hover {
        color: var(--white)
    }

body:not(.PrelogBody) nav.nav-qurio .user {
    float: right;
    color: #7e7f86;
    font-size: 14px;
    line-height: 52px;
    margin-right: 5%;
    cursor-type: default;
    position: relative
}

    body:not(.PrelogBody) nav.nav-qurio .user:hover {
        color: #c7c7c7
    }

    body:not(.PrelogBody) nav.nav-qurio .user.mobile-hover .menu {
        opacity: 1;
        visibility: visible;
        transition: opacity 500ms ease
    }

    body:not(.PrelogBody) nav.nav-qurio .user .popup {
        width: 170px;
        margin-top: -8px;
        margin-left: 50%;
        left: -85px
    }

        body:not(.PrelogBody) nav.nav-qurio .user .popup .list {
            width: 100%
        }

            body:not(.PrelogBody) nav.nav-qurio .user .popup .list .list-item {
                display: block;
                padding: 0 26px
            }

            body:not(.PrelogBody) nav.nav-qurio .user .popup .list .logout {
                display: block
            }

body:not(.PrelogBody) nav.nav-qurio .NavEnterLink .popup {
    margin-left: 18px;
    margin-top: -10px
}

body:not(.PrelogBody) nav.nav-qurio .NavEnterLink.mobile-hover .popup {
    opacity: 1;
    visibility: visible;
    transition: opacity 500ms ease
}