.mainContentHolder .leadsHolder{

}
.mainContentHolder .leadsHolder .lead{
	position: relative;
    clear: both;
    font-size: 16px;
    border-bottom: 3px solid #d8d8d8;
    line-height: 50px;
    overflow: auto;
    padding: 10px;
}
.mainContentHolder .leadsHolder .lead .leadInfo{
	    font-size: 10px;
    height: 16px;
    margin-bottom: 1px;
    width: 285px;
    line-height: 16px;
}
.mainContentHolder .leadsHolder .lead .name{
	    font-size: 20px;
    height: 40px;
    line-height: 40px;
}
.mainContentHolder .leadsHolder .lead .status{
	color: #6bddff;
    font-size: 16px;
}

.mainContentHolder .emailInfoHolder{
	    float: left;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    width: 310px;
    margin-top: 25px;
}
.mainContentHolder .leadsHolder .lead .totalEmailsHolder{
	width: 100%;
    clear: both;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #d8d8d8;
}
.mainContentHolder .leadsHolder .lead .emailCount{
	    width: 60px;
    height: 30px;
    margin: auto;
}
.leadsHolder .lead .emailCount .icon{
	color: #6cdcff;
}
.leadsHolder .lead .emailCount .value{
	color: #6cdcff;
    margin-left: 5px;
    width: 21px;
    display: inline-block;
    text-align: center;
}
.leadsHolder .lead .name{
	margin-right: 20px;
    width: 200px;
    font-size: 15px;
}
.leadsHolder .lead .receivedHolder, .leadsHolder .lead .sentHolder{
	height: 30px;
    line-height: 20px;
    clear:both;
    border-bottom: 1px solid #d8d8d8;
    padding: 0px 20px;
}
.leadsHolder .lead .receivedCount, .leadsHolder .lead .sentCount{
	margin-right:20px;
    width: 106px;
}
.leadsHolder .lead .lastReceived, .leadsHolder .lead .lastSent{
	margin-right:20px;
	width:120px;
}
.leadsHolder .lead .receivedCount .lbl, .leadsHolder .lead .sentCount .lbl{
	font-size:13px;
	width: 60px;
    display: inline-block;
}
.leadsHolder .lead .lastSent .lbl, .leadsHolder .lead .lastReceived .lbl{
	    font-size: 13px;
    width: 39px;
    display: inline-block;
}
.leadsHolder .lead .sentCount .value, .leadsHolder .lead .receivedCount .value{
	    width: 25px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #6cdaff;
    border-radius: 30px;
    margin-left: 4px;
    font-size: 14px;
}
.leadsHolder .lead .lastReceived .value, .leadsHolder .lead .lastSent .value{
    color: #6cdbff;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: left;
    width: 80px;
    border-radius: 4px;
    font-size: 13px;
}
.leadsHolder .lead .historyHolder{
	    border: 2px solid #fff;
    height: 60px;
    clear: both;
    position: absolute;
    right: 10px;
    overflow: auto;
    border-radius: 10px;
    top: 50px;
    background: #6cdbff;
    color: #fff;
    cursor:pointer;
}
.leadsHolder .lead .historyHolder:hover{
	border: 2px solid #4ec7ec;
}
.leadsHolder .lead .historyIconHolder{
	    border-right: 2px solid #fff;
    width: 40px;
    height: 55px;
    text-align: center;
}
.leadsHolder .lead .historyIconHolder.hide{
	display:none;
}
.leadsHolder .lead .historyIconHolder .icon{
	display: block;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    border-bottom: 1px solid #8ae3ff;
}
.leadsHolder .lead .historyIconHolder .count{
	height: 20px;
    line-height: 20px;
}

