.usr-info-avatar {
  background-color: #19333e;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  height: 35px;
  width: 35px;
}
.user-role-info {
  height: 33px;
  border-radius: 17.5px;
  padding: 0 25px;
  margin-right: 25px;
  cursor: pointer;
  font-size: 14px;
}
.showRole{
  background-color: #FFFFFF;
  color: black;
}
.hideRole{
  background-color: #00C0F0;
  color: #FFFFFF;
}
.show-role-details{
    position: absolute;
    left: 0;
    z-index: 1010;
    width: 100%;
    background: rgba(240, 248, 255, 0.8019607843137254);
}
.close-icon>a>img{
    width: 40px;
    position: relative;
    float: right;
    margin-top: 41px;
    margin-right: 30px;

}
.fill-remaining-space {
  flex: 1 1 auto;
}
.arrow-icon{
  font-size: 9px;
  left: 2px;
  top: 0;
}
mat-toolbar {
  background: #00CCFF;
  opacity: 100%;
  color: #FFFFFF;
  font-weight: normal;
}

.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;
}
