.contact-email-round-btn{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #c72323;
    color: #fff;
    border-color: #c72323;
}
.contact-notes-round-btn{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #337ab7;
    color: #fff;
    border-color: #337ab7;
}
.contact-tasks-round-btn{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #537854;
    color: #fff;
    border-color: #537854;
}
.contact-add-round-btn{
    width: 50px;
    height: 50px;
    border-radius: 28px;
    background: #d59319;
    color: #fff;
    border-color: #d59319;

}
.contact-calendar-round-btn{
    width: 50px;
    height: 50px;
    border-radius: 28px;
    background: #0a6662;
    color: #fff;
    border-color: #0a6662;

}
.contact-sub-title{
    font-size:14px;
    font-weight: bold;
}
.contact-sub-label{
    color:#888;
}
.m-t-6{
    margin-top: 6px;
}
.contact-company-name{
    font-size:16px;
    font-weight: bold;
}
.contact-user-name{
    font-size: 18px;
    font-weight: 600;
}
.contact-user-position{
    font-size: 14px;
    color: #888;
}

.view-more{
    float: right;
    cursor: pointer;
}

.full-width{
    width: 100%;
}

.add-company-btn{
    padding-left: 0;
}

/deep/.add-company-btn .ui-button.ui-button-text-only .ui-button-text{
    text-align: center !important;
}

/deep/ .contactDetailsLbl .ui-inplace .ui-inplace-display{
    padding-left: 0;
}

.pointer-class{
    cursor: pointer;
}

.cancel-btn{
    background-color: #c00000 !important;
}

.edit-text-field{
    width: 94%;
}

.history-icon{
    position: relative;
    left: -26px;
    top: 2px;
    font-size: 21px;
    cursor: pointer;
}

.history-section{
    position: relative;
    top: -14px;
    padding: 8px;
    background: #f2f2f2;
    border: 1px solid #a6a6a6;
    z-index: 999;
}