/* -------------- Tracked Events Popup --------------- */
.popupHolder .popupContent .trackedEventsHeaderHolder{
	background: #fff;
    min-height: 76px;
    /*width: 110%;*/
    /*margin: -30px -30px 0px;*/
    border-bottom: 3px solid #565656;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .addTrackedEventBtn{
	font-size: 54px;
    position: absolute;
    top: 11px;
    left: 19px;
    cursor:pointer;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .historyIconsHolder{
	margin: 0px auto 0px;
    width: 360px;
    height:50px;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder{
	position:relative;
	float:left;
	margin-right:16px;
	opacity:0.2;
	cursor:pointer;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.selected{
	opacity:1;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconCount{
	    position: absolute;
    background: #fff;
    border: 1px solid #ffc91e;
    border-radius: 19px;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #ffc91e;
    top: -8px;
    left: 32px;
    line-height: 28px;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .icon{
	background: #00f;
    font-size: 30px;
    color: #fff;
    border-radius: 40px;
    padding: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
}




.popupHolder .popupContent .trackedEventsHolder{
	overflow:auto;
	height:510px;
}

.popupHolder .popupContent .trackedEvent{
	    clear: both;
    border-bottom: 1px solid #dadada;
    overflow: auto;
    padding: 20px 0px 20px;
    position: relative;
}
.popupHolder .popupContent .trackedEvent.hide{
	display:none;
}

.popupHolder .popupContent .trackedEvent .topBox{
	height:49px;
}
.popupHolder .popupContent .trackedEvent .leftBox{
	float: left;
    width: 92px;
}
.popupHolder .popupContent .trackedEvent .rightBox{
	    float: left;
    width: 560px;
}
.popupHolder .popupContent .trackedEvent .iconHolder{
	width:60px;
	margin-bottom:5px;
}
.popupHolder .popupContent .trackedEvent .iconHolder .icon{
	background: #d2d2d2;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    border-radius: 20px;
    margin: auto;
    display: block;
}

/* --- ICON COLORING ---- */
.popupHolder .popupContent .trackedEvent .iconHolder .icon.fa-clock-o, .popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.timeEntries .icon{
	background: #ff8484;
}
.popupHolder .popupContent .trackedEvent .iconHolder .icon.fa-pencil, .popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.notes .icon{
	background:#ed78ff;
}
.popupHolder .popupContent .trackedEvent .iconHolder .icon.fa-envelope, .popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.emails .icon{
	background:#00cbff;
}
.popupHolder .popupContent .trackedEvent .iconHolder .icon.fa-phone, .popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.calls .icon{
	background:#ffc91d;
}
.popupHolder .popupContent .trackedEvent .iconHolder .icon.fa-wrench, .popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.updates .icon{
	background:#4ee864;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.timeEntries .iconCount{
	color:#ff8484;
	border:1px solid #ff8484;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.notes .iconCount{
	color:#ed78ff;
	border:1px solid #ed78ff;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.emails .iconCount{
	color:#00cbff;
	border:1px solid #00cbff;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.calls .iconCount{
	color:#ffc91d;
	border:1px solid #ffc91d;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .iconHolder.updates .iconCount{
	color:#4ee864;
	border:1px solid #4ee864;
}



.popupHolder .popupContent .trackedEventsHeaderHolder .addTrackedEventArea{
	clear: both;
    margin-top: 20px;
    padding-top:0px;
    overflow: hidden;
    height: 0px;
    transition: height 300ms ease-in, padding-top 300ms ease-in;
    border-radius: 5px;
    background: #f3f3f3;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .addTrackedEventArea.show{
	padding-top:37px;
	height:480px;
	transition:height 300ms ease-in, padding-top 300ms ease-in;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .typeSelectorHolder{
	width: 524px;
    margin: auto;
    height: 70px;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .typeSelector{
	    border: 1px solid #c1c1c1;
    border-radius: 4px;
    line-height: 31px;
    margin-right: 20px;
    overflow: hidden;
    background:#fff;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .typeSelectorHolder .selectorTitle{
	line-height: 32px;
    margin-right: 10px;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .typeSelector .selectorBtn{
	float: left;
    text-align: center;
    width: 56px;
    cursor:pointer;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .typeSelector .selectorBtn.selected{
	background: #c1c1c1;
    color: #fff;
}
.popupHolder .trackedEventsHeaderHolder .typeSelectorHolder .dateHolder{

}
.popupHolder .trackedEventsHeaderHolder .typeSelectorHolder .dateInput{
	width:265px;
	height:34px;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .contentArea{
	    border: 1px solid #808080;
    height: 200px;
    width: 690px;
    margin: auto;
    border-radius: 5px;
    overflow:auto;
}
.popupHolder .popupContent .trackedEventsHeaderHolder .contentArea textarea{
	width: 100%;
    height: 100%;
    border: none;
    padding: 15px;
}
.popupHolder .popupContent .addTrackedEventArea .submitBtnHolder{
	margin: 30px auto 0px;
    width: 210px;
}
.popupHolder .popupContent .addTrackedEventArea .submitBtnHolder .trackedEventBtn{
	float: left;
    line-height: 50px;
    background: #e6e6e6;
    width: 95px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 19px;
    cursor:pointer;
}
.popupHolder .popupContent .addTrackedEventArea .submitBtnHolder .submitBtn{
	background:#01cbff;
	margin-right:20px;
}






.popupHolder .popupContent .trackedEvent .dateHolder{
	width: 60px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
}
.popupHolder .popupContent .trackedEvent .typeHolder{
	    width: 60px;
    line-height: 15px;
}
.popupHolder .popupContent .trackedEvent .typeHolder .type{
	text-align: center;
    font-size: 12px;
}
.popupHolder .popupContent .trackedEvent .userHolder{
	width: 120px;
    line-height: 15px;
    font-size: 12px;
}
.popupHolder .popupContent .trackedEvent .addToProjectBtnHolder{
	position: absolute;
    right: 10px;
    top: 26px;

}
.popupHolder .popupContent .trackedEvent .addToProjectBtn{
	color: #adadad;
    text-align: center;
    line-height: 26px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #adadad;
    padding: 2px 12px;
    font-size: 12px;
    min-width:100px;
}

.popupHolder .popupContent .trackedEvent .middleBox{
	clear:both;
}
.popupHolder .popupContent .trackedEvent .subjectHolder{
	margin-bottom:8px;
}
.popupHolder .popupContent .trackedEvent .subject{
	color:#00cbff;
}
.popupHolder .popupContent .trackedEvent .bottomBox{

}







/* -------------- Popup -------------- */
.popupHolder .popupContent .emailsHolder{

}
.popupContent .emailsHolder .email{
	border-bottom: 1px solid #dedede;
    padding: 14px;
    position:relative;
}
.popupContent .email .topBox{
	height:40px;
	clear:both;
}
.popupContent .emailsHolder .email .subject{
	    color: #1dade8;
    margin-bottom: 7px;
    margin-left: 20px;
    line-height: 27px;
}
.popupContent .emailsHolder .email .date{
	font-size: 12px;
    left: 14px;
    color: #30b2ea;
    top: 17px;
    line-height: 28px;
}
.popupContent .emailsHolder .email .type{
	    background: #3ca9d8;
    color: #fff;
    padding: 4px;
    margin-right: 11px;
    width: 72px;
    text-align: center;
}


.emailPopup{
	position: fixed;
    top: 10%;
    left: 0px;
    width: 80%;
    z-index: 10;
    background: #fff;
    border: 2px solid #000;
    margin-left: 10%;
    padding: 30px;
    height: 80%;
    overflow: auto;
}
.emailPopup .closeBtn{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    color: #a9a9a9;
}