.usr-info-avatar {
    background-color: #9B9B9B;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    height: 35px;
    width: 35px;
}

.fill-remaining-space {
    flex: 1 1 auto;
}

.close-icon>a>img{
    width: 40px;
    position: relative;
    float: right;
    margin-top: 41px;
    margin-right: 30px;

}

mat-toolbar {
    background: #003561;
    opacity: 100%;
    color: #FFFFFF;
    font-weight: normal;
}
.show-role-details{
    position: absolute;
    left: 0;
    z-index: 1010;
    width: 100%;
    background: rgba(240, 248, 255, 0.8019607843137254);
}
.back {
    color: #FFFFFF;
    margin-top: 10px;
    margin-right: 6px;
}

.back-disabled {
    margin-top: 10px;
    margin-right: 6px;
    pointer-events: none;
    cursor: default;
}

::ng-deep mat-grid-tile.mat-grid-tile .mat-figure {
    display: table-cell;
}

:root {
    text-align: left;
}