.topNavigationButtonButtonsSperator {
    border-left: 1px solid #e5e5e5;
    height: 90px !important;

}

.topNavigationButton.x-btn.x-btn-default-small a {
    background-color: transparent;
}

.topNavigationButton.x-btn.x-btn-default-small,
.topNavigationButton.x-btn.x-btn-default-small.over,
.topNavigationButton.x-btn.x-btn-default-small.x-pressed {
    border-style: none;
    /*padding: 2px 8px 2px 8px;*/
    background-color: transparent;
    padding-left: 15px;
    padding-right: 0px;
}

.topNavigationButton.x-btn .x-btn-inner {
    font-family: Arial;
    font-size: 13px;
    color: #5a5751;
    font-weight: normal;
    margin-top: -15px;
    text-align: left;
    margin-left: 45px;
}

.topNavigationButton.x-btn.x-pressed .x-btn-inner,
.topNavigationButton.x-btn.x-over .x-btn-inner,
.topnavigationusernamebackground.x-btn.x-pressed .x-btn-inner,
.topnavigationusernamebackground.x-btn.x-over .x-btn-inner {
    color: #17406d;
}

.topNavigationButton.x-btn-icon-text-left.x-btn .x-btn-icon {
    top: 47px;
    /*left: -45px;*/
    width: 35px;
    height: 27px;
    background-repeat: no-repeat;
    /*background-position: center left;*/
}

.topNavigationButton.x-btn {
    background-color: #ffffff;
    background-image: none;
}

    .topNavigationButton.x-btn.over {
        /*background-position:top center;*/
        background-position: center 90px;
        background-position-y: 90px;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .topNavigationButton.x-btn.x-pressed {
        background-color: #ffffff;
        background-image: url(../Images/Buttons/TopNavigation/NewLayout/TopNavigationArrowDown.png);
        /*background-position:top center;*/
        background-position: center 90px;
        background-position-y: 90px;
        background-repeat: no-repeat;
    }

/* Common layout - end */

/* Workspaces - begin */

.topNavigationButtonWorkspacesIcon {
    background-image: url("../Images/Buttons/TopNavigation/NewLayout/Nav_WS.png");
    background-color: #cfcfcf;
    background-size: cover;
}

.x-btn.over .topNavigationButtonWorkspacesIcon {
    color: #B70706;
    background-color: #B70706;
}

.x-btn.x-pressed.over .topNavigationButtonWorkspacesIcon,
.x-btn.x-pressed .topNavigationButtonWorkspacesIcon {
    color: #17406d;
    background-color: #17406d;
}

.topNavigationButtonSharedLinksIcon {
    background-image: url("../Images/Buttons/TopNavigation/NewLayout/Nav_SharedLinks.png");
    background-color: #cfcfcf;
    background-size: cover;
}

.x-btn.over .topNavigationButtonSharedLinksIcon {
    color: #B70706;
    background-color: #B70706;
}

.x-btn.x-pressed.over .topNavigationButtonSharedLinksIcon,
.x-btn.x-pressed .topNavigationButtonSharedLinksIcon {
    background-color: #17406d;
    color: #17406d;
}

.topNavigationButton.sharedLinksButton span.x-btn-inner,
.topNavigationButton.settingsButton span.x-btn-inner {
    margin-left: 40px;
}

/* Shared Links  - end */

/* Settings - begin */

.topNavigationButtonSettingsIcon {
    background-image: url("../Images/Buttons/TopNavigation/NewLayout/Nav_Settings.png");
    background-color: #cfcfcf;
    background-size: cover;
}

.x-btn.over .topNavigationButtonSettingsIcon {
    color: #B70706;
    background-color: #B70706;
}

.x-btn.x-pressed.over .topNavigationButtonSettingsIcon,
.x-btn.x-pressed .topNavigationButtonSettingsIcon {
    background-color: #17406d;
    color: #17406d;
}

/* Settings - end */

/* Root Folders - begin */

.topNavigationButtonRootFoldersIcon {
    background-image: url("../Images/Buttons/TopNavigation/NewLayout/Nav_Folders.png");
    background-color: #cfcfcf;
    background-size: cover;
}

.x-btn.over .topNavigationButtonRootFoldersIcon {
    color: #B70706;
    background-color: #B70706;
}

.x-btn.x-pressed.over .topNavigationButtonRootFoldersIcon,
.x-btn.x-pressed .topNavigationButtonRootFoldersIcon {
    background-color: #17406d;
    color: #17406d;
}

/* Root Folders - end */
.topNavigationButton.rootFoldersButton .x-btn-inner,
.topNavigationButton.workspacesButton .x-btn-inner,
.topNavigationButton.sharedLinksButton .x-btn-inner,
.topNavigationButton.settingsButton .x-btn-inner {
    padding-left: 0;
}

.topnavigationusernameicon {
    background-image: url("../Images/Buttons/TopNavigation/NewLayout/ic_user.png");
    background-repeat: no-repeat;
    margin-top: 10px;
}

.topnavigationusernamebackground {
    background-color: #ffffff;
    background-image: none !important;
}

    .topnavigationusernamebackground .x-btn-inner {
        font-family: Arial;
        font-size: 13px;
        color: #5a5751;
        white-space:normal;
        /*padding: 2px 10px 2px 45px;*/
    }

    .topnavigationusernamebackground .x-btn-center {
        top: -15px;
        height: 90px !important;
    }

    .topnavigationusernamebackground.x-btn-icon-text-left.x-btn .x-btn-icon {
        top: 25px;
        /*left: 25px;*/
        left:2px;
        background-repeat: no-repeat;
    }

    .topnavigationusernamebackground.x-btn-default-small-pressed,
    .topnavigationusernamebackground.x-btn-default-small {
        border: 0;
        background-color: transparent;
    }