/* ==========================================================================
   Platform-wide styles
   ========================================================================== */

body {
    -ms-overflow-style: scrollbar;
    -ms-overflow-x: hidden;
}

.row {
    padding: 0;
}

a:hover {
    text-decoration: none;
}

.body-content {
    padding: 0 15px;
}

.no-padding {
    padding: 0;
}

.full-width {
    width: 116%;
    margin-left: -7.2%;
}

.validation {
    font-size: small;
    color: darkgrey;
}

    .validation.error {
        color: red;
    }

    .validation .content-body p {
        line-height: inherit;
    }

select.ng-invalid-required,
textarea.ng-invalid-required,
input.ng-invalid-required,
input.ng-invalid-pattern {
    color: red;
}

.md-dialog-container {
    height: 100% !important;
    position: fixed !important;
    top: 10px !important;
    z-index: 80;
}

.navbar {
    margin-bottom: 0px;
}

.smaller {
    font-size: smaller;
}

md-radio-button .md-label {
    width: 98%;
}

.md-radio-button-required-text {
    color: rgb(221, 44, 0);
    font-size: 12px;
}

.aps-message-fade {
    transition: all linear 2s;
}

#edit-page {
    margin-top: 10px;
}

.locked-page-icon {
    float: right;
    margin-top: 0px;
    margin-left: -15px;
    top: 3px;
}

.locked-news-icon {
    float: right;
    margin-top: 0px;
    margin-left: -15px;
    top: 3px;
}

.delete-page-icon {
    color: red;
    float: right;
    margin-top: 0px;
    margin-left: -15px;
    top: 3px;
}


.delete-news-icon {
    color: red;
    float: right;
    margin-top: 0px;
    margin-left: -15px;
    top: 3px;
}

.edit-page-icon {
    float: right;
    margin-top: 0px;
    margin-left: -15px;
    top: 3px;
}

.aps-user-roles {
    font-size: 0.9em;
    margin-bottom: 60px;
}

    .aps-user-roles .add-user-role {
        color: green;
    }

    .aps-user-roles .delete-user-role {
        color: red;
    }

    .aps-user-roles .user-role-list {
        padding-left: 0;
        padding-right: 0;
    }

        .aps-user-roles .user-role-list .user-role {
            padding-bottom: 5px;
        }

.aps-popup-close {
    position: absolute;
    right: 1%;
    top: 1%;
    font-size: x-large;
    z-index: 51;
}

.highlight {
    background-color: #FFFF99;
}

/* Login Panel */
.aps-login-panel md-tabs-canvas {
    display: none;
}

.aps-login-panel {
    overflow: hidden;
}

.aps-login-link {
    color: darkgray;
    font-size: small;
    text-decoration: underline
}

.aps-login-username-reminder,
.aps-login-forgot-password {
    padding-left: 17px;
}

.aps-forgot-username-timeout {
    width: 99%;
}

.aps-login-link-registration {
    background-color: #e5e5e5;
    text-align: center;
    margin-top: -1px;
}

.aps-login-text {
    font-size: 14px;
}

.aps-terms-of-use-link {
    color: darkgray;
    text-decoration: underline;
    top: 1px;
    position: relative;
}

.aps-login-section {
    max-width: 350px;
    padding: 20px;
}

    .aps-login-section .md-errors-spacer {
        min-height: initial;
    }

.aps-login-block {
    display: inline-block;
}

.aps-login-icon {
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-right: 3px;
    font-size: 20px;
}

.aps-login-messages {
    margin-top: 20px;
}

.aps-forgot-username-section,
.aps-forgot-password-section {
    max-width: 600px;
    padding: 15px;
}

.aps-security-question-section {
    max-width: 350px;
    padding: 20px;
}

.aps-security-question-section-header {
    font-size: x-large;
    padding-bottom: 20px;
}

.aps-terms-of-use-section {
    padding: 15px 10px 0 10px;
}

.aps-terms-of-use-content {
    overflow-y: scroll;
    max-height: 500px;
}

.aps-security-question-answer md-input-container {
    width: 100%;
}

.aps-login-terms-of-use {
    margin-top: -30px;
}

.aps-security-question-answer-show-hide-button {
    margin-top: -30px;
    margin-bottom: 50px;
}

.aps-registration-section {
    padding: 0px;
}

.aps-wizard-content-lead > div > aps-content {
    max-width: 100%;
}


.aps-login-panel md-tabs md-tabs-content-wrapper md-tab-content:last-child > div {
    flex: 1 1 100%;
    min-width: 500px;
}

.aps-terms-of-use-buttons {
    margin-top: 10px !important;
    padding: 10px !important;
}

    .aps-terms-of-use-buttons button {
        width: 100%;
    }

.aps-forgot-username-link {
}

.aps-forgot-password-link {
}

.aps-login-button-area {
    margin: 10px 0;
}

.aps-login-button,
.aps-register-button {
    width: 100%;
}

.aps-login-section-header {
    padding: 0 12px 15px 18px;
    margin: 0px;
}

    .aps-login-section-header a {
        color: inherit !important;
        font-weight: normal !important;
        text-decoration: none !important;
    }

        .aps-login-section-header a:hover {
            text-decoration: underline !important;
            font-style: italic !important;
        }

.aps-login-remember {
    margin: 15px 0;
}

.aps-login-remember-hint {
    top: 20px;
}

.aps-login-popup {
    width: 200px;
    height: auto;
}

i.fa.fa-question-circle-o {
    color: #337ab7;
}

    i.fa.fa-question-circle-o:hover {
        cursor: pointer;
    }

.aps-login-username,
.aps-login-password {
    margin-top: 10px;
}

    .aps-login-username md-input-container {
        margin-bottom: 6px;
    }

    .aps-login-password md-input-container {
        margin-bottom: 6px;
    }

.aps-registration-summary-content {
    padding-left: 15px;
}
/* End Login Panel */

/* Secure messaging */
.aps-popup-page.aps-page-secure-messaging .section-content {
    margin: 0;
}

.aps-secure-message-queue-row {
    margin: 0;
    padding: 0;
}

.aps-secure-message-thread-row {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.aps-secure-message-agent-control-area {
    text-align: center;
}

.aps-secure-message-panel {
    cursor: default;
    background: white;
}

md-dialog .aps-secure-message-panel {
    border: 0px;
    min-height: 500px;
    max-width: 1000px;
}

md-dialog .aps-secure-message-panel-agent {
    width: 100% !important;
    margin-left: 0%;
}

.aps-secure-message-panel-member {
    width: 100% !important;
    margin-left: 0;
}

.aps-secure-message-info-collection-notice {
    text-align: center;
    margin-top: 10px !important;
    font-size: 0.7em;
}

.aps-secure-message-header {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid darkgray;
    cursor: pointer;
}

.aps-message-thread-header-count {
    color: white;
    font-size: 0.85em;
    text-align: right;
    margin: 1px 0 !important;
}

.aps-message-thread-header-age {
    color: white;
    font-size: 0.85em;
    text-align: center;
    margin: 1px 0 !important;
}

.aps-message-thread-queue-header-count {
    color: white;
    font-size: 0.85em;
    text-align: right;
    margin: 1px 0 !important;
}

.aps-message-thread-queue-header-age {
    color: white;
    font-size: 0.85em;
    text-align: right;
    margin: 1px 0 !important;
}

.aps-message-thread-header-menu {
    text-align: right;
    color: grey;
}

.aps-message-thread-header-info-area {
    padding-top: 5px;
}

.aps-message-thread-expand {
    position: absolute;
    top: 15px;
    width: 50%;
    font-size: 28px;
    z-index: 9999;
}

.fa-lock {
    font-size: 1.4em;
    margin-right: 1px;
}

.aps-message-thread-icon-closed {
    color: orange !important;
}

.aps-secure-message-header-count {
    font-size: 0.75em;
    background-color: darkgrey;
}

.aps-secure-message-header-age {
    font-size: 0.75em;
}

.aps-secure-message-more-information {
    font-size: 0.8em;
}

.aps-message-thread-header-menu-area {
    font-size: 0.75em;
    color: grey;
    text-align: center;
    padding: 0 0 3px 0;
    font-weight: normal;
    background: linear-gradient(to bottom, #ffffff, #ffffff, #efeffa);
}

.aps-message-thread-header-menu-button {
    color: darkgrey;
    margin: 1px 0;
}

    .aps-message-thread-header-menu-button:hover, .aps-message-thread-header-menu-area div:hover {
        background: linear-gradient(to right, #ffffff, whitesmoke, #efeffa);
        border-radius: 5px;
    }

.aps-secure-message-multi-assign {
    background: linear-gradient(to right, #fefefe, #f7f7f7, #fbfbfb);
    margin-bottom: -20px !important;
}

.aps-message-thread-header-checkbox {
    padding-left: 10px;
    margin-right: -35px !important;
}

.aps-message-thread-header-no-checkbox {
    margin-left: -35px;
}

.aps-secure-message-mult-assign-select-all {
    font-size: 0.7em;
    color: darkgray;
    margin: -21px -12px !important;
}

.aps-secure-message-mult-assign-missing {
    margin-left: -55px;
}

.aps-secure-message-multi-assign-agent-dropdown {
    font-size: 0.8em;
    margin: -3px 0 12px 0;
}

.aps-secure-message-multi-assign-button-area {
    margin: 8px 0;
}

.aps-message-thread-header-menu-icon {
    color: skyblue;
}

.aps-secure-message-close-tab-icon {
    padding-left: 20px;
}

.aps-secure-message-header-text {
    font-size: 1.5em;
    color: skyblue;
}

.aps-message-thread-window {
    border: 1px solid #d7d7d7;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    background-color: #e8e8e8;
    height: 300px;
    overflow-y: auto;
    padding: 0 5px;
}

.aps-message-thread-window-smaller {
    border: 1px solid #d7d7d7;
    background-color: #e8e8e8;
    padding: 5px 5px 30px 5px;
    height: 250px;
    margin-bottom: 10px;
    overflow-y: auto;
}

.aps-message-thread-entry {
    border: 1px solid #d7d7d7;
    border-radius: 0 0 5px 5px;
    border-top: none;
    padding: 15px 0 10px 0;
}

    .aps-message-thread-entry textarea#message {
        min-height: 26px;
        max-height: 200px;
        overflow-y: auto;
    }

.aps-message-thread-result-contact {
    font-size: 0.85em;
    color: darkslateblue;
}

.aps-message-search-result-header {
    margin-left: -15px !important;
}

.aps-message-search-result-footer {
    margin-left: -15px !important;
}

.aps-message-thread-result-id {
    font-size: 0.8em;
    color: grey;
}

.aps-message-thread-result-tenant {
    font-size: 0.8em;
    color: grey;
}

.aps-message-thread-result-preview {
    text-overflow: ellipsis;
    font-size: 0.8em;
    color: darkgrey;
    white-space: nowrap;
    overflow-x: hidden;
    padding: 2px 0;
}

md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
    background-color: #a13869;
}

.aps-secure-message-msc-activity-tabs md-tab-item.md-active {
    font-weight: bold;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #d7d7d7;
}

.aps-message-thread-result-subject {
    font-size: 0.8em;
    color: gray;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    padding: 0;
}

.aps-message-thread-result-timestamp, .aps-message-thread-result-assigned {
    font-size: 0.6em;
    font-weight: normal;
    color: darkgrey;
    padding-top: 1px;
    white-space: nowrap;
}

.aps-secure-message-agent-button-area {
    margin-bottom: -50px;
}

.aps-secure-message-get-button-subject-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    padding: 3px 0px 3px 8px;
}

.aps-secure-message-check {
    color: green;
}

.aps-secure-message-get-thread-dropdown-logo {
    font-size: large;
}

.aps-secure-message-get-button-subject-close {
    padding-left: 14px;
}

.aps-secure-message-get-button-subject {
    font-size: 0.7em;
    border-radius: 10px;
    padding: 3px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: auto;
    color: white;
    background-color: darkgrey;
    border: 1px solid white;
    margin: 2px 10px;
}

.aps-secure-message-load-more-bar {
    text-align: center;
    background: linear-gradient(to bottom, white, white, white, lightgrey);
    margin-bottom: -20px;
    padding: 20px 0;
    font-size: 0.9em;
    text-transform: uppercase;
}

.aps-secure-message-button-row {
}

.aps-secure-message-button button {
    min-width: 88px;
    margin: 2px;
}

.aps-secure-message-icon {
    font-size: 2em;
    color: skyblue;
}

.aps-message-thread-header-section {
    margin: 0;
    padding: 0;
    height: 475px;
    overflow-y: auto;
}

.aps-message-thread-queue-section {
    border: 1px solid #d7d7d7;
    padding: 0;
}

.aps-message-thread-queue-sort {
    margin-top: -10px !important;
    border-bottom: none !important;
}

.aps-secure-message-sort-name {
    margin-left: -17px;
}

.aps-secure-message-sort-subject {
    margin-left: -5px;
}

.aps-secure-message-sort-count {
    margin-left: 17px;
}

.aps-secure-message-sort-age {
    margin-left: 10px;
}

.aps-message-thread-headers {
}

.aps-message-thread-headers-empty {
    border: none;
}

.aps-message-thread-last-message-aps {
    color: #095b7e;
}

.aps-message-thread-last-message-user {
    color: #095b7e;
}

.aps-selected-thread .aps-message-thread-header {
    font-weight: bold;
    border: 1px solid lightgray;
    border-left: 3px solid #095b7e;
    overflow-x: auto;
}

.aps-selected-thread .aps-message-thread-header-text-area {
    margin-left: -3px;
    margin-right: 3px;
}

.aps-message-thread-result-text-area {
    padding-left: 0;
    margin-left: -15px;
    margin-right: 6px;
}

.aps-secure-message-thread-closed-bar {
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: darkgray;
    background: linear-gradient(to bottom right, lightgray, whitesmoke);
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.aps-secure-message-thread-closed-bar-msc {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: lightgray;
    background: linear-gradient(to bottom right, lightgray, whitesmoke);
    text-align: center;
    padding: 2px;
}

.aps-secure-message-thread-closed {
    max-height: 680px;
    border-radius: 0 0 5px 5px;
}

.aps-secure-message-thread-separator {
    border-bottom: 2px solid lightgray;
    border-top: 2px solid lightgray;
    background: linear-gradient(to bottom, white, lightgray);
    text-align: center;
}

.aps-empty-thread {
    margin: 10% 0 0 0;
    font-size: 3em;
    color: #095b7e;
}

.aps-empty-thread-text {
    margin: 10px;
    font-size: 1.5em;
    color: #095b7e;
}

aps-secure-message-member .aps-empty-thread-text {
    max-width: 650px;
}

.aps-secure-message-member-area,
.aps-secure-message-agent-area {
}

.aps-secure-message-member-area {
    /*max-width: 450px;*/
}

.aps-secure-message-area-collapse {
    padding-left: 0px;
}

.aps-secure-message-agent-collapse {
    position: absolute;
    left: 92%;
    top: 0%;
    font-size: xx-large;
    color: lightgrey;
    z-index: 99;
}

.aps-secure-message-agent-expand {
    position: absolute;
    top: 130px;
    width: 40px;
    height: 50px;
    padding-left: 10px;
    color: darkgrey;
    font-size: xx-large;
    border-style: solid;
    border-color: darkgrey;
    border-width: 2px 2px 2px 0;
    border-radius: 0 10px 10px 0;
    z-index: 99;
    background: white;
    box-shadow: 1px 2px lightgrey;
}

.aps-message-thread-msc-window {
    min-height: 245px;
    overflow-y: auto;
    padding: 0 0 20px 0;
    overflow-x: hidden;
    background-color: #e8e8e8;
}

.aps-message-thread-msc-search-window {
    padding: 0;
    overflow-x: hidden;
}

.aps-secure-message-msc-window {
}

.aps-message-result-button-area {
    font-size: 0.6em;
    text-align: left;
    padding: 0 !important;
    margin-left: 20px;
}

.aps-message-result-button-area-left {
    font-size: 0.7em;
    text-align: left;
    margin-left: 17px;
}

.aps-message-result-button-area .div:hover {
    background: linear-gradient(to bottom right, lightcyan, whitesmoke);
    border-radius: 5px;
}

.aps-secure-message-msc-tabs md-tab-content > div {
    padding: 10px 0;
    flex: 1 1 100%;
}

.aps-secure-message-thread-buttons {
    padding: 0px;
}

.aps-secure-message-msc-tabs .aps-envelope-open-button {
    color: skyblue;
}

md-tabs-canvas.md-paginated .aps-secure-message-thread-search-tab {
    padding: 0;
}

.aps-secure-message-msc-activity-tabs md-tab-item {
    width: 200px
}

.aps-message-thread-result-assigned-label {
    color: lightgrey;
}

.aps-secure-message-no-thread-message {
    font-size: 1.0em;
    text-align: center;
    padding: 30px;
    border: 5px solid lightgrey;
    background: #eee;
}

.aps-message-thread-close {
    position: relative;
    top: -38px;
    left: 55%;
    margin: 5px;
    z-index: 9900;
}

.aps-secure-message-thread-search-tab {
    padding: 0;
}

.aps-secure-message-thread-tab-text {
    padding: 0;
    margin: -10px 0 0 0;
}

.aps-secure-message-thread-search-tab-close {
    padding: 0;
    left: 10px;
}


.aps-message-thread-tab-contact-name {
    text-overflow: ellipsis;
}

.aps-message-thread-tab-subject {
    font-style: normal;
    text-transform: none;
    color: darkgray;
    margin-top: -10px !important;
    font-size: x-small;
    text-overflow: ellipsis;
    overflow-x: hidden;
    max-height: 24px;
}

.aps-message-thread-header {
    border: 1px solid #d7d7d7;
    min-height: 95px;
    margin-bottom: 10px !important;
}

aps-message-thread-header-member .aps-message-thread-header {
    min-height: 50px;
}

.aps-message-thread-result-header {
    border-style: solid;
    border-color: lightgray;
    border-width: 0 0 1px 0;
    padding: 5px 5px 5px 0;
}

.aps-message-thread-result-row {
    margin: 0;
}

.aps-message-thread-result-detail-row {
    padding: 0;
}

.aps-standard-paragraph-tag {
    margin: 0 0 10px;
}

.aps-message-thread-header-preview {
    text-overflow: ellipsis;
    color: gray;
    font-weight: normal;
    font-size: 0.75em;
    overflow: hidden;
    white-space: nowrap;
}

.aps-secure-message-start-inquiry {
    width: 100%;
}

.aps-message-thread-dropdown-label {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 0px !important;
}

.aps-message-plan-dropdown {
    font-weight: bold;
    bottom: 15px;
    margin-left: -20px;
    margin-right: 20px;
}

.aps-secure-message-empty-queue {
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 2px 2px 5px #E1E647;
    margin: 0 2px 2px 2px;
    text-align: center;
    background-color: #FFFDBA;
    /*max-width: 300px;*/
}

.aps-secure-message-deletion-reason {
    margin-top: 40px;
}

.aps-message-thread-header-checkbox {
    margin-right: -15px !important;
    z-index: 100;
}

.aps-message-thread-header-id {
    color: grey;
    font-weight: 500;
    font-size: 0.9em;
}

.aps-message-thread-header-tenant {
    color: grey;
    font-weight: 500;
    font-size: 0.7em;
}

.aps-message-thread-header-subject {
    font-size: 0.85em;
    text-overflow: ellipsis;
    margin-top: 5px !important;
    overflow: hidden;
    white-space: nowrap;
}

.aps-message-thread-header-timestamp {
    font-size: 0.6em;
    font-weight: normal;
    color: lightgray;
    padding-top: 10px;
    white-space: nowrap;
    overflow: visible;
}

.aps-message-thread-header-icon {
    text-align: right;
}

.aps-secure-message {
    border-radius: 5px;
    margin: 10px 0;
    position: relative;
}

.aps-secure-message-tab-close {
    z-index: 20;
    padding: 0 0 0 15px !important;
}

    .aps-secure-message-tab-close i {
        padding: 0;
    }

.aps-secure-message-by-current-user {
    background-color: #FAFAFA;
    right: 10px;
}

.aps-secure-message-thread-closed-body {
    cursor: default;
}

.aps-secure-message-by-other-user {
    background-color: #095b7e;
    color: #fff;
    margin-left: 50px;
    left: 15px;
}

    .aps-secure-message-by-other-user .aps-message-body-user-and-timestamp {
        color: #fff;
    }

.aps-secure-message-by-current-user:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 100%;
    top: 10px;
    border: 7px solid;
    border-color: #FAFAFA transparent transparent #FAFAFA;
}

.aps-secure-message-by-current-user:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 99.8%;
    top: 12px;
    border: 5px solid;
    border-color: #FCFCFC transparent transparent #FCFCFC;
}

