.badge.badge-notifications {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: auto;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%)
}

.dropdown-noti {
    position: absolute;
    z-index: 1000;
    display: none;
    width: 400px;
    padding: 0.3125rem 0;
    margin: 0;
    font-size: 0.9375rem;
    color: #697a8d;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 0.375rem;
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list {
    max-height: 30rem
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item {
    cursor: pointer;
    padding: 1rem
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions {
    text-align: center
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions>a {
    display: block
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span {
    color: #697a8d
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read {
    visibility: hidden
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span {
    background-color: #8592a3
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive {
    visibility: hidden
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive {
    visibility: visible
}


.user-profile-header-banner img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.user-profile-header {
    margin-top: -2rem
}

.user-profile-header .user-profile-img {
    border: 5px solid;
    width: 120px
}

.light-style .user-profile-header .user-profile-img {
    border-color: #fff
}

.dark-style .user-profile-header .user-profile-img {
    border-color: #2b2c40
}

.dataTables_wrapper .card-header .dataTables_filter label {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

@media(max-width:767.98px) {
    .user-profile-header-banner img {
        height: 150px
    }

    .user-profile-header .user-profile-img {
        width: 100px
    }
}

.btn-label-secondary {
    background: #ebeef0;
    border-color: transparent;
    color: #8592a3
}

.btn-label-secondary:hover {
    background: #788393 !important;
    border-color: transparent !important;
    box-shadow: 0 .125rem .25rem 0 rgba(133, 146, 163, .4) !important;
    color: #fff !important;
    -webkit-transform: translateY(-1px) !important;
    transform: translateY(-1px) !important
}

.btn-label-secondary.focus,
.btn-label-secondary:focus {
    background: #788393;
    box-shadow: none !important;
    color: #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn-label-secondary.active,
.btn-label-secondary.show.dropdown-toggle,
.btn-label-secondary:active,
.show>.btn-label-secondary.dropdown-toggle {
    background-color: #717c8b !important;
    border-color: transparent !important;
    color: #fff !important
}

.btn-label-secondary.active:focus,
.btn-label-secondary.show.dropdown-toggle:focus,
.btn-label-secondary:active:focus,
.show>.btn-label-secondary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-label-secondary.disabled,
.btn-label-secondary:disabled {
    background-color: #ebeef0 !important;
    border-color: transparent !important;
    color: #8592a3 !important
}