.page-header {
    padding: 10px 0 35px 0;
}

.page-header--padding-bottom {
    padding-bottom: 30px;
}


.page-header--padding-top-0 {
    padding-top: 0;
}

.page-header__middle-content {
    display: flex;
    height: 40px;
    padding-top: 5px;
}

.page-header__middle-content--with-photo {
    padding-left: 130px;
}

.page-header__middle-content--no-padding {
    padding-top: 0;
}

.page-header__main-title {
    display: inline-block;
    font-size: @font-size-xl;
    font-weight: @font-weight-normal;
    line-height: @font-size-xl;

    overflow: hidden;
}

.page-header__main-title-text  {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.page-header__button-container {
    display: inline-block;
}

.page-header__button-container--padding-top {
    padding-top: 9px;
}

//Header for aspx pages
.page-header__title {
    margin-top: 0;
    padding-bottom: 10px;
    line-height: @font-size-xl;
    font-size: @font-size-page-header-title;
    font-weight: @font-weight-normal;
}

.page-header__title--aspx {
    margin-top: 12px;
}

.page-header__title--ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page-header__title-item {
    text-shadow: none;
    color: inherit;
    border-left: 0;
    font-style: inherit;
    font-size: @font-size-page-header-title;
}

.page-header__title-item:before {
    .page-header__title-divider;
}

.page-header__title-item:first-child:before {
    padding: 0;
    content: "";
}

.page-header__title-divider {
    padding: 0 10px 0 0;
    content: '\2022';
}

.page-header__title-item:first-child {
    border-left: 0;
    padding-left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.page-header__subtitle-container {
    margin-right: 20px;
    line-height: 15px;
}

.page-header__subtitle-divider {
    color: @color-page-header-subtitle-border;
}

.page-header__subtitle-text:first-child {
    border-left: 0;
}

.page-header__subtitle-text {
    display: inline-block;
    border-left: 1px solid @color-page-header-subtitle-border;

    font-size: @font-size-page-header-subtitle;
}

.page-header__subtitle-text--no-border {
    border-left: 0;
}

.page-header__btn--aspx {
    margin-top: 4px;
}

.page-header__status-tag {
    float: left;
    height: 21px;
    margin-right: 5px;
    margin-top: 7px;
    white-space: nowrap;
}

.page-header__status-tag--aspx {
    margin-top: 4px;
    margin-right: 0;
    margin-left: 5px;

    &:first-child {
        margin-left: 10px;
    }
}

.page-header__tooltip {
    margin-top: 9px;
    margin-left: 10px;
    width: 25px;
}

.page-header__alert {
    margin-bottom: 15px;
}

//ASPX header overrides
#pageHead.page-header--header-refresh {
    .button-container {
        padding-bottom: 0;
    }
}

//Safe for grids page header
#pageHead.page-header--header-padding {
    padding: 35px 0 18px 0;
}

//Page with only p.instructions
#pageHead.page-header--header-with-instructions {
    padding: 35px 0 6px 0;
}

//Single line of header text only (ex. header + form like addeditrentalowner)
.alt.wizard #pageHead.page-header--static-header, // (tableflip)
#pageHead.page-header--static-header {
    padding: 40px 0 11px 0;
}

//When the main content has tabs and "subtitle"
#pageHead.page-header--tab-content {
    padding: 35px 0 22px 0;
}

//Only tab (ex SettingsRentalApplications2.aspx)
#pageHead.page-header--tab-only {
    padding: 35px 0 11px 0;
}

//header buttons
.page-header__action--margin-left {
    margin-left: 5px;
}

//When the main content has an alert
#pageHead.page-header--legacy-alert {
    .page-header__middle-content {
        padding-top: 70px;
    }
    .hub-paging {
        margin-top: 70px;
    }
    #updateHeaderContainer {
        margin-top: 70px;
    }
}