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

.usr-info-avatar img {
    border-radius: 50%;
}

.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: #00CCFF;
    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;
}

::ng-deep .cuppa-menu ul {
    text-align: left;
}

::ng-deep .cuppa-menu ul>li>a {
    border-bottom: 0px solid #ccc;
}

::ng-deep .hamburger-inner,
::ng-deep .hamburger-inner::before,
::ng-deep .hamburger-inner::after {
    width: 25px !important;
    height: 2px !important;
}

::ng-deep .menu-container {
    font-size: 15px;
    font-weight: bold;
}

::ng-deep .menu-container ul.sub-menu {
    font-size: 14px;
    font-weight: normal;
}

::ng-deep .cuppa-menu ul>li>a:hover {
    background: #00ccff !important;
}

.cuppa-menu[_ngcontent-c4] ul[_ngcontent-c4]>li[_ngcontent-c4]>a[_ngcontent-c4]>i[_ngcontent-c4] {
    margin-top: 5px;
}

.modal-content {
    min-width: 800px;
    width: 100%;
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
     ::ng-deep .cuppa-menu ul>li>a>i {
        margin-top: -27px !important;
    }
}