@media only screen and (min-width: 768px) {
    .profile {
        margin-left: -2rem !important;
        margin-right: -1rem !important;
    }
}


.profile-header {
    position: relative;
    overflow: hidden
}

    .profile-header .profile-header-cover {
        /*background-image: url(https://via.placeholder.com/600x100/);*/
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

        .profile-header .profile-header-cover:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(147,176,0, .75) 100%)
        }

    .profile-header .profile-header-content {
        color: #000;

        padding: 25px;
    }

.profile-header-content h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-header-content p {
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-header-img {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin: 0 0 -20px;
    padding: 3px;
    border-radius: 4px;
    background: #fff
}

    .profile-header-img img {
        max-width: 100%
    }

.content-header-img-new {
    float: left;
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: relative;
    margin: 0 0 -20px;
    padding: 3px;
    border-radius: 100%;
}

    .content-header-img-new img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.profile-header-info h4 {
    font-weight: 500;
}

.profile-header-img + .profile-header-info {
    margin-left: 140px
}

.profile-header .profile-header-content,
.profile-header-tab {
    position: relative
}

.tooltip-items-permissions {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    width: 8px;
    margin-right: 10px;
    margin-bottom: 4px;
}

.icons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/*.e-tab .e-tab-header {
    background: #FFFFFF !important;
}
    .e-tab .e-tab-header:not(.e-vertical)::before {
        border-width: 0px 0 0px;
    }

    .e-tab .e-tab-header .e-toolbar-item.e-active {*/
        /*background: #d1f4d1;*/
    /*}

.e-tab .e-content {
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 1rem;*/
    /*background: #d1f6d1 !important;*/
/*}*/

.text-ellipsis,
.text-nowrap {
    white-space: nowrap !important
}


.profile-content {
    padding: 25px;
    border-radius: 4px
}

    .profile-content:after,
    .profile-content:before {
        content: '';
        display: table;
        clear: both
    }

    .profile-content .tab-content,
    .profile-content .tab-pane {
        background: 0 0
    }

.profile-left {
    width: 200px;
    float: left
}

.profile-right {
    margin-left: 240px;
    padding-right: 20px
}

.profile-image {
    height: 175px;
    line-height: 175px;
    text-align: center;
    font-size: 72px;
    margin-bottom: 10px;
    border: 2px solid #E2E7EB;
    overflow: hidden;
    border-radius: 4px
}

    .profile-image img {
        display: block;
        max-width: 100%
    }

.profile-highlight {
    padding: 12px 15px;
    background: #FEFDE1;
    border-radius: 4px
}

    .profile-highlight h4 {
        margin: 0 0 7px;
        font-size: 12px;
        font-weight: 700
    }