#group_handling_buttons_section{
    margin-left:25px;
    padding-bottom: 10px;
    border:0px solid lightgray;
    border-bottom-width: 1px;
    margin-bottom:35px;
    margin-top:25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
#group_handling_buttons_section button{
    border: 1px solid lightgray;
    border-radius: 5px;
    padding:5px 15px;
    background-color: white;
    cursor: pointer;
    font-size: 12px;
    margin-right:10px
}
#group_handling_buttons_section button:hover {
    background-color: lightgray;
}

#no_data, .no_data {
    width:100%;
    font-size: 13px;
    margin: 50px auto 100px auto;
    text-align: center;
    
}

.notification_content_section_wrapper {
    box-sizing: border-box;
    width:98%;
    max-width: 900px;
    margin-bottom:5px;
    opacity: 0;
    border-radius: 7px;
}
.notification_content_section {
    box-sizing: border-box;
    padding:10px;
    border:1px solid lightgray;
    border-radius: 5px;
}
.notification_content_section a{
    color:rgb(0, 140, 230);
    font-weight: bold;
    text-decoration: none;
}
.already_read {
    background-color: rgb(245, 245, 245) !important;
    padding-top:10px
}
.notification_type {
    font-weight: bold;
    margin-bottom: 15px;
    font-size:16px;
}
.notification_content {
    width:95%;
    max-width: 600px;
    font-size:13px;
    line-height: 1.6em;
    white-space: wrap;
}
.notification_content p{
    line-height: 1.6em;
    display: inline-block;
}

.notification_time {
    box-sizing: border-box;
    text-align: right;
    font-size: 12px;
}
.further_actions {
    margin-top:5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.view_post_details {
    display: block;
    color:rgb(0, 140, 230);
    text-decoration: none;
    font-size:14px;
    margin-top:10px
}

.delete_notification_bt {
    display: inline-block;
    color:brown;
    font-size:12px;
    cursor: pointer;
    background-color: transparent;
    border-width:0
}
.delete_notification_bt:hover , .view_post_details:hover{
    text-decoration: underline;
}
.notification_content_section_wrapper hr {
    border:1px solid lightgray;
    margin-top:15px;
}
.sender_details {
    margin-top:0;
    font-size:14px;
}
.sender_country {
    color:dimgray
}
.notification_number_section{
    display: flex;
    flex-direction: row;
    justify-content: end;
    justify-content: flex-end;
}
.notification_number {
    display: inline-block;
    box-sizing: border-box;
    width:30px !important;
    height:30px !important;
    text-align: center;
    font-size:12px;
    border:1px solid lightgray;
    border-radius: 50%;
    padding-top:8px;
    margin-right:7px;
    
}

.single_notification_title_section {
    font-weight:bold;
    margin-bottom:10px;
    
}
.single_notification_title_section p,.single_notification_title_section div{
    display: inline-block !important;
}
.relevant_links_section_title {
    color:dimgray;
    margin-bottom: 5px;
}
.relavant_link {
    font-size: 12px;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.relavant_link a{
    font-weight: normal;
}
@keyframes notification_fadein_animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media only screen and (max-width:1202px){


}

@media only screen and (max-width:802px){

    
}

@media only screen and (max-width:602px){
    
    .notification_content {
        min-width:250px;
        white-space: wrap;
    }
  
}

@media only screen and (max-width:402px){



}