body {
    color: #333333;
    font-family: 'Roboto', sans-serif;
}

.brandBg {
    background-color: #009090;
    color: #fff;
}
/* ====== Background Overlay ====== */
.bgOverlay {
    background: #009090;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/* ====== Background Image ====== */
.bgImage {
    background-color: grey;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    opacity: 1;
}
/* ============= Dashborad>Current Applications>Default Length, used in show more/less schenarios================ */
.currentAppsArea {
    height: 670px;
    overflow-y: scroll;
}

.applicationRow {
    padding-top: 8px;
}
    /* .zebraSrtipe:nth-of-type(odd) {
    background: #e0e0e0;
} Suggest removing - TG 3/6/16 */

    .applicationRow.ng-leave {
        transition: all linear 0.6s;
    }

        .applicationRow.ng-leave.ng-leave-active {
            opacity: 0;
            max-height: 0;
        }

    .applicationRow.ng-leave {
        opacity: 1;
        max-height: 100px;
    }

.synOnlinePortal.container.outer {
    display: table;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
}

.row.middle {
    display: table-cell;
    vertical-align: middle;
    width: 1200px;
}


/* =========== maybe quickLinks css is no longer in use. needs checking.  ===================*/