.aps-secure-message-no-click {
    cursor: default;
}

.aps-secure-message-clicked {
    cursor: default;
    box-shadow: 2px 3px lightblue;
    background: #EEE;
}

    .aps-secure-message-clicked:after {
        border-color: #EEE transparent transparent #EEE;
    }

.aps-secure-message-by-aps-logo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #095b7e no-repeat center;
    position: absolute;
    font-weight: 600;
    margin: 10px 0 0 5px;
    padding: 11px 0 0 0;
    text-align: center;
}

.aps-secure-message-by-user-logo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-weight: 600;
    background-color: #095b7e;
    position: absolute;
    left: -55px;
}

.aps-secure-message-bubble-text {
    font-size: 0.9em;
    color: #fff;
}

.aps-secure-message-by-other-user:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -15px;
    top: 7px;
    border-color: #095b7e transparent transparent;
}

.aps-secure-message-by-other-user:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 9px;
    border: 5px solid;
    border-color: #095b7e #095b7e transparent transparent;
}

.aps-message-body-attachments {
    padding: 5px 0;
    min-height: 45px;
}

.aps-message-thread-change-tenant-member {
    margin-left: 20px !important;
    margin-right: -20px !important;
}

.aps-message-thread-change-tenant {
}

.aps-secure-message-lookup-result {
    margin: -10px 0 5px 0;
}

    .aps-secure-message-lookup-result .aps-secure-message-lookup-label {
        font-weight: bold;
    }

    .aps-secure-message-lookup-result .aps-secure-message-lookup-value {
    }

    .aps-secure-message-lookup-result .aps-secure-message-create-thread-links {
        margin: 15px 0;
    }

.aps-secure-message-lookup-button button {
    min-width: 40px;
    top: 10px;
    right: 20px;
}

.aps-secure-message-create-button button {
    padding: 0 10px;
}

    .aps-secure-message-create-button button i {
        color: skyblue;
    }

.aps-send-button i {
    color: skyblue;
}

.aps-update-button i {
    color: skyblue;
}

.aps-delete-button i {
    color: darkgray;
}

.aps-cancel-button i {
    color: red;
}

.aps-secure-message-assign-button {
    background: linear-gradient(to right, lightblue, skyblue);
}

    .aps-secure-message-assign-button:hover {
        background: linear-gradient(to right, lightcyan, lightblue);
    }

