.activityTable{width:100%; padding:2px}

.activityContainer{
	width:100%; clear: both; text-align:center;
}

.activityBox{
	width:98%;
	min-height:55px; 
	background:#F8F8F8;
	margin:15px auto;
	border-top-left-radius:0.5em;
	border-bottom-left-radius:0.5em;
	height: auto;
}


.activityIcon{text-align:left; width:5%;}

.activityIcon img{width:40px; margin:2px 0 0 2px;}

.activityDate{width:30%; text-align:right; color:#797979; font-size:12px; vertical-align:text-top}

.activityText{text-align:left; font-size:14px; color:#444; width:50%; padding-left:10px; vertical-align:text-top}

.callMissed{border-left:6px solid #D37F7F}

.incomingActivities{border-left:6px solid #739BD1}
.outGoingActivities{border-left:6px solid #69BD45}

.appOpen{border-left:6px solid #6FCCD7}
.warningActivity{border-left:6px solid #F9A630}
.otherActivities{border-left:6px solid #D1CF7F}

.rightBtnActivity{background:#739BD1; width:100px}
.rightBtnActivity img{float:right; margin-top:6px}
.rightBtnActivity:active{background:#739BD1}

.filterActivity{position:absolute; width:150px; height:auto; background:#343434; right:0; top:70px; color:#979797; display:none; z-index:999}
.filterActivity div{padding: 8px; font-size: 12px; text-align:right; cursor:pointer}
.filterActivity div:hover{background:#1E1E1E; color:#5EA718}
.filterActivity img{float:left; width:18px; margin:0}



@media (max-width: 382px){
	.rightBtnActivity{width:auto}
}

@media (max-width: 350px) {
 .activityText{font-size:10px;}
 .activityDate{font-size:8px}
 .activityIcon img{width:30px}
}

@media (max-width:312px){
	.filterActivity{
		top: 100px;
	}
}