/*
 * Navigation Bar Styles
 */

/** navbar container */
.navbar_container {
    width: 100%;
}

/** override extjs size */
.navbar_container .x-column-inner {
    width: 100% !important;
}

/** Navigation bar home button **/
.files_navbar_home {
    background-image: url(../resources/icons/actions/home.png);
}

/** Navigation bar button **/
.files_navbar_button .x-btn-small button {
    float: left;
    height: 22px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    min-width: 0 !important;
    line-height: 20px;
    display: inline-block;
    max-width: 100%;
}

.files_navbar_button .x-btn-small {
    margin-right: 0 !important;
}

/** Navigation bar last/Focus/Active button **/
.files_navbar_button_last button {
    font-weight: bold;
    border: 1px solid #e6e6e6;
    background-color: #f8f8f8 !important;
    box-sizing: border-box;
    line-height: 20px;
    display: inline-block;
    border-radius: 2px;
    padding: 1px 6px;
    overflow: visible;
}

/** Right arrow icon **/
.files_navbar_button:before {
    content: url(../resources/images/navbar/arrow_right.png);
    float: left;
    padding: 8px 4px 0 5px;
}

.files_navbar_button_first::before {
    content: '';
    padding: 0;
}

/** Quota bar **/
.files_quota_bar_snippet {
    margin-right: 12px;
}

.files_navbar_panel {
    overflow-y: auto;
}
