app-root .mat-toolbar, app-root .window-header {
    background-color: rgba(0, 0, 51, 0.85);
}

    app-root .window-header .company-logo {
        background-image: url(../imgs/companyLogo.svg);
        background-size: cover;
        height: 24px;
        width: 120px;
    }

    .greeting, app-root .mat-toolbar, app-root .window-header, active-panel .active-footer {
        color: white;
    }

.window-body {
    background-color: rgba(0, 0, 51, 0.75) !important;
}

.mat-raised-button.mat-primary, survey-panel .department-icon, .mat-step-header .mat-step-icon-selected {
    background-color: #2196f3;
}

conversation-list .start-chat-btn .start-avatar {
    background-image: url(../imgs/avatar.png);
    background-size: cover;
    height: 30px;
    width: 30px;
    border-radius: 15px;
}

request-panel .cancel-btn .request-avatar {
    background-image: url(../imgs/avatar.png);
    background-size: cover;
    height: 30px;
    width: 30px;
    border-radius: 15px;
}

conversation-list .see-all.mat-stroked-button {
    color: #00cc99;
    background-color: white;
    border-color: #00cc99;
}

active-panel .segment.participant, active-panel .segment.system {
    background-color: #e0e0e0;
    color: black;
}

active-panel .segment.me {
    background-color: #3f51b5;
    color: white;
}

survey .survey-item-label {
    white-space: normal;     overflow: nowrap;     overflow: hidden;     white-space: nowrap;     text-overflow: ellipsis; 
}

.company-logo img {
display: none;
}

.company-logo {
background-image:url(https://www.hccs.edu/media/hcc-redesign/style-assets/images/img/hcc-logo-white-and-sunshine.png)!important;
height: 50px;
    width: 150px;
    background-size: contain;
    background-repeat: no-repeat;
}