app-root .mat-toolbar, app-root .window-header {
    background-color: rgba(29, 49, 115, 1);
}

    app-root .window-header .company-logo {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1NzhweCIgaGVpZ2h0PSIxMzBweCIgdmlld0JveD0iMCAwIDU3OCAxMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU3OCAxMzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ0LjQsMzYuMXY1OGgtMTAuMWwwLDBWNjcuOGgtMjYuNnYyNi4zSDk3LjZ2LTU4aDEwLjF2MjMuMmgyNi42VjM2LjFsMCwwSDE0NC40eiBNODcuNCw5NC40TDg3LjQsOTQuNA0KCQkJSDc3LjN2LTU4aDEwLjFWOTQuNHogTTY3LjMsOTQuNEw2Ny4zLDk0LjRINTYuNUwyOS45LDUxLjZoLTAuM3Y0Mi44aC05LjhsMCwwdi01OGwwLDBoMTAuOGwwLDBsMjYuNiw0Mi44aDAuM1YzNi40aDkuOFY5NC40eg0KCQkJIE0xODAuMyw2NUwxNDQuNCwwSDExLjhDNS4xLDAtMC4xLDUuNC0wLjEsMTEuOXYxMDZjMCw2LjcsNS40LDExLjksMTEuOSwxMS45aDEzMi4zTDE4MC4zLDY1eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUzLjUsMTMwbDM2LjEtNjVMMTUzLjcsMGg5YzQuOSwwLDEwLjgsMy42LDEzLjIsNy43TDIwNy40LDY1bC0zMS43LDU3LjNjLTIuMyw0LjQtOC4zLDcuNy0xMy40LDcuN0gxNTMuNXoNCgkJCSIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzNC4yLDI3LjFoMTMuN2wzMy41LDU0LjJoMC4zVjI3LjFoMTIuNHY3My44aC0xMy43bC0zMy41LTU0LjJoLTAuM3Y1NC4yaC0xMi40TDIzNC4yLDI3LjFMMjM0LjIsMjcuMXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwOS4zLDI3LjFoMTIuOXY3My44aC0xMi45VjI3LjF6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMzcuOSwyNy4xaDMwLjdjNS43LDAsMTAuNiwxLDE0LjcsMi44YzQuMSwxLjgsNy41LDQuNiwxMC4xLDhzNC42LDcuMiw1LjksMTEuNmMxLjMsNC40LDEuOCw5LjMsMS44LDE0LjQNCgkJCXMtMC41LDkuOC0xLjgsMTQuNGMtMS4zLDQuNC0zLjEsOC4zLTUuOSwxMS42Yy0yLjYsMy40LTUuOSw1LjktMTAuMSw4Yy00LjEsMS44LTksMi44LTE0LjcsMi44aC0zMC40VjI2LjlMMzM3LjksMjcuMUwzMzcuOSwyNy4xDQoJCQl6IE0zNTAuOCw5MC4zaDEyLjZjNC45LDAsOS0wLjgsMTIuNC0yLjFjMy4xLTEuMyw1LjctMy4xLDcuNS01LjdjMS44LTIuMywzLjEtNS4yLDMuNi04LjNjMC44LTMuMSwxLTYuNywxLTEwLjNzLTAuMy03LjItMS0xMC4zDQoJCQljLTAuNy0zLjEtMS44LTUuOS0zLjYtOC4zYy0xLjgtMi40LTQuNC00LjEtNy41LTUuN2MtMy4xLTEuMy03LjItMi4xLTEyLjQtMi4xaC0xMi42VjkwLjN6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MTIuNCwyNy4xaDMwLjRjNS43LDAsMTAuNiwxLDE0LjcsMi44czcuNSw0LjYsMTAuMSw4czQuNiw3LjIsNS45LDExLjZzMS44LDkuMywxLjgsMTQuNHMtMC41LDkuOC0xLjgsMTQuNA0KCQkJYy0xLjMsNC40LTMuMSw4LjMtNS45LDExLjZjLTIuNiwzLjQtNS45LDUuOS0xMC4xLDhjLTQuMSwxLjgtOSwyLjgtMTQuNywyLjhoLTMwLjRWMjcuMXogTTQyNS4zLDkwLjNINDM4YzQuOSwwLDktMC44LDEyLjQtMi4xDQoJCQljMy4xLTEuMyw1LjctMy4xLDcuNS01LjdjMS44LTIuMywzLjEtNS4yLDMuNi04LjNjMC44LTMuMSwxLTYuNywxLTEwLjNzLTAuMy03LjItMS0xMC4zcy0xLjgtNS45LTMuNi04LjMNCgkJCWMtMS44LTIuMy00LjQtNC4xLTcuNS01LjdjLTMuMS0xLjMtNy4yLTIuMS0xMi40LTIuMWgtMTIuNnY1Mi44SDQyNS4zeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDg3LDI3LjFoMTIuOXYzMy41bDMyLjgtMzMuNWgxNmwtMjkuNCwyOS40bDMxLjUsNDQuNGgtMTZsLTI0LjItMzUuMUw1MDAsNzYuMXYyNC44aC0xM1YyNy4xTDQ4NywyNy4xeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); /* url(../imgs/companyLogo.svg); */
        background-size: cover;
        height: 33px; /*24px;*/
        width: 140px; /*120px;*/
    }

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

.window-body {
    background-color: rgba(29, 49, 115, 0.9) !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: #3D51B7; /*#3f51b5;*/
    color: white;
}

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

.mat-vertical-stepper-header {
    height: auto;
}

.mat-step-icon-content {
    display: none;
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: rgb(93, 131, 57);
}

/*.mat-toolbar button:nth-of-type(2) {
    display: none;
}*/

/*.mat-button[disabled], .mat-icon-button[disabled], .mat-stroked-button[disabled], .mat-flat-button[disabled] {
    cursor: default;
    visibility: hidden;
}*/

.mat-button.mat-accent[disabled], .mat-button.mat-primary[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled]
{
    cursor: default;
    visibility: hidden;
}

snack-bar-container
{
    background-color: #fff !important;
    margin-top: 40px !important;
    color: #333 !important;
    font-size: 2em !important;
}

snack-bar-container *
{
    font-size: 16px !important;
}

.mat-checkbox-layout {
    white-space: normal;
}

textarea.mat-input-element {

padding:0px;
margin:0px;

}