.header-notifications-headline {
    padding: 15px;   
    line-height: 12px;
}
.header-notifications-headline h4 {
    font-weight: bold;
}
.header-notifications-scroll{
    min-height: 50vh;
} 
.notice .simplebar-content {
    margin-right: -15px;
}
.header-notifications-content ul li {
    padding: 15px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.header-notifications-content .notification-text {
    padding-left: 10px;
    padding-right: 0px;
    line-height: 18px;
    font-size: 12px;
}
.notification-text strong, .header-notifications-content .notification-text strong,
.notification-text p, .header-notifications-content .notification-text pattern {   
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 270px;
}

.header-notifications-content ul li .notification-text-detail a {
    padding: 0;
    display: unset;
    color: #6D01BE;
}
.notifications-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 12px;
    padding-right: 15px;
}
.notification-time {
    display: inline-block;
    color: #888;
}
.notifications-action button {
    height: 20px;
    width: 20px;
    line-height: 0;
   position: initial;  
   margin-left: 5px;
   border-radius:4px ; 
   opacity: 1;
   padding: 0;
}
.notifications-action button:hover {
    background-color: #6D01BE;
    color: #fff;
} 
.notifications-action button.button-static {
    cursor: default;
}
.notifications-action button.button-static:hover {
    background-color: transparent;
    color: inherit;
}
a.header-notifications-button {   
    padding: 15px;
    font-size: 13px;
    line-height: 13px;
}


/*message*/

.header-notifications-content ul li a , .message .header-notifications-content ul li > a, .notification-text-detail a {
    padding: 0px;
}
.message .header-notifications-content .notification-msg-text {   
    line-height: 13px;
    font-size: 13px;    
    font-weight: normal;
}
.message .header-notifications-content .notification-text {   
    line-height: 15px;
    font-size: 12px;
}



/*dashboard-box */

.dashboard-box.notice-box .sort-by .bootstrap-select .dropdown-menu {
    min-width: 120px !important;
}

.dashboard-box.notice-box  .headline, ul.dashboard-box-list > li {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-box.notice-box  ul li.notifications-not-read {
    background: #faf4ff;
}

.dashboard-box.notice-box  .notification-text p {
    font-size: 13px;
    font-weight: normal;
    text-overflow: unset;
    white-space: unset;
    overflow: auto;
    width: auto;
}
.dashboard-box.notice-box  ul.dashboard-box-list > li .notification-text {
    padding-left: 20px;
}
.dashboard-box.notice-box .notifications-action {
    padding-right: 0;
}
.dashboard-box.notice-box .notifications-action button {
    width: 25px;
    height: 25px;
    font-size: 15px;
    margin-left: 5px;
    border-radius: 4px;
    opacity: 1;
    transition: all ease-in-out 0.3s;
}
.dashboard-box.notice-box .notifications-action button.button-static {
    cursor: default;
}
.dashboard-box.notice-box .notifications-action button.button-static:hover {
    background-color: transparent;
    color: inherit;
}

.dialog .dashboard-box.notice-box {
    max-height: 440px;
    overflow-y: scroll;
}

.dialog .dashboard-box.notice-box ul li.notifications-not-read {
    background: #fff;
}
.dialog .dashboard-box.notice-box .notifications-action button {
    opacity: 1;
}
.dialog .dashboard-box.notice-box::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .dialog .dashboard-box.notice-box::-webkit-scrollbar-track {   
   background-color: transparent;  
  }
    
  .dialog .dashboard-box.notice-box::-webkit-scrollbar-thumb {
    background-color: #B6B6B6;   
    border-radius: 3px;    
}

@media (max-width: 768px){
    .dashboard-box.notice-box .headline .sort-by .bootstrap-select .dropdown-menu {
        left: -55px;
    }
}

@media (max-width: 480px){

    ul.dashboard-box-list > li {
        align-items: start;
    }
    .dashboard-box .headline, ul.dashboard-box-list > li {
        padding: 15px;
    }
    ul.dashboard-box-list > li .notification-text {
        padding-left: 15px;
    }
    .dashboard-box .notifications-action button {
        margin: 0;
    }

}

.noti-match-outcome-wrap {
    margin-top: 8px;
}
.record .record-box p.system,
.noti-match-outcome {
    font-size: 12px;
    line-height: 1.5;
    color: #848484;
    font-weight: normal;
    border-radius: 0;
    background: transparent;
    max-width: 100%;
    border-left: 3px solid #bdbdbd;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}
.record .record-box p.system {
    margin: 8px 0 0;
}
.noti-match-outcome {
    display: inline-block;
    vertical-align: top;
}