.notification-top {
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

.notification-bottom{
     line-height: 30px;
    font-weight: bold;
    text-align: center;
}   

.close-notification{
	position:absolute;
    color: #fff;
    height: 32px;
    right: 0;
    top: 0;
    width: 32px;
    font-size: 1.4em;
	text-align:center;
}

label.close-notification:hover {
    cursor: pointer;
    color: white;
}
.notification-list .lab {
	float: left;
	text-align: left;
	width: 100%;
	padding: 10px;
	font-weight: bold;
}
.notification-list  .notification-content {
	padding: 10px;
	float: left;
	width: 100%;
}
.notification-list .lab-item {
	width: 15%;
	float: left;
}   

.notification-content-item {
	float: left;
	width: 15%;
	text-align: left;
}
.notification-list .lab-item.title,.notification-content-item.title {width:40%;}
.notification-list .detail {
	width: 100%;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	line-height: 30px;
	margin-bottom: 20px;
}
.notification-list {
text-align: center;
}
.notification-content-item a:hover {
	cursor: pointer;
}
.notification-list .lab-now {
	background: green;
}
.notification-list .lab-comming {
	background: orange;
}
.notification-list .lab-now,.notification-list .lab-comming  {
	font-size: 15px;
	line-height: 20px;
	display: inline-block;
	padding: 3px 5px;
	color: white;
	border-radius:5px;
}
#bnt-notification-details{text-decoration:underline;}
@media (max-width:360px){
	/* .notification-content-item.starttime{display:none;} */
}
@media (max-width:448px){
	.lab-item.endtime,.notification-content-item.endtime{display:none;}
	.notification-list .lab-item,.notification-content-item{width:20%;}
	.notification-list .lab-item.title ,.notification-content-item.title{width:40%;}
}
@media (max-width:768px){
	
	
}