@keyframes gradient-border-bottom {
    0% {
        border-image-slice: 1;
        border-image-source: linear-gradient(90deg, #28a745, #00c6ff, #0575e6, #00f260, #28a745);
    }

    50% {
        border-image-source: linear-gradient(90deg, #00c6ff, #0575e6, #00f260, #28a745, #00c6ff);
    }

    100% {
        border-image-source: linear-gradient(90deg, #28a745, #00c6ff, #0575e6, #00f260, #28a745);
    }
}

.border-gradient {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, #28a745, #00c6ff, #0575e6, #00f260, #28a745);
    animation: gradient-border-bottom 2s infinite;
}

.Notification-Message {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Notification-Title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Notification-Title_2 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Notification-Img {
    height: 45px;
    width: 45px;
    margin-Right: 15px;
    vertical-Align: middle;
    object-Fit: cover;
    border-radius: 50px;
    border: 1px solid #00800059;
}

.notification-header .list-group-item {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.notification-header .seen {
    background: White;
}

.notification-header .not-seen {
    background: #bee5eb87;
}

.notification-header .list-group-item-action:hover {
    background: #28a7453b !important;
}

.notification-header .notification-list {
    padding-right: 0px !important;
}

.notification-header .notification-time {
    color: #000000ba !important;
    font-size: 11px;
}

.notification-header .Notification-Message {
    color: #000000d9;
    font-weight: 400 !important;
    text-align: inherit;
}

.notification-popup-img {
    margin-bottom: 5px;
    height: 55px;
    width: 55px;
    margin-right: 15px;
    vertical-align: middle;
    object-fit: cover;
}
.Title-header-notication{
    background: #f8f9fa;
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 1px solid #b6c7c6;
    font-weight: bold;
    margin-top: 15px;
    color: #000000bd;
}
.bd-l-green {
    border-left: 1px solid #28a74538;
}

.bd-t-green {
    border-top: 1px solid #28a74538;
}
.pd-l-30{
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.clor-black {
    color: #000000de !important;
}
.clor-green{
    color: #008000c4;
}

.pd-0-20-fix {
    padding: 0px 20px !important
}

.p-l-20 {
    padding-left: 20px !important;
}

.h-65 {
    height: 65px;
}

.fz-12 {
    font-size: 12px
}