.recentactivity
{
	background:#fff;
	min-height:370px;
	position:relative;
}
/*
.recentactivity>p:nth-child(1)
{   padding: 0px 0px 0px 10px;
    font-size: 18px;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
}
.recentactivity>ul>li:nth-child(1):before {
    background: #673AB7;
    bottom: auto;
    content: "\f002";
    height: 15px;
    left: -24px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 15px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: -webkit-center;
    vertical-align: sub;
    font-size: inherit;
    color: #fff;
}
.recentactivity>ul>li:nth-child(1):after {
  
    position: absolute;
    top: 17px;
}
.recentactivity>ul>li:after
{
	 border-left: 2px solid #e3e3e3;
    bottom: 0;
    content: "";
	left: -17px;
	position:absolute;
}

.recentactivity>ul>li:nth-child(2):before {
    background:green;
    bottom: auto;
    content: "\f00c";
    height: 15px;
    left: -24px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 15px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: -webkit-center;
    vertical-align: sub;
    font-size: inherit;
    color: #fff;
}
.recentactivity>ul>li:nth-child(2):after {
  
    
   
    top:0px;
}
.recentactivity>ul>li:nth-child(3):before {
    background:#7fc4ff;
    bottom: auto;
    content: "\f003";
    height: 15px;
    left: -24px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 15px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: -webkit-center;
    vertical-align: sub;
    font-size:x-small;
    color: #fff;
}
.recentactivity>ul>li:nth-child(3):after {
   
  
    top:0px;
}
.recentactivity>ul>li:nth-child(4):before {
    background:orange;
    bottom: auto;
    content: "\f192";
    height: 15px;
    left: -24px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 15px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: -webkit-center;
    vertical-align: sub;
    font-size:inherit;
    color: #fff;
}
.recentactivity>ul>li:nth-child(4):after {
  
    top:0px;
	bottom: 22px;
}

.recentactivity>ul>li>span>span:nth-child(1)
{
color:#ccc;
display:inline-block;
margin-right:10px;

}
.recentactivity>ul>li>span>span:nth-child(2)
{
color:#999;
display:inline-block;
margin-right:5px;

}
.recentactivity>ul>li>span>span:nth-child(3)
{
color:#2196F3;
display:inline-block;


}*/

.recentactivity>span
{
	display:block;
	padding-left:10px;
	position: absolute;
    bottom: 11px;
}
.recentactivity>ul>li
{
	display:block;
	position:relative;
}
@media (min-width: 1920px)
{
.recentactivity 
{
	
    min-height: 478px;
}
}
@media (min-width: 1240px)
{
.recentactivity 
{
	
    min-height:393px;
}
}
@media (min-width: 1440px)
{
.recentactivity 
{
	
    min-height:478px;
}
}
.recentactivity-header
{
	padding: 0px 0px 0px 10px;
    font-size: 18px;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
	color:#5f6a72;
}
.viewed:before {
    background: #94348c;
    bottom: auto;
    content: "\f002";
    height: 25px;
    left: -29px;
    margin-top: 8px;
    position: absolute;
    right: auto;
    width: 25px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome,sans-serif;
    text-align: -webkit-center;
    text-align: center !important;
    vertical-align: sub;
    font-size: inherit;
    color: #fff;
    line-height: 25px;
}
.viewed:after
{
	border-left: 2px solid #e3e3e3 !important;
    bottom:0 !important;
    content: "" !important;
    left: -17px !important;
    position:absolute !important;
    top: 17px !important;
}
.consented-for-delivery:before {
    background: #3fae29;
    bottom: auto;
    content: "\f00c";
    height: 25px;
    left: -29px;
    margin-top: 10px;
    position: absolute;
    right: auto;
    width: 25px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome,sans-serif;
    text-align: -webkit-center;
    text-align: center !important;
    vertical-align:;
    font-size: inherit;
    color: #fff;
    background-attachment: fixed;
    background-position: center;
    /* top: 50%; */
    line-height: 25px;
}
.consented-for-delivery:after
{
	border-left: 2px solid #e3e3e3;
    bottom: 0;
    content: "";
    left: -17px;
    position: absolute;
	top: 0px;
	
}
.mailed:before {
    background: #0093c9;
    bottom: auto;
    content: "\f003";
    height: 25px;
    left: -29px;
    margin-top: 8px;
    position: absolute;
    right: auto;
    width: 25px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 15px/1 FontAwesome,sans-serif;
    text-align: -webkit-center;
    text-align: center !important;
    vertical-align: sub;
    /* font-size: x-small; */
    color: #fff;
    line-height: 25px;
}
.mailed:after
{
	
	border-left: 2px solid #e3e3e3;
    bottom: 0;
    content: "";
    left: -17px;
    position: absolute;
	top: 0px;
}
.requestcorrection:before {
    background: #ff661b;
    bottom: auto;
    content: "\f192";
    height: 25px;
    left: -29px;
    margin-top: 9px;
    position: absolute;
    right: auto;
    width: 25px;
    z-index: 1;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome,sans-serif;
    text-align: -webkit-center;
    text-align: center !important;
    vertical-align: sub;
    font-size: inherit;
    color: #fff;
    line-height: 25px;
}
.requestcorrection:after
{
	border-left: 2px solid #e3e3e3;
    bottom: 0;
    content: "";
    left: -17px;
    position: absolute;
	top: 0px;
    bottom: 40px;
	
	
	
}
.recentactivity-description1
{
	color: #ccc;
    display: inline-block;
    margin-right: 10px;
}
.recentactivity-description2
{
	color: #999;
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 30%;
    padding-top: 5px;
}
.recentactivity-description3
{
	color: #0093c9;
    display: inline-block;
	
}