.aps-secure-message-unassign-button {
    background: linear-gradient(to right, lightgray, #cccccc);
}

    .aps-secure-message-unassign-button:hover {
        background: linear-gradient(to right, whitesmoke, #cccccc);
    }

.aps-secure-message-counter {
    margin-top: -40px;
    text-align: right;
    font-size: 0.8em;
    color: darkgray;
}

.aps-message-thread-header-contact {
    margin-bottom: -8px !important;
    margin-top: 4px !important;
    color: darkslateblue;
    white-space: nowrap;
}

.aps-secure-message-get-message-button {
    margin: 15px 0 15px 0 !important;
}

.aps-secure-message-filter-button {
    margin: 15px 0 15px 0 !important;
    max-width: 30px;
    min-width: 30px;
    margin-left: -2px !important;
    border-radius: 0 4px 4px 0 !important;
}

.aps-secure-message-create-button {
    margin: 15px 10% 15px 10% !important;
    padding: 0 10px;
}

.aps-secure-message-create-new-button i {
    color: skyblue;
}

.aps-secure-message-msc-window {
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #d7d7d7;
    min-height: 300px;
}

.aps-secure-message-search-area {
    padding: 0;
}

    .aps-secure-message-search-area md-input-container {
        margin: 2px 0;
    }

.aps-secure-message-search-thread-status-label {
    margin-bottom: 6px;
    font-weight: bold;
}

.aps-secure-message-search-filtering-label {
    margin: 6px 0;
    font-weight: bold;
}

.aps-secure-message-search-button {
    margin: 16px 0;
}

.aps-secure-message-search-input {
    margin-top: 16px;
    margin-bottom: -5px;
}

.aps-secure-message-assigned-input {
    margin-top: -6px;
    margin-bottom: 32px;
}

.aps-secure-message-assigned-control {
}

.aps-secure-message-subject-input {
    margin-bottom: 16px;
}

.aps-secure-message-status-input {
    margin-bottom: 20px;
}

.aps-secure-message-latest-message-text {
    margin-bottom: 24px;
}

.aps-secure-message-sla-notice {
    margin: 10px 0;
    border: 1.5px solid #f69c32;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    background-color: white;
}

.aps-secure-message-timeout-notice {
    border: 1.5px solid #f69c32;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    background-color: white;
    margin: 15px 0px;
}

.sla-show-hide {
    transition: all linear 1s;
}

    .sla-show-hide.ng-hide {
        opacity: 0;
    }

.aps-secure-message-search-area .md-datepicker-button {
    display: none !important;
}

.aps-secure-message-search-area .md-datepicker-input-container {
    margin-left: 0 !important;
}

.aps-secure-message-body {
    white-space: pre-line;
    word-wrap: break-word;
    margin-top: 5px;
}

.aps-secure-message-sort-queue {
    font-size: 0.8em;
    color: skyblue;
    border-bottom: lightgray solid 1px;
    background: linear-gradient(to right, #fefefe, #f7f7f7, #fbfbfb);
}

.aps-secure-message-sort-search {
    font-size: 0.8em;
    color: skyblue;
    border-bottom: lightgray solid 1px;
    background: linear-gradient(to right, #fefefe, #f7f7f7, #fbfbfb);
    padding: 5px;
}


.aps-secure-message-sort-assigned {
    text-align: right;
}

.aps-sort-thread {
    color: darkslateblue;
}

.aps-message-count-area {
    color: darkgray;
    text-align: right;
}

.aps-message-body-user-and-timestamp {
    margin: 5px 0 2px 0;
    font-size: 0.6em;
    color: darkgray;
    text-align: right;
    padding: 0;
}

.aps-secure-message-viewed-icon {
    color: green !important;
    padding: 0 !important;
}

.aps-secure-message-divider {
    height: 1px;
    background: #ccc;
    background-image: linear-gradient(to right, #eee, #ccc, #eee);
    margin: 0 0 5px 0;
}

.aps-secure-message .aps-secure-message-divider {
    margin: 5px 0 5px 0;
}

.aps-secure-attachment {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 0;
    word-wrap: break-word;
    background-color: #e8e8e8;
}

.aps-secure-attachment-editable {
    margin: 5px 0;
}

.aps-secure-attachment-readonly {
    margin: 5px 0;
}

.aps-secure-attachment-filename {
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
    padding: 5px;
}

.aps-secure-attachment-filename-small {
    font-size: 0.8em;
}

.aps-secure-attachment-filename-tiny {
    font-size: 0.7em;
}

.aps-secure-attachment-upload-error {
    border: 1px solid red;
}

.aps-secure-attachment-file-link {
    font-weight: normal;
    color: #095b7e;
}

.aps-secure-attachment-delete-button {
    color: #333;
}

.aps-secure-attachment-filesize {
    color: white;
    background-color: #095b7e;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.8em;
}

.aps-secure-message-result-row {
    margin: 0;
}

.aps-secure-message-agent-panel {
    height: 750px;
}

.aps-secure-messages-popup {
    min-width: 800px;
    overflow-x: hidden;
}

    .aps-secure-messages-popup .aps-feature-panel {
        margin-right: 15px !important;
    }

    .aps-secure-messages-popup .aps-feature-panel-header {
        margin-bottom: 0 !important;
    }

md-dialog .aps-secure-messages-popup .right-sidebar {
    top: 50% !important;
}

/*end Secure messaging*/

.aps-security {
    margin: 0 auto;
    max-width: 970px;
    height: calc(100vh);
}

.aps-security-list {
    position: fixed;
    height: calc(100vh - 170px);
    min-height: 150px;
    max-width: 175px;
    min-width: 150px;
    overflow: scroll;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #bce8f1;
    font-size: 16px;
    font-family: Arial, sans-serif;
    -webkit-overflow-scrolling: touch;
}

.aps-security-list-row {
    font-size: small;
    padding: 5px 5px;
    border-bottom: 1px solid #ccc;
}

    .aps-security-list-row:last-child {
        border-bottom: none;
    }

    .aps-security-list-row:nth-child(even) {
        background: #f8f8f8;
    }

    .aps-security-list-row:nth-child(odd) {
        background: white;
    }

    .aps-security-list-row:hover {
        background: #ffdd99;
    }

.aps-security-list-row-selected {
    background: #D8ECF7 !important;
}

.aps-security-features-container {
    margin-bottom: 55px;
}

.aps-security-features-details {
    color: #31708f;
    font-style: italic;
    padding-top: 25px;
    padding-left: 15px;
}

.aps-security-features-availability {
    color: #31708f;
    text-decoration: underline;
}

.aps-security-features-question-circle {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #31708f;
}

.aps-security-features-question-circle-div-align {
    text-align: right;
}

.aps-security-features-container .md-off,
.aps-security-features-container .md-on {
    width: 15px;
    height: 15px;
}

.aps-security-features-container .md-label {
    margin-left: 20px;
}

.aps-security-feature-set {
    padding: 10px 0 10px 5px;
}

.aps-security-feature-set-title {
    font-size: 16px;
    font-weight: bold;
}

.aps-security-features-title {
    padding-right: 5px;
}

.aps-security-features-description {
    font-style: italic;
    color: #808080;
    min-height: 50px;
}

.aps-security-features {
    padding: 8px 0px;
    font-size: 12px;
}

    .aps-security-features:hover {
        background: #fff7e6;
    }

.aps-security-features-radio-padding {
    padding-right: 20px;
}

.aps-security-features-default {
    opacity: 0.4;
}

    .aps-security-features-default:hover {
        opacity: 1.0;
        transition: opacity .35s ease-in-out;
        -moz-transition: opacity .35s ease-in-out;
        -webkit-transition: opacity .35s ease-in-out;
    }

.aps-security-features-changed {
    opacity: 0.8;
    color: red;
}

.aps-security-features-invisible {
    visibility: hidden;
}

.aps-security-controls {
    padding: 10px 0;
    bottom: 120px;
}

.aps-security-controls-text {
    align-items: center;
    min-height: 36px;
    display: flex;
    align-items: center;
    font-size: small;
    padding-left: 5px;
}

    .aps-security-controls-text .aps-message {
        width: 100%;
    }

/*  =============== Impersonation Styles =============== */

.aps-impersonation-panel .aps-impersonation-search-button {
    margin-top: -35px;
}

.aps-impersonation-panel .aps-impersonation-action-buttons {
    text-align: right;
}

.aps-impersonation-panel .aps-impersonation-machine-name {
    text-align: end;
    font-size: smaller;
    color: lightgrey;
}

.row.aps-impersonation-membership {
    margin-left: -15px;
}

.aps-link-pointer {
    cursor: pointer;
}

.impersonation-message {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99999;
    height: 50px;
    background-color: #d5e9c6;
    border: 1px solid #d5e9c6;
    color: #4e644b;
    margin-bottom: 0px;
}

.aps-wizard-management-section {
    padding: 30px;
    background: white;
}

.aps-wizard-management-section-data {
    font-size: small;
}

.aps-wizard-management-section-header {
    border-bottom: 1px grey solid;
}

.aps-wizard-management-current-step {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aps-wizard-management-session-step-header {
    padding: 5px;
    margin: 10px 0 0 -5px !important;
}

.aps-wizard-management-session-data {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #eee;
}

.aps-wizard-session-row {
    border-width: 0 1px 1px 1px;
    border-color: #eee;
    border-style: solid;
    padding: 10px 0;
}

.aps-wizard-management-busy, .aps-wizard-management-empty {
    padding: 10px;
    font-size: large;
    text-align: center;
}

.aps-json-view-object {
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 10px;
}

.aps-json-view-object-header {
    text-decoration: underline;
}

.aps-wizard-management-session-step {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 5px;
}

.aps-shadow-user-label {
    font-weight: bold !important;
    text-shadow: 2px 2px rgba(0,0,0,0.1);
    border-color: black !important;
}

.aps-shadow-user-text {
    border-color: black !important;
}

/* aps member information panel */

.aps-member-email-check-row {
    padding-top: 25px;
}

.aps-member-navbar {
    cursor: pointer;
}

.aps-member-email-check-icon {
    margin-top: 25px;
    color: green;
}

.aps-member-email-check-text {
    margin-top: 25px;
}

.aps-member-email-send-code-button {
    margin-top: 10px;
}

.aps-forgot-password-show-hide-button {
    margin: 10px;
}

.aps-login-wrap {
    display: inline-flex;
    line-height: normal;
}

.aps-login-bubble {
    font-size: 12px;
    position: relative;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    padding: 5px 20px;
    z-index: 60;
    top: 0;
    margin-right: 15px;
    display: inline-flex;
}

    .aps-login-bubble::after {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        top: 25%;
        right: -5px;
    }

.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: 6;
    -webkit-animation-iteration-count: 6;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(-5px);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-5px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

/* angular aps-message component */
.aps-message {
    position: relative;
}

    .aps-message.alert {
        margin: 5px;
        padding: 5px;
    }

        .aps-message.alert .aps-content .content-body p:last-child {
            margin-bottom: 0;
        }

        .aps-message.alert a {
            color: inherit;
            text-decoration: inherit;
        }

            .aps-message.alert a:hover {
                text-decoration: underline;
            }

    .aps-message .edit-content {
        top: 0;
        right: 5px;
    }

    .aps-message .close {
        position: absolute;
        top: 0;
        right: 5px;
    }

.aps-page-messages {
    position: fixed;
    left: 0px;
    bottom: 50px;
    width: 100%;
    z-index: 1000;
}
/* end of angular aps-message component */

/* aps notifications */

.aps-notification-wrap {
    width: 100%;
    position: relative;
    margin: 0;
}

.aps-notification {
    cursor: pointer;
    display: flex;
}


.aps-notification-pristine,
.dashboard-notification-note.pristine {
    border-left: 2px solid #6ac14d;
    background-color: rgba(229, 229, 229, .5);
}

    .aps-notification-pristine:hover,
    .dashboard-notification-note.pristine:hover {
        background-color: rgba(229, 229, 229, .7);
    }

.aps-notification-viewed,
.dashboard-notification-note.viewed {
    background-color: #fff;
    border-left: 2px solid #ccc;
}

    .aps-notification-viewed:hover,
    .dashboard-notification-note.viewed:hover {
        background-color: rgba(229, 229, 229, .7);
    }

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
}

.aps-notification-pristine .aps-notification-securemessaging-icon:before {
    content: "\f0e0";
}

.aps-notification-securemessaging-icon:before {
    content: "\f2b6";
}

.aps-notification-newsnotification-icon:before {
    content: "\f1ea";
}

.aps-notification-beneficiarycheck-icon:before {
    content: "\f0c0";
}

.aps-notification-gogreencheck-icon:before {
    content: "\f06c";
}

.aps-notification-annualstatementcheck-icon:before {
    content: "\f1c1";
}

.aps-notification-t4check-icon:before {
    content: "\f1c1";
}

.aps-notification-addresscheck-icon:before {
    content: "\f015";
}

.aps-notification-buybackcheck-icon:before {
    content: "\f017";
}

md-menu-item > aps-notification {
    margin: 0;
    padding: 0;
}

.md-open-menu-container {
    z-index: 1000001;
}

    .md-open-menu-container md-menu-item {
        height: auto;
    }

.aps-notification-menu-item {
    color: black;
}

.aps-notification-menu-area {
    padding: 0px;
}

.aps-notification-menu-button {
    font-size: 1.1em;
}

.aps-notification-menu-icon {
    font-size: 16px;
}

.aps-notification-dropdown {
    min-width: 300px;
    margin-top: 0 !important;
    border-radius: 0;
    padding: 0;
}

.aps-notification {
    max-width: 384px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8em;
    padding: 10px;
    clear: both;
}


.aps-notification-icon {
    font-size: 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.aps-notification-text {
    white-space: normal;
}

.aps-notification-area {
    top: 12px;
}

.aps-notification-title {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    display: flex;
}

    .aps-notification-title i {
        margin-left: 10px;
    }

.aps-notification-dropdown .aps-notification-body .aps-notification-noPreview {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: normal;
}

.aps-notification-dropdown .aps-notification-body .aps-notification-preview {
    max-height: unset;
    text-overflow: unset;
    overflow: unset;
    white-space: unset !important;
}

.aps-notification-timestamp {
    font-size: 0.9em;
    opacity: 0.9;
}

.aps-notification-divider {
    margin: 0;
}

.aps-notification-close {
    position: absolute;
    top: 0;
    right: 0
}

.aps-dashboard-notification-close {
    text-align: right;
}

.aps-notification-close-icon {
    font-size: 1.3em;
    padding: 0 !important;
}

.aps-notification-badge {
    background-color: red;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    left: 10px;
    top: 5px;
}

.dashboard-notification-note {
    margin: 0 !important;
    padding: 20px 0;
    border-bottom: 1px solid #e3e3e3;
}

.dashboard-notification-panel hr {
    margin: 0 0 20px 0 !important;
}

.dashboard-all-notifications .dashboard-notification-row {
    transition: all .2s;
}

.dashboard-notification-panel .aps-notification-title {
    display: block;
}

.pspp-content .dashboard-notification-panel p {
    font-weight: 400;
    width: 90%;
    margin-bottom: 0 !important;
}

.dashboard-all-notifications .dashboard-notification-row:hover {
    background-color: rgba(255, 255, 255, .5);
}

.dashboard-all-notifications .dashboard-notification-row.viewed {
    background-color: #fff;
}

    .dashboard-all-notifications .dashboard-notification-row.viewed:hover {
        background-color: rgba(229, 229, 229, .7);
    }
/* end aps notifications */
/* angular aps-content component */
.aps-content-panel .content-title, .aps-content-panel .content-summary, .aps-content-panel .content-body {
    padding: 0px;
}

.aps-content-panel .add-content {
    padding: 0 5px 4px;
}

.aps-content {
    position: relative;
}

    .aps-content p {
        word-wrap: break-word;
    }

    /* this was a fantastically bad idea that affects content where-ever it is used
        .aps-content .content-body p:last-child {
        margin-bottom: 0;
    }*/

    .aps-content form {
        display: inline;
    }

#ApsContentEditorDialog {
    width: 100%;
}

.aps-content-editor {
    color: initial;
    cursor: default;
}

    .aps-content-editor label {
        font-weight: normal;
    }

.aps-content-editor-title {
    color: #000000 !important;
}

.aps-content-editor-row {
    height: auto;
    margin: 0;
}

.aps-content-editor-expired-message {
    text-align: center;
    padding: 5px;
    max-width: 70%;
    margin-left: 15% !important;
    margin-top: 2% !important;
    background: #bce8f1;
    border-radius: 5px;
    font-size: 0.9em;
}

    .aps-content-editor-expired-message aps-login-link span {
        text-decoration: underline;
    }

.aps-content-editor-row-body {
    margin: 0px 0px 10px 0px !important;
}

.aps-content-editor-label {
    color: rgba(0, 0, 0, 0.54);
    font-family: "Source Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    left: 0px;
    line-height: 22.8571px;
    bottom: 58px;
    margin-top: -25px;
    margin-bottom: -15px;
}

.aps-content-editor-enabled-check {
    margin-left: -25px;
    margin-right: 25px;
}

.aps-content-editor-access-groups {
    font-size: 0.9em;
    padding: 5px;
    height: 130px;
    padding-left: 0 !important;
    max-width: 400px;
}

    .aps-content-editor-access-groups.expandable {
        height: 34px;
        overflow-y: auto;
    }

        .aps-content-editor-access-groups.expandable.expanded {
            height: 104px;
        }

    .aps-content-editor-access-groups select {
        height: 20px;
        width: 100%;
        margin-bottom: 3px;
        font-size: 0.9em;
    }

    .aps-content-editor-access-groups .delete-btn {
        color: red;
    }

    .aps-content-editor-access-groups .is-duplicate select,
    .page-properties input.ng-invalid-required,
    .page-properties input.ng-invalid-pattern {
        color: red;
        border-color: #ff0000;
        border-color: rgba(255,0,0,0.5);
    }

.aps-content-access-group-dropdown-list {
    padding: 0px !important;
}

.aps-content-access-group-dropdown {
    border-top: hidden;
    border-left: hidden;
    border-right: hidden;
    border-bottom-color: rgba(0,0,0,0.12);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 2px 2px 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: transparent;
    position: relative;
    box-sizing: content-box;
    min-width: 64px;
    min-height: 26px;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.aps-content-dialog-advanced {
    margin-top: 10px;
}

.aps-content-editor md-datepicker svg {
    width: 75%;
}

.aps-content-editor-date-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.aps-content-access-group-dropdown:focus {
    border-top: hidden;
    border-left: hidden;
    border-right: hidden;
    border-bottom-color: rgb(63,81,181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.aps-content-access-group-dropdown:hover {
    cursor: pointer;
}

.aps-content-editor input,
.aps-content-editor select,
.aps-content-editor textarea,
.aps-content-editor #content-summary,
.aps-content-editor #content-body {
    max-width: 100%;
}

.aps-content-editor {
    text-align: left !important;
}

.aps-content:hover .edit-content {
    z-index: 300;
}

/* start aps-page-list  */
.aps-page-list .page.unavailable .availability-property,
.aps-page-list .page.deleted .availability-property {
    color: red;
}

.aps-page-list .page-filter label {
    font-weight: normal;
    font-size: 0.9em;
}

.aps-page-list .page-info label {
    color: #095b7e;
}

.aps-page-list .page-filter .inline-right,
.aps-page-list .page-info .inline-right {
    padding: 0;
}

.aps-page-list .page-info .btn,
.aps-page-list .page-filter .btn {
    padding: 0 3px;
}

    .aps-page-list .page-info .btn:hover,
    .aps-page-list .page-filter .btn:hover {
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: #ccc;
        opacity: .65;
    }

.aps-page-list .page-filter .btn-default {
    padding: 6px 12px;
}

.aps-page-list .page-filter-count {
    text-align: right;
    margin-top: 15px;
}

.aps-page-list .panel-info .panel-heading {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px;
}

.aps-page-list .icon-background {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.aps-page-list .list-group-item.draft .icon-background,
.aps-sidebar.page-workflow.draft,
.aps-page.draft {
    background-color: #d1ecf1
}

.aps-page-list .list-group-item.review .icon-background,
.aps-sidebar.page-workflow.review,
.aps-page.review {
    background-color: #fff3cd
}

.aps-page-list .list-group-item.published .icon-background,
.aps-sidebar.page-workflow.published,
.aps-page.published {
    background-color: #d4edda
}

.aps-page-list .list-group-item.system .icon-background,
.aps-sidebar.page-workflow.system,
.aps-page.system {
    background-color: #d6d8d9
}

.aps-page-list .list-group-item.unavailable .icon-background,
.aps-sidebar.page-workflow.unavailable,
.aps-content-disabled {
    background:
    /* On "top" */
    repeating-linear-gradient( 45deg, transparent, transparent 10px, #d6d8d9 10px, #d6d8d9 20px ),
    /* on "bottom" */
    linear-gradient( to bottom, #d1ecf1, #d6d8d9 );
}

.aps-page-list .list-group-item.deleted .icon-background,
.aps-sidebar.page-workflow.deleted,
.aps-content-deleted,
.aps-page.deleted {
    background:
    /* On "top" */
    repeating-linear-gradient( 45deg, transparent, transparent 10px, #d6d8d9 10px, #d6d8d9 20px ),
    /* on "bottom" */
    linear-gradient( to bottom, #f8d7da, #d6d8d9 );
}

.aps-page-list .list-group-item.deleted .list-group-item-heading {
    text-decoration: line-through;
    color: #f00;
}

.aps-page-list .list-group-item .page-info {
    display: none;
    font-size: 0.9em;
    padding: 10px 0;
}

    .aps-page-list .list-group-item .page-info.always-show {
        display: block;
    }

.aps-page-list .list-group-item:hover {
    background-color: #d9edf7;
}

    .aps-page-list .list-group-item:hover .page-info.hover-enabled {
        display: block;
    }

.aps-page-list .edit-page-icon {
    float: unset;
    margin-left: 5px;
}

.aps-page-list .show-only-group {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
}

    .aps-page-list .show-only-group .btn {
        padding-left: 15px;
    }

/* end aps-page-list */

/* start aps-process-list */
.aps-process-list .list-group-item {
    background-color: unset;
    border: 0;
    padding: unset;
    padding-top: 5px;
}

    .aps-process-list .list-group-item:hover {
        background-color: #fff3cd;
    }

.aps-process-list .process-actions {
    color: #337ab7;
    padding-bottom: 10px;
}

.aps-process-list .process-comments {
    color: black;
    font-style: italic;
}
/* end aps-process-list  */

.aps-content-disabled img {
    background:
    /* On "top" */
    repeating-linear-gradient( 45deg, transparent, transparent 10px, #ddd 10px, #ddd 20px ),
    /* on "bottom" */
    linear-gradient( to bottom, #fff, #ddd );
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0.20;
    -moz-opacity: 20%;
    -webkit-opacity: 20%;
    z-index: 2;
}

.aps-content-disabled-icon {
    padding: 0;
    margin: 5px 2px;
    position: relative;
    float: right;
    color: #f4df42;
    -ms-text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    pointer-events: initial;
}

.aps-content-disabled-label {
    top: 28px;
}

    .aps-content-disabled-label .aps-content-disabled-checkbox {
        position: absolute;
        display: block;
        line-height: 32px;
        top: -5px;
        width: 20px;
        height: 24px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

/* PLATFORM EDIT ICONS */

body .edit-content-icons {
    position: absolute;
    right: 0;
    top: -8px;
}

    body .edit-content-icons a {
        color: darkgray;
        font-size: 1em;
        text-decoration: none;
    }

        body .edit-content-icons a:hover {
            text-decoration: none;
            font-style: normal;
        }

        body .edit-content-icons a.edit-content-off { /*non-editable buttons */
            font-weight: normal;
            font-size: 1em;
        }

            body .edit-content-icons a.edit-content-off i {
                display: none;
            }

            body .edit-content-icons a.edit-content-off::after {
                font-family: "FontAwesome";
                content: "\f06e";
                opacity: 0.7;
            }

        body .edit-content-icons a.edit-content { /*editable buttons */
            color: green;
        }
/* This removes the outline around divs when clicking on them */
*:focus {
    outline: none;
}

/* This removes the hand cursor in content divs in Chrome when hovering over them */
.aps-content[role="button"] {
    cursor: default;
}

/* Menu links for popups*/
.navbar-default .navbar-nav > li > aps-popup-menu-link > a {
    color: #777;
}

.navbar-nav > li > aps-popup-menu-link > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
}

.nav > li > aps-popup-menu-link > a {
    position: relative;
    display: block;
}

/* End Menu links for popups*/

/* Popup Page styles */
.aps-popup-page .page-top-divider {
    display: none;
}

.aps-right-popup-sidebars {
    display: block;
    position: absolute;
    top: 120px;
    right: 0;
    z-index: 820;
}

.ngdialog.ngdialog-theme-default {
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 1049;
}

    .ngdialog.ngdialog-theme-default.aps-popup-dialog .ngdialog-content {
        margin-top: -50px;
        width: 80%;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 800px;
    }

#aps-loading-popup-page {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 9900;
    text-align: center;
    display: none;
}

#aps-loading-popup-page-image {
    position: absolute;
    top: 50%;
    left: 50%;
}

/* END Popup Page styles */

.modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    top: 100px;
    width: auto;
}

.modal-content {
    min-width: 760px;
    min-height: 560px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.modal-header .close {
    margin-right: 2px;
    margin-top: 2px;
}

.modal-body {
    margin-bottom: 40px;
    max-height: 80%;
}

.modal-footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: inherit;
}

.modal-open .md-select-menu-container {
    z-index: 1051;
}

.aps-content-editor #content-summary,
.aps-content-editor #content-body {
    min-height: 200px;
}
/* end of angular content component */

/* angular page component */
.aps-page {
    position: relative; /*don't change*/
    margin-top: 0;
}

    .aps-page > .btn {
        margin-top: 10px;
    }

    .aps-page .hidden {
        display: none;
    }

    .aps-page .left-aligned {
        text-align: left;
    }

    .aps-page .alert {
        padding: 4px;
    }

        .aps-page .alert .fa {
            padding-right: 4px;
        }

    .aps-page .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .aps-page .alert-danger hr {
            border-top-color: #e4b9c0;
        }

        .aps-page .alert-danger .alert-link {
            color: #843534;
        }

    .aps-page .alert-dismissible {
        position: relative;
    }

        .aps-page .alert-dismissible .close {
            position: absolute;
            right: 4px !important;
            top: 0px !important;
        }

        .aps-page .alert-dismissible .aps-content .content-title {
            margin: 3px 5px !important;
        }

        .aps-page .alert-dismissible .aps-content .content-summary,
        .aps-page .alert-dismissible .aps-content .content-body {
            margin-left: 5px !important;
            margin-right: 5px !important;
        }

    .aps-page .mini-toolbar.left {
        position: absolute; /*don't change*/
        left: -1px;
        top: 3px;
        z-index: 71;
    }

    .aps-page .mini-toolbar.right {
        position: absolute; /*don't change*/
        right: 25px;
        top: -2px;
        z-index: 73;
    }

    .aps-page .properties-container {
        padding-top: 15px; /* to balance the bottom margin of form-group */
        padding-bottom: 0px;
        text-align: left;
    }

.page-properties .form-group {
    margin-bottom: 10px; /* to balance the bottom margin of form-group */
}

.page-properties textarea {
    resize: vertical;
}

.page-properties .control-label {
    font-weight: normal;
    font-size: 0.9em;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.aps-page .aps-row {
    position: relative; /*don't change*/
}

    .aps-page .aps-row .move-row-up {
        position: absolute; /*don't change*/
        right: -10px;
        top: -5px;
    }

    .aps-page .aps-row .move-row-down {
        position: absolute; /*don't change*/
        right: -10px;
        top: 15px;
    }

    .aps-page .aps-row > .mini-toolbar.left {
        position: absolute; /*don't change*/
        left: -1px;
        top: 3px;
        z-index: 81;
    }

    .aps-page .aps-row > .mini-toolbar.right {
        position: absolute; /*don't change*/
        right: 20px;
        top: -2px;
        z-index: 83;
    }

.aps-page .aps-column {
    position: relative; /*don't change*/
}

    .aps-page .aps-column > .mini-toolbar.left {
        position: absolute; /*don't change*/
        left: -1px;
        top: -1px;
        z-index: 91;
    }

    .aps-page .aps-column > .mini-toolbar.center {
        position: absolute; /*don't change*/
        left: 0;
        right: 0;
        top: -1px;
        z-index: 92;
    }

    .aps-page .aps-column > .mini-toolbar.right {
        position: absolute; /*don't change*/
        right: -1px;
        top: -1px;
        z-index: 93;
    }

.aps-member-info-section-go-green-label i {
    color: #aff47a;
}

.aps-page .column .aps-panel {
    position: relative; /*don't change*/
    margin-bottom: 10px;
}

/* Aps Feature Panel */

.aps-feature-readonly {
    pointer-events: none;
    opacity: 0.5;
}

.aps-feature-panel md-content {
    overflow: unset;
}

.aps-feature-panel div.row.change,
.aps-feature-panel div.row.done,
.aps-feature-panel div.row.submit {
    margin: 10px 0 20px 0;
}

.aps-feature-panel input[required] + span::after {
    content: "*";
    color: red;
    margin-left: 3px;
}

.aps-feature-panel .validations .content-body {
    color: red;
}

.aps-feature-panel .aps-feature-panel-sidebar-link {
    text-align: right;
    vertical-align: bottom;
}

.aps-feature-panel .aps-feature-panel-title.row {
    border-bottom: 1px solid lightsteelblue;
    margin-left: -15px;
}

.aps-feature-panel .aps-feature-panel-title .content-title {
    border-bottom: 1px solid lightsteelblue;
}

.aps-feature-panel-header-title {
    width: 100%;
}

.aps-feature-panel-header-description {
    font-size: x-large;
}

.aps-feature-panel-header-dynamic-text {
    display: inline;
    font-size: 24px;
    font-weight: 600;
    opacity: 0.9;
}

.aps-feature-panel-header-body {
    color: black;
}

.aps-feature-panel-header h1 {
    display: inline-block;
    font-size: 24px;
    padding-bottom: 5px;
}

.aps-feature-panel-header .aps-content,
.aps-feature-panel-header .aps-content > div,
.aps-feature-panel-header .content-title {
    display: inline;
}

.aps-feature-panel-header-help {
    color: #333;
    font-weight: 600;
    cursor: pointer;
    text-align: right;
    margin-top: 25px;
}

.aps-feature-panel-header-readmore {
    margin-top: 10px;
    margin-bottom: 10px;
}

.aps-feature-panel-row {
    margin: 0 !important;
}

.aps-feature-panel-footer,
.aps-feature-panel-messages {
    margin-top: 10px;
    margin-bottom: 10px;
}

.aps-feature-messages.aps-login-view-model {
    text-align: center;
    margin: 0 15px;
    font-size: .8em;
}

/* Document Reference Panel*/
.aps-feature-panel-header.aps-document-reference-header {
    margin: 0 !important;
    width: 100%;
    padding: 8px 20px;
    border-radius: 6px;
}

.aps-document-reference-header .aps-feature-panel-header-title {
    font-size: initial;
}

.aps-feature-panel-header.aps-document-reference-header h1 {
    margin: 0;
    border: none;
    font-size: 16px !important;
    color: #fff;
    font-weight: 400;
}

.aps-document-reference-panel {
    padding: 0;
    z-index: 1;
}

    .aps-document-reference-panel .accordion-toggle {
        background: white;
        min-height: 38px;
        padding: 0px 0px 0px 0px;
        margin-bottom: 0;
    }

    .aps-document-reference-panel .accordion-toggle-glyph {
        font-size: 16px;
    }

.rotate-glyph {
    margin-top: 0;
}

.aps-document-reference .aps-panel {
    margin-top: -10px;
}

md-dialog.md-dialog-fullscreen {
    overflow-x: hidden;
}

.aps-page .column #delete-panel {
    position: absolute; /*don't change*/
    padding: 0px;
    z-index: 10;
    right: 2px;
    top: 0px;
}

    .aps-page .column #delete-panel.delete-WizardPanel {
        right: 25px;
        top: 5px;
    }

.aps-page .aps-content {
    position: relative; /*don't change*/
}

    .aps-page .aps-content p {
        word-wrap: break-word;
    }

.aps-page .delete-row {
    z-index: 200;
    margin-top: -5px;
}

.aps-page .add-column {
    z-index: 199;
    margin-top: -5px;
}

.aps-page .add-row {
    z-index: 199;
    margin-top: 0px;
}

.aps-page .add-page-row {
    z-index: 199;
    margin-top: -3px;
    margin-left: 2px;
}

.aps-page .edit-column {
    border: gray 1px dotted;
    min-height: 50px;
}

.aps-page.delete-highlight,
.aps-page .delete-highlight {
    background: rgba(255, 0, 0, 0.2);
}

.aps-page.edit-highlight,
.aps-page .edit-highlight {
    background: rgba(0, 255, 0, 0.2);
}

.aps-page .aps-content-panel,
.aps-page .aps-wizard-panel {
    position: relative; /*don't change*/
}

.aps-page .ui-sortable .aps-row,
.aps-page .ui-sortable .aps-column,
.aps-page .ui-sortable .aps-panel,
.aps-page .ui-sortable .aps-content {
    cursor: move;
}

.aps-page .sortable-placeholder {
    height: 30px;
    background-color: lightgoldenrodyellow;
}

.aps-page.edit-mode {
    border: black 1px dotted;
    padding: 20px 20px 5px;
}

.aps-page.editable .save-buttons {
    position: absolute;
    bottom: 8px;
}

.aps-page.editable .collapse {
    display: block;
}

.aps-page.edit-mode .aps-row {
    border: green 1px dotted;
    padding: 20px;
}

.aps-page.edit-mode .aps-column {
    border: orange 1px dashed;
    padding: 20px;
}

    .aps-page.edit-mode .aps-column .aps-panel {
        border: mediumblue 1px dotted;
    }

    .aps-page.edit-mode .aps-column .aps-content {
        border: gray 1px dotted;
    }

    .aps-page.edit-mode .aps-column.ui-sortable .aps-panel:hover,
    .aps-page.edit-mode .aps-content-panel.ui-sortable .aps-content:hover {
        box-shadow: 2px 2px gray;
    }

.aps-page.edit-mode .aps-panel {
    padding-right: 15px; /* for panel controls like delete */
}

.aps-error-panel {
    min-height: 20px;
    padding: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.page-info-panel {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .page-info-panel .aps-page-info {
        margin-bottom: 10px;
    }

.aps-page-info {
    font-size: 0.9em;
}

    .aps-page-info input[type='text'] {
        width: 100%;
        max-width: 300px;
    }

    .aps-page-info select {
        width: 100%;
        max-width: 300px;
        height: 25px;
    }

    .aps-page-info .control-label {
        padding-left: 25px;
    }

    .aps-page-info div {
        padding-top: 3px;
        padding-bottom: 3px;
    }

.aps-page-internal {
    padding-bottom: 50px;
}
/* end of angular page component */

/*main navbar*/

.aps-navbar {
    display: table;
    margin: 0 auto;
    z-index: 50;
}

.aps-main-links {
    top: 20px;
}

.aps-main-links-member {
    top: 8px;
}

.aps-user-menu {
    margin-top: -15px;
}

.large-media-link {
    display: block !important;
}

.small-media-link {
    display: none !important;
    line-height: 20px;
    position: relative;
    display: block;
    padding: 10px 0 10px 0 !important;
}

.small-media-link-text {
    font-size: 0.8em;
}

.dropdown-menu {
    width: 100%;
}

.aps-menu-dropdown {
    padding: 8px;
    width: 100%;
}

.dropdown-header {
    padding: 3px;
}

.navbar-collapse {
    padding: 0;
}

.aps-navbar li {
    list-style: none;
}

nav.admin-navbar {
    width: 100%;
    padding-left: 30px;
}

.aps-navbar.admin-navbar .navbar-nav li > .aps-menu-dropdown {
    width: 250px;
}

.aps-menu-deleted {
    text-decoration: line-through !important;
    color: #FF0000 !important;
}

.aps-menu-disabled {
    text-decoration: line-through !important;
}

ul.top-level-menu-heading-mobile {
    display: none;
}

span.menu-item-text:hover,
span.menu-group-header-text:hover,
span.sub-menu-item-text:hover,
span.sub-menu-group-header-text:hover {
    background: rgba(0, 0, 0, 0.13);
}

.menu-item-text,
.menu-group-header-text,
.sub-menu-item-text,
.sub-menu-group-header-text {
    font-size: 14px;
    color: grey;
    width: 100%;
    display: inline-block;
    overflow: visible;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 3px;
    white-space: normal;
}

.menu-group-header-text {
    font-size: 18px;
}

.aps-navbar .aps-sub-menu {
    padding-top: 6px;
    padding-left: 0px;
}

.main-navbar .top-level-menu-heading {
    position: static;
}

.aps-navbar .admin-navbar .top-level-menu-heading {
    position: relative;
}

.aps-navbar .navbar-toggle {
    float: left;
    margin-left: 15px;
}

.aps-navbar .top-level-menu-heading-text {
    font-size: 16px;
    font-weight: bold;
}

.aps-member-menu-access-text {
    font-size: 14px;
    max-width: 95px;
    text-overflow: ellipsis;
}
/*end main navbar*/

/* Member Menu Bar */
#aps-member-bar {
    background-color: #095b7e;
    color: #fff;
    width: 100%;
    z-index: 10000000;
    height: 35px;
}

.aps-member-id-section {
    font-size: 14px;
    position: absolute;
    left: -20px;
    cursor: default;
}

.aps-member-menu {
    color: #fff;
    display: flex;
    justify-content: flex-end;
    height: 35px;
    align-items: center;
}

.aps-member-navbar-item.dropdown-menu-right > ul.aps-menu-dropdown.row.dropdown-menu {
    right: 0;
    left: auto;
    min-width: 200px;
    padding: 10px 0;
}

.aps-member-menu .menu-item-text {
    white-space: nowrap;
}

.aps-member-menu .dropdown-menu {
    width: auto;
}

.aps-member-menu .member-dropdown-icon {
    margin-left: 15px;
}

.aps-member-menu .navbar-nav .open .dropdown-menu {
    position: absolute;
}

.aps-member-info-bar {
    color: #fff !important;
    margin-right: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    position: relative;
}


.aps-member-menu-access-text {
    margin-left: 10px;
}

.aps-member-navbar,
.aps-member-navbar-item {
    display: flex !important;
    align-items: center;
}

/*page sidebar menu editor*/
.aps-sidebar-menu-editor, .aps-sidebar-menu-editor ul, .aps-sidebar-menu-editor li {
    position: relative;
}

    .aps-sidebar-menu-editor span {
        color: #000000 !important;
    }

    .aps-sidebar-menu-editor ul {
        list-style: none;
        padding-left: 22px;
    }

    .aps-sidebar-menu-editor li::before, .aps-sidebar-menu-editor li::after {
        content: "";
        position: absolute;
        left: -12px;
    }

    .aps-sidebar-menu-editor li::before {
        border-top: 1px solid #000;
        top: 9px;
        width: 8px;
        height: 0;
    }

    .aps-sidebar-menu-editor li::after {
        border-left: 1px solid #000;
        height: 100%;
        width: 0px;
        top: 2px;
    }

    .aps-sidebar-menu-editor ul > li:last-child::after {
        height: 8px;
    }

.aps-sidebar-listitem {
    list-style-image: none !important;
}

.access-groups {
    font-size: 0.9em;
    border: 1px solid lightgray;
    padding: 5px;
    border-radius: 4px;
}

    .access-groups.expandable {
        height: 34px;
        overflow-y: scroll;
    }

        .access-groups.expandable.expanded {
            height: 100px;
        }

    .access-groups select {
        height: 20px;
        width: 100%;
        margin-bottom: 3px;
        font-size: 0.9em;
    }

    .access-groups .delete-btn {
        color: red;
    }

    .access-groups .is-duplicate select,
    .page-properties input.ng-invalid-required,
    .page-properties input.ng-invalid-pattern {
        color: red;
        border-color: #ff0000;
        border-color: rgba(255,0,0,0.5);
    }

.readonly-accessgroup-deleted {
    text-decoration: line-through;
}

/*end page sidebar menu editor*/

/*angular aps-footer compontent*/
.aps-footer {
    list-style: none;
    text-align: center;
    padding: 0;
}

    .aps-footer li {
        display: inline-block;
        text-align: center;
        cursor: pointer;
    }

        .aps-footer li::after {
            margin-left: 4px;
            content: "|";
        }

        .aps-footer li:last-child::after {
            content: "";
        }
/*end aps-footer*/

.aps-anchor {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

/*intl-tel-input control*/
.iti {
    height: 30px;
}

md-checkbox {
    margin-bottom: 0px;
}

/*angular wizard component*/
.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.aps-postal {
    text-transform: uppercase;
}

.wizard-logo {
    float: left;
    position: relative;
    margin: 0 0 -60px 60px;
    z-index: 1;
}

.wizard-button-next, .wizard-button-previous {
    font-size: 18px;
    text-transform: none;
    border-radius: 6px;
}

.wizard-body {
    border-width: 30px;
    border-top-width: 60px;
    border-color: darkgray;
}

.aps-wizard-step-retirementoptionselectionchange .content-body,
.aps-wizard-step-retirementoptionselectionchange .aps-content {
    display: inline;
}

.aps-wizard-pension-choice-checkbox-top-text {
    padding-left: 32px;
}

.aps-wizard-pension-choice-text {
    font-weight: bold;
}

.aps-wizard-question-toggle-button {
    z-index: 1;
}

.wizard-footer {
    background-color: lightgrey;
}

.wizard .content-title {
    font-size: large;
    padding-bottom: 10px;
}

.wizard-additional-content {
    margin-top: 10px;
}

.wizard-answer-header {
    margin-left: 30px;
    width: 98%;
}

.wizard-privacy-message {
    font-size: small;
    font-style: italic;
    color: lightgray;
}


.wizard .wizard-question .aps-content,
.wizard .wizard-question .aps-content .content-title,
.wizard .wizard-question .aps-content .content-body,
.wizard .wizard-question .aps-content .content-body p {
    display: inline;
}

.wizard-answer-description {
    margin: 10px 45px 10px 30px;
    font-style: italic;
    font-size: smaller;
}


.wizard input[readonly] {
    border: 0;
}

.wizard-readonly-input .iti-arrow {
    display: none;
}

.wizard md-radio-button {
    display: inline;
}

.wizard-datepicker {
    margin-top: 18px;
}

.wizard-datepicker-pcd {
    margin-top: 13px;
}

.wizard-datepicker ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: black;
    font-size: 16px;
    opacity: 1;
}

.wizard-datepicker :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
    font-size: 16px;
    opacity: 1;
}

.wizard-datepicker ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
    font-size: 16px;
    opacity: 1;
}

.wizard-datepicker :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
    font-size: 16px;
    opacity: 1;
}

.wizard-datepicker-label {
    padding-top: 10px;
    top: -127px;
}

/*end of angular wizard component*/

.md-button {
    margin: 2px;
    text-transform: none;
    border-radius: 4px;
}

md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled],
md-input-container.md-default-theme .md-input [disabled],
md-input-container .md-input [disabled] {
    color: rgba(0,0,0,1);
}

md-input-container label:not(.md-container-ignore) {
    font-weight: 500;
    margin-bottom: 0px;
}

::-webkit-input-placeholder {
    opacity: 0.25 !important; /* for chrome */
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 0.25 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    opacity: 0.25 !important;
}

.aps-textbox-spacer {
    height: 94px;
}

:-ms-input-placeholder {
    opacity: 0.25 !important;
}

.aps-admin-page .panel-info > .panel-heading h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.aps-admin-page .panel-info > .panel-footer {
    min-height: 60px;
}

.aps-admin-page.aps-asset-manager .panel-body {
    padding: 0;
    margin-bottom: -6px;
}

.aps-admin-page.aps-menu-editor .panel-body,
.aps-admin-page.aps-menu-editor .panel-body .well {
    padding: 0;
    margin-bottom: 0px;
}

/*Fixes scrollbar being added to bottom of Member Profile on some sites*/
.aps-page-member-profile .aps-panel .row {
    margin: 0 0 5px 0;
}

aps-member-beneficiary md-tabs-wrapper,
aps-member-information md-tabs-wrapper,
aps-member-dashboard md-tabs-wrapper {
    display: none;
}

aps-member-beneficiary md-content,
aps-member-information md-content,
aps-direct-deposit md-content,
aps-member-dashboard md-content {
    background: white;
}

aps-member-information md-tabs {
    padding: 0;
}

.aps-analyzeaddress-container {
    max-width: 75%;
    margin: 15px;
    padding: 0px;
}

.aps-member-info-header {
    font-size: 1.4em;
    color: slategray;
    padding: 5px;
    margin: 15px 0px 0px 15px;
    border-bottom: 1px solid lightsteelblue;
    max-width: 97%;
}

.aps-member-info-password-prompt {
    border: 2px solid #eee;
    border-radius: 5px;
    background-color: #eff;
    box-shadow: 1px 2px #eee;
    margin: 15px;
    max-width: 95%;
}

.aps-member-info-password-prompt-text {
    font-size: 0.9em;
    color: grey;
    margin: 10px 0;
}

.aps-member-info-link {
    font-size: 0.9em;
    color: grey;
}

.aps-member-info-email {
    padding-left: 22px;
    word-break: break-word;
}

.aps-member-info-panel select .ng-invalid-required,
.aps-member-info-panel input .ng-invalid-required,
.aps-member-info-panel input .ng-invalid-pattern {
    border-left: none;
    border-right: none;
    border-top: none;
}

.aps-member-info-panel .row .personal-information {
    margin-top: 20px;
    margin-bottom: 10px;
}

.aps-member-info-panel md-radio-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.aps-member-info-panel label .Radio-label {
    margin-bottom: 10px;
}

.aps-member-info-panel md-tab-content > div {
    margin-top: 15px;
}

.aps-member-info-panel md-content {
    background: transparent;
}

.aps-member-info-summary-section {
    border: 1px solid lightgrey;
    border-radius: 5px 5px 0 0;
    min-height: 280px;
    margin: 0 0 25px 0;
}

.aps-member-information-address-compact {
    font-size: 0.9em;
}

.aps-member-information-postal {
    color: lightslategray;
    padding-left: 3px;
}

.aps-member-info-question {
    color: slategrey;
    margin: 2px 0;
}

.aps-member-info-section-label {
    font-size: 1em;
    font-weight: 600;
    border: solid #eee;
    background-color: #095b7e;
    border-radius: 5px 5px 0 0;
    border-width: 0 0 1px 0;
    padding: 10px 20px;
    color: #fff;
    min-width: 100%;
}

.aps-member-info-panel .aps-content {
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 10px;
    margin: 0 0 15px 0;
    background: linear-gradient(175deg, transparent, transparent, transparent, transparent, #eee);
    box-shadow: 1px 2px #eee;
}

.aps-member-info-panel md-select-value .aps-content,
.aps-member-info-panel .validation .aps-content,
md-input-container .aps-content,
.aps-message .aps-content,
.md-input-message-animation .aps-content {
    border: none;
    padding: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.aps-member-info-phone {
    display: inline-flex;
}

    .aps-member-info-phone md-input-container {
        margin: -12px;
        top: 4px;
        width: 75%;
    }

.aps-member-information-panel .aps-member-info-phone md-input-container {
    width: 100%;
}

.aps-member-info-phone input {
    border-bottom: none;
}

.aps-member-info-phone label {
    display: none;
}

.aps-member-info-phone .iti__arrow {
    display: none;
}

.aps-member-info-panel .iti__flag-container {
    height: 15px;
    top: 8px;
}

.aps-member-info-row {
    margin: 8px 0 !important;
    border-bottom: 1px solid lightsteelblue;
}

.aps-member-info-phone-row {
    padding-left: 15px;
    padding-right: 15px;
}

.aps-member-info-label {
    color: #333;
    font-weight: 600;
}

/*Override material setting an auto bottom, which wrecks dynamic content in a flex md tab*/
md-tab-content.md-no-scroll {
    bottom: 0;
}


.aps-member-document-title {
    border-radius: 6px;
    font-size: 16px;
    background: #163f7d;
    color: white;
    width: 100%;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 20px 0;
}

.aps-member-document-item {
    padding: 5px;
}

.aps-member-document-row {
    margin: 0 15px;
}

    .aps-member-document-row:nth-child(even) {
        background: whitesmoke;
    }

.aps-member-document-doc-name {
    color: #337ab7;
}

.aps-member-document-loading {
    color: #163f7d;
}

.aps-member-document-loading-text {
    margin-left: 60px;
    font-size: large;
}

.aps-member-document-icon {
    color: red;
    padding-top: 5px;
    width: 20px;
    padding-right: 25px;
}

/** Member Beneficiary Panel **/

.aps-member-beneficiary-header {
    font-size: 1.4em;
    color: slategray;
    border-bottom: 1px solid lightsteelblue;
    max-width: 97%;
}

.aps-member-beneficiary-tab-header .aps-content .content-body {
    margin-bottom: 15px;
}

.aps-member-beneficiary-dropdown-padding {
    margin-top: 15px;
}

.aps-member-beneficiary-label {
    font-weight: 600;
}

.aps-member-beneficiary-link {
    font-size: 0.9em;
    color: grey;
}

.aps-member-beneficiary-link-right-align {
    text-align: right;
}

.aps-member-beneficiary-link-center-align {
    text-align: center;
}

.aps-member-beneficiary-panel md-input-container {
    min-height: 58px;
}

.aps-member-beneficiary-panel md-tabs-wrapper {
    display: none;
}

.aps-member-beneficiary-panel md-content {
    background: transparent;
}

.fa-exclamation-triangle {
    color: #f69c32 !important;
}

.aps-member-beneficiary-panel-notice .aps-content {
    border: 1.5px solid #f69c32;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 0 0 20px 0;
}

.aps-retirement-panel-notice .aps-content {
    border: 1.5px solid #f69c32;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 20px 0 20px 0;
}


.aps-member-beneficiary-person-row:nth-child(even) {
    background: whitesmoke;
}

.aps-member-beneficiary-data-row {
}

.aps-member-beneficiary-button {
    cursor: pointer;
}

.aps-member-beneficiary-percent-control {
    margin: 0;
    padding: 0;
    width: 50%;
}

.aps-member-beneficiary-add-dropdown-menu {
    min-width: 140px;
    max-width: 140px;
    left: calc(100% - 140px);
}

    .aps-member-beneficiary-add-dropdown-menu li {
        list-style-type: none;
    }

.aps-member-beneficiary-add-menu-heading-text {
}

.aps-member-beneficiary-add-dropdown-menu-item {
    color: gray;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0;
}

    .aps-member-beneficiary-add-dropdown-menu-item:hover {
        background: rgba(0, 0, 0, 0.13);
    }

.aps-member-beneficiary-total {
    padding-left: 20px;
}

.aps-cursor-pointer {
    cursor: pointer;
}

/** END of Member Beneficiary Panel **/
.popup-dialog-link {
    font-size: small;
    font-style: italic;
    color: lightgray;
}

.ngdialog.ngdialog-theme-default.popup-dialog .ngdialog-content {
    top: 25px;
    width: 65%;
    max-width: 900px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.aps-menu li li {
    list-style: none;
}

    .aps-menu li li li {
        padding-left: 1em;
    }

.aps-menu ul {
    padding-left: 0px;
}

.aps-menu .first-item > li.divider,
.aps-menu aps-menu-item aps-menu-item li.divider {
    display: none;
}

.aps-menu.no-item .menu-group-header > span {
    color: #aaa !important;
}

.aps-menu .menu-item-filter {
    padding-bottom: 15px;
}

.aps-menu.no-item .menu-item-filter > input {
    color: red !important;
}

.aps-menu.dropdown-menu {
    padding: 15px 5px 10px 5px;
}

.aps-menu .aps-content-editor .modal-dialog {
    z-index: 1100;
}


.aps-menu-editor {
    padding: 0 15px;
    font-size: 14px;
}

    .aps-menu-editor > .col-md-6 {
        padding: 10px;
    }

    .aps-menu-editor .edit-button {
        cursor: pointer;
    }

        .aps-menu-editor .edit-button:hover {
            color: darkblue;
        }

    .aps-menu-editor .menu-item-properties {
        margin: 15px;
    }

    .aps-menu-editor .aps-sub-menu li {
        list-style: none;
        list-style-type: none;
    }

    .aps-menu-editor .link-new-page.row {
        margin: 5px;
        border: 1px solid lightgray;
        padding: 10px;
        border-radius: 6px;
    }

    .aps-menu-editor .aps-menu-item-property div {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .aps-menu-editor .aps-menu-item-property input[type='text'] {
        width: 100%;
    }

    .aps-menu-editor .aps-menu-item-property select {
        width: 100%;
        height: 25px;
    }

        .aps-menu-editor .aps-menu-item-property select[disabled] {
            background-color: rgb(235, 235, 228);
        }

    .aps-menu-editor .aps-menu-editor-menu-list {
        overflow-y: scroll;
        max-height: 65vh; /* Must use view height (vh) here as a percentage does not work */
    }

    .aps-menu-editor .alert-error {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .aps-menu-editor .alert-error hr {
            border-top-color: #e4b9c0;
        }

        .aps-menu-editor .alert-error .alert-link {
            color: #843534;
        }


.aps-editable-menu-item {
    position: relative;
    margin: 3px;
    color: darkblue;
}

    .aps-editable-menu-item.no-url {
        color: darkred;
    }

    .aps-editable-menu-item.linked-page-unavailable {
        text-decoration: line-through;
    }

    .aps-editable-menu-item.deleted,
    .aps-editable-menu-item.deleted .aps-editable-menu-item {
        color: gray;
    }

    .aps-editable-menu-item > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: normal;
    }

    .aps-editable-menu-item.active > aps-content .content-title {
        background-color: #3399ff;
    }

    .aps-editable-menu-item .aps-content:hover .content-title {
        background-color: #ADD8E6;
    }

.aps-menu-item > a .aps-content .content-title {
    cursor: pointer;
    color: darkgray;
}

.aps-breadcrumb {
    display: none; /* breadcrumb location gets determined at runtime, and then shown */
    margin: 0;
    background-color: transparent;
    color: darkgray;
    list-style: none;
}

    .aps-breadcrumb > li {
        display: inline-block;
    }

        .aps-breadcrumb > li + li:before {
            padding: 0 5px;
            content: "/\00a0";
        }

        .aps-breadcrumb > li.aps-breadcrumb-item + li:before {
            padding: 0 0 0 5px;
        }

.aps-breadcrumb-item .aps-content {
    display: inline-block;
}

.aps-breadcrumb-item > a .aps-content[role="button"] { /* this is to counter the other styling above which tries to prevent chrome from using the hand pointer, but here we want it */
    cursor: pointer;
}

.aps-breadcrumb-item.active .aps-content {
    color: salmon;
}

.aps-breadcrumb .aps-content,
.aps-navbar-item .aps-content,
.aps-menu .aps-content {
    position: relative;
}

    .aps-breadcrumb .aps-content .content-title,
    .aps-navbar-item .aps-content .content-title,
    .aps-editable-menu-item .aps-content .content-title,
    .aps-menu-item .aps-content .content-title {
        font-weight: normal;
        font-size: 14px;
    }

    .aps-menu .aps-content .edit-content,
    .aps-menu-editor .aps-content .menu-item-edit-buttons,
    .aps-menu-editor .aps-menu-item .aps-content .edit-content,
    .aps-editable-menu-item .aps-content .edit-content,
    .aps-breadcrumb .aps-content .edit-content {
        display: none;
    }

    .aps-menu-editor .aps-content:hover .menu-item-edit-buttons,
    .aps-editable-menu-item .aps-content:hover .edit-content,
    .aps-breadcrumb .aps-content:hover .edit-content {
        display: inline-block;
        top: 0;
        right: auto;
        left: 0;
    }

.aps-editable-menu-item .aps-content .content-title {
    padding-left: 20px;
}

/* ==========================================================================
   READMORE BUTTON -- Justin
   ========================================================================== */

.readmore-toggle {
    display: inline-block;
    margin-bottom: 4px;
    padding: 8px 10px;
    cursor: pointer;
}

    .readmore-toggle::after {
        content: '\A';
    }

    .readmore-toggle:hover {
        opacity: 0.2;
    }

.readmore-button-default {
    border-radius: 3px;
    font-size: 12px;
    background: #095b7e;
    color: whitesmoke;
    padding: 6px;
}

.readmore-toggle-clicked {
    opacity: 0.5;
    border: inset white 1px;
}

    .readmore-toggle-clicked:hover {
        opacity: 0.5;
    }

.readmore-content {
    display: none;
}

    .readmore-content > .readmore-content {
        padding-left: 30px;
    }

/* angular-specific */
.animate-if.ng-enter, .animate-if.ng-leave {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

    .animate-if.ng-enter,
    .animate-if.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .animate-if.ng-leave,
        .animate-if.ng-enter.ng-enter-active {
            opacity: 1;
        }

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
    transition: all linear 0.5s;
}

    .animate-repeat.ng-leave.ng-leave-active,
    .animate-repeat.ng-move,
    .animate-repeat.ng-enter {
        opacity: 0;
        max-height: 0;
    }

        .animate-repeat.ng-leave,
        .animate-repeat.ng-move.ng-move-active,
        .animate-repeat.ng-enter.ng-enter-active {
            opacity: 1;
            max-height: 30px;
        }

.animate-show {
    line-height: 20px;
    opacity: 1;
}

    .animate-show.ng-hide-add, .animate-show.ng-hide-remove {
        transition: all linear 0.5s;
    }

    .animate-show.ng-hide {
        line-height: 0;
        opacity: 0;
        padding: 0 10px;
    }

/* sidebar styles */
.aps-right-sidebars {
    display: block;
    position: fixed;
    top: 120px;
    right: 0;
    z-index: 820;
}

.aps-contents-sidebar {
    position: relative;
    min-height: 45px;
}

.aps-sidebar {
    z-index: 800;
    display: block;
    top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute; /* need to make this work flawlessly -- the style works if applied on runtime (via F12), but somehow not on design time :( */
    background-color: rgb(219, 226, 233);
    border: #888888 1px solid;
    border-radius: 3px;
    padding: 10px;
    transition: all linear 0.3s;
    box-shadow: 3px 3px 5px #999999;
}

    .aps-sidebar .controls-container {
        position: relative;
    }

    .aps-sidebar .pin-container-left {
        z-index: 50;
        position: absolute;
        top: 10px;
    }

    .aps-sidebar .pin-container-right {
        z-index: 50;
        position: absolute;
        top: 40px;
        left: 10px;
    }

    .aps-sidebar.on {
        z-index: 825;
        transition: all linear 0.3s;
    }

    .aps-sidebar:not(.on) {
        overflow: hidden;
    }

        .aps-sidebar:not(.on) .aps-sidebar-title .edit-content {
            display: none;
        }

    .aps-sidebar .aps-sidebar-title {
        margin-top: -8px;
        margin-left: 20px;
        min-width: 150px;
    }

        .aps-sidebar .aps-sidebar-title .aps-content .content-title {
            white-space: nowrap;
        }

    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title h1,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title h2,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title h3,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title h4,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title h5,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title h6,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title p,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title div,
    .aps-sidebar:not(.on) .aps-sidebar-title .aps-content .content-title span {
        width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .aps-sidebar .main-content {
        width: 320px;
    }

    .aps-sidebar .hide-me,
    .aps-sidebar .show-me {
        position: absolute;
        top: -5px;
    }

    .aps-sidebar.left-sidebar {
        left: -310px;
    }

        .aps-sidebar.left-sidebar:hover {
            left: -160px;
        }

        .aps-sidebar.left-sidebar.on {
            left: 0;
        }

        .aps-sidebar.left-sidebar:not(.on) {
            height: 75px;
        }

        .aps-sidebar.left-sidebar .hide-me {
            right: 0;
        }

        .aps-sidebar.left-sidebar .show-me {
            right: -3px;
        }

        .aps-sidebar.left-sidebar .aps-sidebar-toolbar {
            height: 24px;
        }

        .aps-sidebar.left-sidebar .aps-sidebar-toolbar-wide {
            height: 24px;
            width: 775px;
        }

        .aps-sidebar.left-sidebar .aps-sidebar-toolbar,
        .aps-sidebar.left-sidebar .aps-sidebar-title {
            text-align: right;
            margin-right: 25px;
        }

    .aps-sidebar.right-sidebar {
        width: 30px;
        height: 27em;
        right: 0;
    }

        .aps-sidebar.right-sidebar:hover {
            width: 150px;
        }

        .aps-sidebar.right-sidebar.on {
            width: 345px;
        }

        .aps-sidebar.right-sidebar:not(.on) {
            height: 45px;
        }

        .aps-sidebar.right-sidebar .show-me {
            left: -6px;
        }

        .aps-sidebar.right-sidebar .aps-sidebar-title .edit-content {
            margin-right: 8px;
        }

.md-datepicker-calendar-pane,
.md-datepicker-calendar-pane.md-pane-open {
    z-index: 100000;
}

.aps-sidebar.page-workflow {
    position: fixed;
    top: 120px;
    max-height: calc(100% - 200px);
}

    .aps-sidebar.page-workflow .aps-sidebar-body {
        padding-top: 20px;
        margin-left: -5px;
        margin-right: -5px;
    }

        .aps-sidebar.page-workflow .aps-sidebar-body .md-button.md-small {
            width: 20px;
            height: 28px;
            line-height: 28px;
            min-height: 28px;
            vertical-align: middle;
            font-size: 12px;
            padding: 0 0;
            margin: 0;
        }

        .aps-sidebar.page-workflow .aps-sidebar-body .md-button.btn-primary {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }

    .aps-sidebar.page-workflow .new-action-comment {
        margin: 0 0 15px 0;
    }

    .aps-sidebar.page-workflow .scan-progress {
        margin-top: 10px;
    }

    .aps-sidebar.page-workflow .scan-progress-text {
        color: white;
        white-space: nowrap;
    }

    .aps-sidebar.page-workflow .process-actions {
        margin-top: 20px;
    }

    .aps-sidebar.page-workflow .process-action {
        font-size: 10pt;
    }

    .aps-sidebar.page-workflow .process-action {
        padding: 5px 0 2px 5px;
        border-top: 1px dotted #888888;
        margin: 0;
    }

        .aps-sidebar.page-workflow .process-action .action-description {
            color: #095b7e;
        }

        .aps-sidebar.page-workflow .process-action .comment {
            margin-bottom: 0px;
        }

    .aps-sidebar.page-workflow .unreferenced-assets {
        margin-top: 10px;
    }

    .aps-sidebar.page-workflow .unreferenced-assets-list {
        max-height: 230px;
        overflow-y: auto;
    }

    .aps-sidebar.page-workflow .unreferenced-assets-icon {
        color: #337ab7;
    }

    .aps-sidebar.page-workflow .unreferenced-asset {
        font-size: 10pt;
        padding: 5px 0 2px 5px;
        border-top: 1px dotted #888888;
        margin: 0;
    }

    .aps-sidebar.page-workflow .unreferenced-asset-deleted {
        text-decoration: line-through;
        color: #FF0000;
    }

    .aps-sidebar.page-workflow .unreferenced-menu-items {
        margin-top: 10px;
    }

    .aps-sidebar.page-workflow .unreferenced-menu-items-list {
        max-height: 230px;
        overflow-y: auto;
    }

    .aps-sidebar.page-workflow .unreferenced-menu-items-icon {
        color: #337ab7;
    }

    .aps-sidebar.page-workflow .unreferenced-menu-item {
        font-size: 10pt;
        padding: 5px 0 2px 5px;
        border-top: 1px dotted #888888;
        margin: 0;
    }

    .aps-sidebar.page-workflow .unreferenced-menu-item-deleted {
        text-decoration: line-through;
        color: #FF0000;
    }

    .aps-sidebar.page-workflow .unreferenced-named-contents {
        margin-top: 10px;
    }

    .aps-sidebar.page-workflow .unreferenced-named-contents-list {
        max-height: 230px;
        overflow-y: auto;
    }

    .aps-sidebar.page-workflow .unreferenced-named-contents-icon {
        color: #337ab7;
    }

    .aps-sidebar.page-workflow .unreferenced-named-content {
        font-size: 10pt;
        padding: 5px 0 2px 5px;
        border-top: 1px dotted #888888;
        margin: 0;
    }

    .aps-sidebar.page-workflow .unreferenced-named-content-deleted {
        text-decoration: line-through;
        color: #FF0000;
    }

.aps-sidebar.page-properties {
    position: fixed;
    top: 195px;
    height: calc(100% - 260px);
}

    .aps-sidebar.page-properties .main-content {
        height: calc(100% - 40px);
    }


    .aps-sidebar.page-properties .aps-sidebar-body {
        padding-right: 10px;
        height: calc(100% - 20px);
        overflow-y: auto;
    }

    .aps-sidebar.page-properties .hide-me {
        right: 0;
        top: -5px;
    }

        .aps-sidebar.page-properties .hide-me[disabled] {
            opacity: 0.7;
        }

    .aps-sidebar.page-properties .aps-sidebar-body md-input-container {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 48px;
    }

.aps-sidebar.page-notifications-closed {
    position: fixed;
    top: 270px;
    width: 345px;
    height: calc(100% - 260px);
    overflow-y: hidden;
}

.aps-sidebar.page-notifications-open {
    position: fixed;
    top: 250px;
    height: calc(100% - 320px);
    overflow-y: hidden;
}

    .aps-sidebar.page-notifications-open .aps-sidebar-body {
        padding-right: 10px;
        height: calc(100% - 20px);
        width: 750px;
        overflow-y: auto;
    }

.aps-notification-check-icon {
    margin-top: 5px;
}

#page-workflow-save-btn,
#page-workflow-delete-page,
#page-workflow-delete-news,
#page-workflow-exclusive,
#news-workflow-unlocked,
#news-workflow-locked,
#page-workflow-unlocked,
#page-workflow-locked,
#page-notification-status {
    z-index: 830;
    position: absolute;
    top: 35px;
    right: -5px;
    padding: 6px 12px;
}

#page-workflow-delete-page {
    right: 20px;
    color: red;
}

#page-workflow-delete-news {
    right: 20px;
    color: red;
}

.aps-sidebar.page-sidebar .main-content {
    width: 295px;
    margin-left: 15px;
    float: right;
}

.aps-sidebar.page-sidebar .panel-heading,
.aps-sidebar.page-sidebar .panel-body {
    padding: 8px;
}

    .aps-sidebar.page-sidebar .panel-heading .edit-content {
        margin-top: -3px;
    }

.aps-sidebar.page-sidebar.on .panel-open {
    border-color: cornflowerblue;
}

/* end - sidebar styles */

/* news styles */

.aps-news-viewer .md-button.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .aps-news-viewer .md-button.btn-primary[disabled] {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

/* We don't want to show the content preview body on the news viewer or news feed */
.aps-news-viewer .content-preview-body {
    display: none;
}

.aps-news-viewer .aps-news-list-item-move-buttons {
    display: none;
}

.aps-news-viewer .aps-news-content-link {
    display: none;
}

.aps-news-feed-month-list-item .content-preview-body {
    display: none;
}

.aps-news-feed-month-list-item .aps-news-list-item-move-buttons {
    display: none;
}

.aps-news-content-link {
    display: inline;
    padding: .2em .3em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #777777
}

.aps-news-feed-list {
    list-style-type: none;
}

.aps-news-feed-item .edit-content {
    visibility: hidden;
}

.aps-news-feed-search-wrapper {
    position: relative;
    width: auto;
}

.aps-news-feed-search-clear-button {
    width: 30px;
    height: 31px;
    display: inline-block;
    position: absolute;
    right: 4px;
    text-align: center;
    cursor: pointer;
}

    .aps-news-feed-search-clear-button i {
        margin-top: 4px;
        margin-left: -9px;
        font-size: 20px;
        opacity: 0.4;
        height: 30px;
        color: #999999;
    }

.aps-news-list-item .edit-content {
    top: 30px;
}

.aps-news-list-item .aps-content-disabled-icon {
    top: 30px;
}

.aps-news-feed-item .aps-content-disabled-icon {
    right: 43px;
}

.aps-selected-news-item {
    background-color: #D9E6EB;
}

.aps-news-feed-buttons {
    padding: 0px;
    position: absolute;
    right: 3px;
    top: 20px;
    color: #f4df42;
    -ms-text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    pointer-events: initial;
}

.aps-news-feed-hr {
    margin-top: -0px;
    width: 100%;
}

.aps-news-list-item-move-buttons {
    padding: 0px 3px;
}

.aps-news-list-sequence-edit-button {
    pointer-events: initial;
}

.aps-news-cardsort figcaption {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: none;
    position: absolute;
    bottom: 0;
    color: white;
}

.aps-news-cardsort-link {
    display: inline-block;
    border: 4px solid lightgrey;
    background: grey;
    border-radius: 10px;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: lightgrey;
    vertical-align: middle;
    padding: 2%;
    position: absolute;
    bottom: 5%;
    right: 4%;
}

.aps-news-cardsort-image-full-width {
    width: 100%;
}

.aps-news-cardsort-image-left {
    float: left;
}

.aps-news-cardsort-image-right {
    float: right;
}

/* end - news styles*/

/* Landing Cardsort */
figure.cardsort-landing {
    position: relative;
}

.cardsort-landing img {
    width: 100%;
}

.cardsort-landing figcaption {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: none;
    position: absolute;
    bottom: 0;
    color: white;
}

.cardsort-landing-link {
    display: inline-block;
    border: 4px solid lightgrey;
    background: grey;
    border-radius: 10px;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: lightgrey;
    vertical-align: middle;
    padding: 2%;
    position: absolute;
    bottom: 5%;
    right: 4%;
}

figcaption .cardsort-landing-link:hover {
    opacity: 0.6;
    text-decoration: none;
    color: lightgrey;
}

.cardsortBG-default {
    background-color: #999;
}

/* Sublanding Cardsort */
.cardsort-sublanding-container {
    overflow-y: hidden;
}

figure.cardsort-sublanding {
    display: block;
    width: 100%;
    min-height: 230px;
    overflow-y: hidden;
    padding-bottom: 140px;
}

.cardsort-sublanding h3, .cardsort-sublanding h2 {
    display: block;
    font-family: 'Bree Serif';
    margin-bottom: 40px;
    padding: 0 10px;
    margin: 10% auto 0 auto;
    text-align: center;
    color: white;
}

    .cardsort-sublanding h2:after {
        height: 40px;
    }

.cardsort-sublanding img {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -27px;
}

.cardsort-sublanding.cardsortBG-default {
    background: grey;
}

.aps-modal-popup {
    z-index: 10000 !important;
}

.aps-ngdialog-title {
    padding: 20px 20px 0px 20px;
}

.aps-ngdialog-body {
    padding: 10px 20px 0px 20px;
    overflow-y: scroll;
}

.aps-ngdialog-buttons {
    padding: 10px 40px 20px 0px;
}

.aps-platform-compensation-disclosure-scroll-div {
    overflow-x: auto
}

.aps-platform-compensation-disclosure-set-width-div {
    width: 1024px;
}

.aps-disclosure-grid {
    padding-bottom: 30px;
}

/* SCROLL TO TOP */
#aps-backToTop {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.limited-label {
    text-transform: capitalize;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-height: auto;
}

/* ESTIMATORS */

.aps-estimator-messages {
    margin: 20px 0;
}

div.aps-estimator-accept-terms-of-use {
    text-align: center;
}

div.aps-estimator-terms-of-use {
    margin-top: 15px;
}

div.aps-estimator-radio-buttons Label.Radio-label {
    font-size: 1em;
}

div.aps-estimator-radio-buttons md-radio-button {
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 5px;
}

div.aps-estimator-radio-buttons .md-radio-button-required-text {
    position: absolute;
    left: 15px;
    top: 35px;
}


.aps-estimator-slider-narrow {
    display: none;
}

button.aps-estimator-slider-button {
    min-width: 50px;
    max-width: 50px;
}

    button.aps-estimator-slider-button.right {
        float: right;
    }

div.aps-estimator-slider-labels-row {
    margin-top: 20px;
    display: flex;
}

div.aps-estimator-slider-label {
    text-align: center;
    font-weight: 600;
    color: #786f96;
}

div.aps-estimator-slider-label-min {
    text-align: left;
    font-weight: normal;
}

div.aps-estimator-slider-label-max {
    text-align: right !important; /* KEEP THIS */
    font-weight: normal;
}

.aps-estimator-calc-item {
    min-height: 100px;
    border-left: 1px solid #fff;
    text-align: center;
}

.aps-estimator-text-input {
    margin: 0 !important;
}

div.aps-estimator-calcs {
    border: solid 1px gray;
    margin: 20px 0px 20px 0px;
    padding: 10px;
}

div.aps-estimator-result-header {
    margin-top: 20px;
}

.aps-estimator-result-header-side {
    display: none;
}

.aps-estimator-result-header-col-1,
.aps-estimator-result-header-col-2 {
    text-align: right;
    vertical-align: bottom;
}

.aps-estimator-result-col-1,
.aps-estimator-result-col-2,
.aps-estimator-result-label {
    text-align: right;
    vertical-align: bottom;
}

.aps-estimator-retirement-options {
    margin-top: 10px;
}

.aps-estimator-buyback-result {
    margin-top: 20px;
    font-size: x-large;
}

.row.aps-estimator-button-row {
    margin: 25px 0;
}

.aps-estimator-previous-button {
    text-align: left;
}

.aps-estimator-calculate-button {
    text-align: right;
}

.aps-estimator-launch-button {
    margin-top: 10px;
}

.aps-estimation-type-label {
    margin-bottom: 10px;
}

.aps-estimator .aps-estimator-calc-item h4 {
    min-height: 36px;
}

.aps-estimation-type-description {
    font-style: italic;
    color: #000;
    font-size: .8em;
    background-color: #efefef;
    border-radius: 5px;
    margin: 0 20px;
    padding: 10px 20px;
    line-height: 1.3em;
}

.aps-estimator-calc-item:first-child,
.aps-estimator-calc-item:nth-child(5) {
    border-left: none;
}

.aps-estimator-calc-item md-input-container.md-block {
    display: inline-block;
}

.aps-estimator-calcs div {
    margin: 0;
}

    .aps-estimator-calcs div.aps-estimator-calc-item:nth-child(5),
    .aps-estimator-calcs div.aps-estimator-calc-item:nth-child(6),
    .aps-estimator-calcs div.aps-estimator-calc-item:nth-child(7),
    .aps-estimator-calcs div.aps-estimator-calc-item:nth-child(8) {
        margin-top: 20px;
    }

.aps-estimator-date {
    margin-top: 15px;
    margin-left: -65px;
}

    .aps-estimator-date .md-input {
        width: 120px !important;
    }

md-input-container.aps-estimator-datepicker {
    margin: 0;
}

.aps-estimator-datepicker .md-input {
    background: #efefef;
}

.aps-estimator-date md-input-container .md-errors-spacer {
    min-height: 1px;
}

div.aps-estimator-select-list .md-select-value {
    background: #efefef;
}

.aps-estimator-text-input {
    border: none;
    margin: 10px 0;
}

    .aps-estimator-text-input .md-input {
        background: #efefef;
        max-width: 120px;
    }

    .aps-estimator-text-input md-block .md-input {
        border-bottom: 1px solid #786f96;
        background: #efefef;
    }

        .aps-estimator-text-input md-block .md-input:invalid {
            border: none;
            margin-bottom: 7px;
        }

    .aps-estimator-text-input md-input-container {
        margin: 0;
    }

.aps-estimator-text-input-row md-input-container {
    margin: 0;
    padding: 0;
}

.aps-estimator-input-row .aps-estimator-content {
    margin: 15px 0;
}

.aps-estimator-option,
.aps-estimator-option .panel-body {
    border: none !important;
    box-shadow: none;
}

    .aps-estimator-option .panel-title {
        height: 20px;
    }

.aps-estimator-options-accordion .panel-group {
    margin-bottom: 0;
}

div.aps-service-to-purchase-content .content-title {
    font-weight: bold;
}

div.aps-label span {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.aps-estimator h1 {
    font-size: 45px;
    font-weight: 600;
    margin-top: 2px;
}

.aps-estimator h3 {
    font-weight: 600;
    margin: 15px 0 30px 0;
}

.aps-estimator h4 {
    font-weight: 600;
    opacity: .7;
}

.aps-estimator-content {
    font-size: 18px;
    line-height: 28px;
}

.aps-estimator-slider {
    margin-top: 13px;
}

.aps-estimator .ui-slider-horizontal .ui-slider-handle {
    top: -.45em;
}

.aps-estimator-radio-buttons {
    margin: 15px 0;
}

.aps-estimator .aps-estimator-header {
    margin: 20px 0px !important;
    padding: 20px 15px;
}

.aps-estimator-launch-button {
    margin: 18px 0;
}

.aps-estimator .readmore-button-default::after {
    font-family: fontawesome;
    content: "";
    margin-left: 10px;
}

.aps-estimator .readmore-button-default {
    margin-bottom: 20px;
    font-weight: 600;
    border-bottom: none !important;
}

.aps-estimator-result .aps-estimator-content {
    margin-bottom: 16px;
}

div.aps-estimator-select-list .md-select-value {
    min-width: auto;
}

button.aps-estimator-slider-button {
    min-width: auto;
}

button.aps-estimator-slider-button {
    min-width: 30px;
}

.aps-buyback-estimator .aps-loader-wrapper {
    top: 0;
}

.aps-verification-code {
    font-size: 28px;
    font-weight: bold;
}


/* DATA ISLANDS */

.aps-data-island {
    border: grey 1px solid;
    border-radius: 5px;
    padding: 5px;
    background-color: lightgoldenrodyellow;
}

    .aps-data-island .aps-data-island-loading {
        height: 140px;
    }

    .aps-data-island hr {
        height: 1px;
        margin: 4px 0 4px 0 !important;
    }

.aps-data-island-row.row {
    margin: 2px 0 2px 0 !important;
}

.aps-data-island-title {
    font-size: 150%;
    font-weight: 600;
    line-height: 150%;
}

.row .aps-data-island-address {
    margin-bottom: 10px;
}

.aps-data-island-heading {
    font-weight: 600;
    text-decoration: underline;
}

.aps-data-island-label {
    font-weight: 600;
}

.aps-data-island-bullet:before {
    content: "\2022";
    margin-right: 1em;
    padding-left: 1em;
}

.aps-data-island .aps-login-bubble {
    display: none;
}

.aps-data-island-login-text {
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.aps-data-island-data {
    opacity: 0.8;
}

.aps-data-island-data-missing {
    font-style: italic;
}

@media (max-width: 1079px) {
    .aps-pension-projection-panel {
        height: 720px;
        overflow-x: auto;
        overflow-y: auto;
    }
}

@media (min-width: 1080px) {
    .aps-pension-projection-panel {
        width: 1070px;
        height: 705px;
        margin-top: 10px;
    }
}
/* ==========================================================================
   common, look for a better way to do this
   ========================================================================== */
.aps-loading {
    color: #163f7d;
    margin-top: 10px;
}

.aps-loading-text {
    font-size: large;
}

.aps-chevron-container {
    height: 22px;
    width: 22px;
    float: left;
    margin: 2px 1px 0px 0px;
}

.fa-chevron-right {
    transform: rotate(0deg);
    transition: transform 0.35s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .fa-chevron-right.expanded {
        transform: rotate(90deg);
        transition: transform 0.35s linear;
    }

.mobile-label {
    font-size: 11px;
}

.aps-help-popover {
    max-width: 500px;
}

.aps-row-details:nth-child(even) {
    background-color: beige;
}

.aps-row-details:nth-child(odd) {
    background-color: white;
}

.aps-help-container {
    height: 22px;
    width: 22px;
    margin-left: auto;
    margin-right: 0px;
}

/* ==========================================================================
   aps-history-report
   ========================================================================== */

.aps-pension-payment-history-panel .fa-question-circle-o {
    cursor: pointer;
}

.aps-service-history-panel .fa-question-circle-o {
    cursor: pointer;
}

.aps-history-report-title {
    border-radius: 6px;
    font-size: 16px;
    background: #163f7d;
    color: white;
    width: 100%;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 20px 0;
}

.aps-history-report-none {
    margin: 10px;
}

.aps-history-report-header {
    background-color: lightgray;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.aps-history-report-totals-summary {
    background-color: #f4f4f4;
    font-weight: 600;
    margin-top: 5px;
    padding: 15px;
    margin-bottom: 5px;
    border-radius: 0 0 5px 5px;
}

.aps-history-report-subtotal {
    border-top: 2px double black
}

/* ==========================================================================
    aps-pension-payment-history
========================================================================== */
.aps-pension-payment-history-option-row.row {
    padding: 10px 0px 10px 0px;
}

.aps-history-report-header-dropdown-padding {
    padding-top: 4px;
}


.aps-pension-payment-history-payment-details {
    padding: 4px 0px 4px 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .aps-pension-payment-history-payment-details:nth-child(odd) {
        background-color: #f4f4f4;
    }

.aps-pension-payment-history-details-value {
    padding-right: 0px;
}

.aps-pension-payment-history-payment-details .mobile-value {
    text-align: right;
    padding: 0;
}

.aps-pension-payment-history-payment-details .mobile-label {
    text-align: left;
    padding: 0;
}

/* ==========================================================================
   aps-service-history
   ========================================================================== */

/*This is here to keep service history usable in SFPP, not necessary if the -15 margins on rows are addressed*/
.aps-service-history-panel > * .row {
    margin-left: 0px;
    margin-right: 0px;
}

.aps-service-history-employer-header-footer-row {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.aps-service-history-employer {
    background-color: lightgray;
}

.aps-service-history-employer-subtotals {
    background-color: whitesmoke;
}

.aps-service-history-details:nth-child(even) {
    background-color: beige;
}

.aps-service-history-details:nth-child(odd) {
    background-color: white;
}

/* ==========================================================================
   aps-plan-navigator
   ========================================================================== */

aps-plan-navigator .aps-plan-navigator-divs {
}

aps-plan-navigator .aps-plan-navigator-list {
    padding: 5px;
}

/* ==========================================================================
   aps-direct-deposit
   ========================================================================== */

aps-direct-deposit md-tabs-wrapper {
    display: none;
}

.aps-blank-cheque-graphic {
    max-width: 100%;
}

/* ==========================================================================
   aps-pension-projection
   ========================================================================== */

.aps-pension-projection-popup .fa-times {
    padding: 0;
}

.aps-pension-projection-iframe {
    margin: 0 0 -45px 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/* ==========================================================================
   ACCORDION - FORMS AND PUBLICATIONS - Justin
   ========================================================================== */

.accordion-content ul li {
    list-style: none;
    text-decoration: none;
}

.accordion-content {
    display: none;
}

.accordion-toggle {
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 20px 0;
}

.accordion-toggle-default {
    border-radius: 6px;
    font-size: 16px;
}

.accordion-toggle-glyph {
    float: right;
    margin-top: 5px;
}

.accordion-content {
    position: relative;
    padding: 5px;
}

    .accordion-content ul {
        list-style-type: none;
        -webkit-padding-start: 0;
    }

        .accordion-content ul li {
            margin: 8px auto;
            padding: 5px;
            width: 100%;
            clear: both;
        }

            .accordion-content ul li a:not('.accordion-edit-control span') {
                font-weight: bold;
                display: block;
                color: #163f7d;
                border-bottom: solid lightgrey 1px;
            }

.accordion-edit-control .edit-button i {
    color: #a94442;
}

.document-ref-edit-mode {
    display: none;
}

.document-ref-show-count {
    margin-left: 2px;
}

.document-ref-error {
    color: red;
    font-size: small;
}

.accordion-content ul li article, .accordion-content ul li p {
    padding-top: 10px;
    font-size: 16px;
}

.accordion-content ul li time {
    display: none;
    font-style: italic;
}

.accordion-content ul li:hover {
    border: solid lightgrey 1px;
    border-radius: 6px;
}

    .accordion-content ul li:hover a {
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none;
        border: none;
    }

.accordion-edit-control {
    float: right;
}

    .accordion-edit-control a {
        display: inline-block;
        margin-right: 4px;
        outline: none;
        border: none;
    }

.aps-tooltip-container {
    position: absolute;
    z-index: 9999;
    color: white;
    font-size: 1.1em;
    width: auto;
    left: 50%;
    top: 50%;
    margin-left: -9%;
    padding: 1%;
    border-radius: 5px;
    box-shadow: 0 0 7px black;
    border: 2px solid #6D94A3;
    background: #006286;
}

    .aps-tooltip-container::first-letter {
        text-transform: capitalize;
    }

/* ==========================================================================
   Dashboard
 ========================================================================== */

.aps-body-pension-profile {
    background-color: #EAEFF2;
}

.dashboard-summary-tab {
    margin: 0;
    background-color: #eaeff2;
    padding-bottom: 20px;
}

.dashboard-minor-link {
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.dashboard-service-history-help {
    margin-bottom: 0 !important;
}

.dashboard-service-history-help-cps {
    margin-top: -30px !important;
    margin-bottom: 0 !important;
}

.dashboard-label {
    font-weight: 600;
}

.member-verified {
    display: flex;
    align-items: center;
    margin: 0 !important;
}

    .member-verified i {
        margin-left: 5px;
    }

.dashboard-section-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
}

    .dashboard-section-title i {
        margin-left: 10px;
        font-size: larger;
    }

.dashboard-info-panel {
    background-color: #fff;
    padding: 25px 20px;
    border-radius: 3px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.dashboard-member-block {
    margin-bottom: 65px;
    background-color: #fff;
    padding: 25px;
    border-radius: 3px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.dashboard-member-intro .aps-content:first-child {
    position: absolute;
}

.aps-page-pension-profile .aps-feature-panel .row .dashboard-service-history {
    margin-bottom: 0;
}

.dashboard-member-name {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}

.dashboard-member-number,
.dashboard-member-username {
    font-weight: 600;
    color: #095b7e;
    margin: 0 !important;
}

.dashboard-memberships-status,
.dashboard-member-dob {
    margin-bottom: 15px;
}

.member-messaging-buttons {
    margin: 0 -15px;
}

.dashboard-notification-btn,
.dashboard-messaging-btn {
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 25px;
    color: #fff !important;
    background-color: #095b7e;
    transition: all .3s;
    text-decoration: none;
    display: flex;
    margin-top: 10px;
    justify-content: center;
}

    .dashboard-notification-btn:hover,
    .dashboard-messaging-btn:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.dashboard-notification-btn {
    margin-right: 5px;
}

.dashboard-view-notifications-link {
    border-radius: 30px;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
}

    .dashboard-view-notifications-link a {
        color: #fff !important;
        text-decoration: none;
    }

.dashboard-notification {
    width: 100%;
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid #eaeff2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.dashboard-total-service,
.dashboard-retirement-percentage {
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
}

    .dashboard-total-service .fraction {
        font-size: 16px;
    }

.dashboard-combined-service {
    margin-top: 10px;
    font-weight: 600;
}

.dashboard-total-service .dashboard-service-date,
.dashboard-retirement-percentage .dashboard-retirement-complete {
    font-size: 16px;
    color: rgba(0,0,0,0.87);
}

.dashboard-info-panel.dashboard-pension-tools {
    margin: 0;
    padding: 10px 20px;
}

.dashboard-retirement-application .dashboard-retirement-percentage,
.dashboard-retirement-application .dashboard-retirement-commencement-date,
.dashboard-pension-option .dashboard-entry,
.dashboard-retirement-dates .dashboard-entry,
.dashboard-service-history .dashboard-total-service {
    display: block;
    text-align: right;
}

span.dashboard-entry {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-retirement-step {
    font-size: 14px;
    font-weight: 600;
}

.dashboard-pension-title {
    font-size: 20px;
    color: rgba(0,0,0,0.87);
    font-weight: 600;
}

.pension-tool {
    font-weight: 600;
    margin: 10px 0;
}

.dashboard-tool-btns {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    color: #fff !important;
    margin: 10px 0;
    transition: all .3s;
    cursor: pointer;
}

    .dashboard-tool-btns:hover {
        opacity: 1 !important;
    }

    .dashboard-tool-btns a {
        color: #fff !important;
    }

        .dashboard-tool-btns:hover,
        .dashboard-tool-btns a:hover {
            color: #fff;
            opacity: .8;
            text-decoration: none;
            font-style: normal;
        }

.dashboard-info-panel .row {
    margin: 0 -15px 30px -15px;
}

.dashboard-gross-pension-amount {
    margin-bottom: 10px;
}

.dashboard-gross-srp-amount {
    margin-bottom: 10px;
}

.dashboard-contact-info,
.dashboard-pension-partner-info,
.dashboard-beneficiary-info {
    padding-bottom: 5px;
}

.dashboard-footer-block .dashboard-info-panel {
    padding: 10px 40px;
}


/* wizard stuff */
.aps-wizard-loader-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    right: 50%;
}

.aps-loader-message {
    color: #fff;
    font-size: 1.1em;
}

.aps-loader-outer {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    animation: spin 0.9s infinite linear;
    -moz-animation: spin 0.9s infinite linear;
    -webkit-animation: spin 0.9s infinite linear;
}

.aps-loader-inner {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -50px;
    animation: spinoff 0.9s infinite linear;
    -moz-animation: spinoff 0.9s infinite linear;
    -webkit-animation: spinoff 0.9s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

/* SITESEARCH360.COM Overrides */
#ss360-layer.ss360-overlay {
    max-width: 80% !important;
    left: calc(8%) !important;
}

#ss360Darken, #ss360Darken-input {
    cursor: default !important;
}

div.unibox-selectable {
    display: flex !important;
}

.unibox-selectable.unibox-show-all {
    margin: 10px;
}

    .unibox-selectable.unibox-show-all i {
        display: none;
    }

    .unibox-selectable.unibox-show-all span {
        padding: 10px;
        border-radius: 12px;
        cursor: pointer;
        background-color: transparent;
        border: 1px solid #e7e7e7;
        font-weight: bold;
    }

        .unibox-selectable.unibox-show-all span:hover {
            text-decoration: none;
        }

::-ms-clear {
    display: none;
}

/* ngDialog Overrides */

html.ngdialog-open,
body.ngdialog-open {
    overflow: hidden !important;
    height: auto !important;
}

/* MEDIA QUERIES */

@media (max-height: 768px) {
    .aps-sidebar {
        position: absolute;
        top: 0px;
        max-height: initial;
    }
}

@media screen and (max-width: 576px) {
    .aps-secure-message-sla-notice {
        max-width: 200px;
    }
}

@media (max-width: 768px) {
    .aps-estimator-date {
        margin-left: -20px;
    }

    .aps-estimator-result-header-top {
        display: none;
    }

    .aps-estimator-result-header-side {
        display: inline-block;
    }

    .aps-estimator-result-col-1,
    .aps-estimator-result-col-2 {
        text-align: left;
    }

    .aps-estimator-result-value {
        text-align: right;
    }

    .aps-estimator-buyback-result {
        text-align: left;
    }

    .aps-estimator-launch-button {
        margin-top: 0px;
    }

    div.aps-estimator-slider-wide {
        display: none;
    }

    div.aps-estimator-slider-narrow {
        display: inherit;
    }

        div.aps-estimator-slider-narrow button.aps-estimator-slider-button {
            margin-top: 15px;
        }
}

@media screen and (max-width: 900px) {
    .tooltip > .tooltip-inner {
        display: none !important;
    }
}

@media screen and (max-width: 959px) {
    .aps-login-panel, .md-dialog-container {
        margin-top: -10px;
    }

    md-dialog.md-dialog-fullscreen {
        min-height: inherit;
        min-width: inherit;
        border-radius: 5px;
    }
}

@media screen and (max-width: 991px) {
    .aps-member-beneficiary-dropdown {
        margin-top: 15px;
    }

    /* Mobile Dashboard Styles*/

    .dashboard-member-intro .aps-content:first-child {
        display: none;
    }

    .dashboard-member-block {
        padding: 25px 0 !important;
        margin-bottom: 30px;
    }

    .dashboard-member-info {
        width: 100%;
        margin-bottom: 20px;
    }

    .aps-secure-messages-popup {
        min-width: 100%;
    }

    .aps-secure-message-member-area {
        max-width: 100%;
    }

    .dashboard-retirement-application .dashboard-retirement-percentage,
    .dashboard-pension-option .dashboard-entry,
    .dashboard-service-history .dashboard-total-service {
        text-align: left;
    }
}

@media screen and (max-width: 1023px) {
    .large-media-link {
        display: none !important;
    }

    .small-media-link {
        display: block !important;
    }
}

@media screen and (max-width: 1200px) {
    .aps-login-text {
        display: none;
    }
}

/*IE 10+ styles only !!!!!!!!!!!!!!*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .aps-sidebar.right-sidebar:not(.on) {
        margin-right: 20px;
        z-index: 1;
    }

    .aps-login-panel md-tab-content > div {
        flex-basis: auto;
        flex: 1 1 auto;
        width: 100%;
    }
}