.date-wise-notication { margin-bottom: 20px; background: #fff; padding: 10px 10px; min-height: 292px; }
.notification-body .notification-list .notification-name { 
	color: #000000; 
	padding: 20px 40px 10px 20px; 
	display: block; 
}
.notification-body .notification-list .notification-actions {
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
}
.notification_created_at {
    padding: 0px 0px 10px 20px;
    font-size: 12px;
    color: #707070;
}
.notification_read { background: #ffffff; }
.notification_unread { background: #eeeeee; }
.notification-body .notification-list {
    position: relative;
    border-bottom: 2px solid #cccccc;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.notification-list a { width: 100%; display: block; }
.notification-list:hover { background: #ffffff; }
.notification-body .notification-list .notification-actions span{cursor:pointer;}
.notification-body .notification_unread .change_status{background-color: #295f04;}
.notification-body .notification_read .change_status{background-color: grey;}
.notification_status { 
    border-radius: 50%;
    height: 12px;
    width: 12px;
    display: inline-block;
}
.mark_all_read_div a { color: #337ab7; font-size: 16px; font-weight: 700; }
/*.notification-list:hover{cursor: pointer;}*/
.notification_other_links{float:left;}
.advance-filter-btn{float:left;}

.notification_main_wrapper{float:left;width:70%;padding: 0px 20px 0px 0px;}

.notification-body .notification-court-title{font-style:italic;font-size: 12px;}

.notification-body { margin-top: 20px; }
.notification_list_heading { 
	color: #263959; 
	font-size: 16px; 
	font-weight: 600; 
	line-height: 24px; 
	margin-bottom: 15px; 
}


/*Notification Main Wraper New CSS*/

/*.notification_main_wrapper .right a, */
.notification_filter_button, 
.notification_reset_button {
    background: #263959 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px;
    line-height: normal;
}
.notification_filter_button {
    margin-right: 5px;
}

/*Notification Sidebar CSS*/
.notification_sidebar_wrapper{ 
	width: 30%;
    float: right;
    padding: 30px;
    background: #ffffff;
    height: 100%;
    position: relative;
    top: 88px;
}

.notification_filter { border-bottom: 2px solid #E4E4E4; }
.notification_filter h2 { margin-bottom: 5px; }
.filter-parameters input.notification_filter_text_search { height: 45px; }


.filter-buttons { padding: 10px 0px 15px; }

.notification_type { padding: 10px 0px 0px; }
.notification_type h2 { font-size: 19px; margin-bottom: 10px; }
.notification_type a {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}
.notification_type a:before {
    background: rgba(0, 0, 0, 0) url(/themes/app/images/side-bar-faq-arrow.png) no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    left: 0;
    position: absolute;
    top: 3px;
}



/*News Page CSS Start*/
.news_wrapper .news_main .section-2 ul { padding: 0; }
.news_wrapper .news_main .section-2 ul li {
	list-style: none;
    background: #ffffff;
    padding: 10px 20px;
    margin: 10px 0px;
}
.news_wrapper .news_main .section-2 ul li p a { font-weight: 600; }
.news_wrapper .news_main .section-2 .news-title h3 { font-size: 15px; font-weight: 600; margin: 0; }
.news_wrapper .news_main .section-2 .news-posted_on { font-style: italic; }
.news_wrapper .news_main .section-2 .news-description p { padding: 0px 0px; margin: 0; }
.news_wrapper .news_main .section-2 .news-description p:nth-child(2) { display: none; }
.news_wrapper .news_main .section-2 .news-description { padding: 10px 0px; }
/*News Page CSS End*/



@media only screen and (max-width:1023px) {
	.notification_main_wrapper { width: 100%; float: none; padding: 25px 0px 0px 0px; }
	.notification_sidebar_wrapper { width: 100%; float: none; height: 100%; position: relative; top: 0; }
	.notification-body .notification-list .notification-name { padding: 20px 40px 10px 20px; }
}

@media only screen and (max-width:767px) {
	.notification-body .notification-list .notification-name { 
		width: auto; 
		float: none; 
		padding: 10px 30px 10px 10px; 
	}
	.notification-body .notification-list .notification-actions { right: 10px; }
	.notification_created_at { padding: 0px 0px 10px 10px }
}