#sideContent {
    width: 100%;
}

.monad-nav-customer-service-menu {
    flex-wrap: nowrap;
    align-items: end;
    flex-shrink: 0;
}
.monad-nav-customer-service-info{
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-shrink: 0;
}


.monad-icon-button {
    float: right;
    padding: .4em 0.6em;
    text-align: center;
    min-width: 2.5em;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    color: var(--monad-nav-color);
    background: var(--monad-nav-background);
    border: var(--monad-nav-border);
    border-radius: var(--monad-nav-border-radius);
}

    .monad-icon-button:hover {
        color: var(--monad-nav-color-hover);
        background: var(--monad-nav-background-hover);
        border: var(--monad-nav-border-hover);
    }

.monad-nav-icons {
    display: none;
}

.monad-nav-icons-links {
    white-space: nowrap;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.monad-nav {
    display: flex;
    flex-direction: column;
    width: auto;
    background: var(--monad-nav-background);
    font-size: 0.9em;
}

    .monad-nav > ul {
        column-gap: var(--monad-nav-column-gap);
    }

        .monad-nav > ul > li {
            display: flex;
        }
            .monad-nav > ul > li > ul, .monad-nav > ul > li > a, .monad-nav > ul > li > span, .monad-search-button {
                padding: var(--monad-nav-padding,.4em 1em);
                text-decoration: none;
                color: var(--monad-nav-color);
                background: var(--monad-nav-background);
                border: var(--monad-nav-border);
                width: 100%;
                -webkit-transition: border .3s ease, color .3s ease, background .3s ease; /* Saf3.2+, Chrome */
                -moz-transition: border .3s ease, color .3s ease, background .3s ease; /* FF4+ */
                -o-transition: border .3s ease, color .3s ease, background .3s ease; /* Opera 10.5+ */
                transition: border .3s ease, color .3s ease, background .3s ease;
                border-radius: var(--monad-nav-border-radius, 0);
                display: flex;
                align-items: center;
            }

                .monad-nav > ul > li > a:hover, .monad-nav > ul > li > ul:hover, .monad-search-button:hover {
                    color: var(--monad-nav-color-hover);
                    background: var(--monad-nav-background-hover);
                    border: var(--monad-nav-border-hover);
                    text-decoration: none;
                }

            .monad-nav > ul > li > a.ui-state-active {
                color: var(--monad-nav-color-selected);
                background: var(--monad-nav-background-selected);
                border: var(--monad-nav-border-selected);
            }


    .monad-nav .monad-nav {
        font-size: 1em;
    }

        .monad-nav .monad-nav > ul {
            flex-direction: column;
            width: 100%;
        }
            .monad-nav .monad-nav > ul > li > ul, .monad-nav .monad-nav > ul > li > a, .monad-nav .monad-nav > ul > li > span {
                width: 100%;
            }

    .monad-nav.monad-nav-browse {
        margin-left: var(--monad-nav-browse-margin, auto);
    }

       

       


.monad-nav-login-info {
    border: none;
}



.monad-nav-login-info-item:not(:first-child)::before, .monad-nav-customer-service-info-item:not(:first-child)::before {
    content: none;
}

#liWorkstationLink a.notset {
    background-color: var(--monad-highlight-background);
    border: var(--monad-highlight-border);
    color: var(--monad-highlight-color);
}

    #liWorkstationLink a.notset:hover {
        background-color: var(--monad-highlight-background);
        border: var(--monad-highlight-border);
        color: var(--monad-highlight-color);
    }

#liContextUser {
    position: relative;
}

#liContextUserNotSet a {
    background-color: var(--monad-highlight-background);
    border: var(--monad-highlight-border);
    color: var(--monad-highlight-color);
}

    #liContextUserNotSet a:hover {
        background-color: var(--monad-highlight-background);
        border: var(--monad-highlight-border);
        color: var(--monad-highlight-color);
    }

.monad-nav-customer-service-info .monad-context-user-alert {
    padding: var(--monad-nav-padding,.4em 1em);
    text-align: left;
    display: inline-block;
    background-color: var(--monad-highlight-background);
    border: var(--monad-highlight-border);
    color: var(--monad-highlight-color);
    cursor: default;
}

.monad-nav-title {
    display: none;
}

.monad-nav-search {
    float: none;
    clear: none;
    padding: 0;
    white-space: nowrap;
    font-size: 0.9em;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
}

  
.monad-icon-button.monad-whats-on-icon {
    padding: 0.4em 1em;
}

.monad-search-button {
    padding: .4em;
    height: 100%;
    margin-left: 0.2em;
    display: flex;
    border-radius: var(--monad-nav-border-radius);
}


@media screen and (max-width: 970px) {
    .monad-nav-icons {
        display: flex;
        width: 100%;
    }

    #sideContent {
        overflow: visible;
        float: left;
        width: 100%;
    }

    .monad-nav, .monad-nav ul li {
        width: 100%;
    }


        .monad-nav > ul > li > ul, .monad-nav > ul > li > a, .monad-nav > ul > li > span {
            border-radius: 0;
        }
        .monad-change-context-user-text {
        display: inline;
    }

    .monad-nav-login-info {
    }

        .monad-nav-login-info > ul > li > a {
            background: inherit;
        }

        .monad-nav {
            display: none;
            float: none;
        }

            .monad-nav.monad-nav-browse {
                display: flex;
                flex-direction: column;
                width: 100%;
                margin: 0;
            }
            .monad-nav.monad-nav-browse > ul {
                display: block;
            }

    .monad-nav-browse .monad-nav-title {
        display: inline-block;
        width: 100%;
    }

        .monad-nav-browse .monad-nav-title a {
            display: inline-block;
            width: 100%;
            padding: .4em 1em;
            color: var(--monad-nav-color);
        }

            .monad-nav-browse .monad-nav-title a .fa {
                padding-left: 0.5em;
            }

    .monad-nav-browse ul {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.3s ease-in-out;
        -moz-transition: max-height 0.3s ease-in-out;
        -o-transition: max-height 0.3s ease-in-out;
        transition: max-height 0.3s ease-in-out;
    }

    .monad-nav-browse.open ul {
        max-height: 700px;
    }

    #liBasket {
        display: none;
    }

    #customerServiceIcon.monad-context-user-has-alert  {
        background-color: var(--monad-highlight-background);
        color: var(--monad-highlight-color);
        border: var(--monad-highlight-border);
    }

    .monad-nav-customer-service-info .monad-context-user-alert {
        width: 100%;
        display: block;
    }
}