.trophy{
    border-radius: 100%;
    height: 56px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    display:inline-block
}
.trophy-xs{
    height:20px;
    width:20px;
    line-height:20px;

}

.crm-task-head{
    position:absolute;
    left:0;
    right:0;
}
.crm-task-container{
    padding-top:78px;
}
/* LABELS */
.label-support{
    background-color:#9732c1
}
.label-invoice{

}

.bg-rv-dk{

    background-color:#0567c3
}
.bg-rv-dk.lt{
    background-color:#0072dd;
}

.vh-50{
    height:50vh
}
.bg-inner{
    position:relative;
    padding:12% 8% 5% 5%;
}
.bg-title{
    height:8vh;
    position:absolute;
    top:1%;
    left:0;
    right:0
}

.bg-chart{
    height:42vh;
}

.crm-mail-inner{
    overflow:hidden
}
.crm-mail-inner blockquote{
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 2px solid #f1f3f4;
}
.crm-task-iframe{
    display:none;
    width: 100%;
    height: 100%;
    border: 0;
}
.crm-mail-inner img{
    max-width: 100%!important;
    height: auto!important;
}
.crm-attachments{
    margin-bottom:-15px;
}
.crm-attachment{
    display:inline-block;
    margin:0 15px 15px 0
}

.completed-task img {
    opacity: 0.2;
    filter: grayscale(1);
    max-height: 50px;
    transition: 0.5s ease;
    cursor: pointer;
}

.completed-task img:hover {
    opacity: 1;
    filter: grayscale(0);
    cursor: pointer;
}

.completed-task img.focus {
    opacity: 1;
    max-height: inherit;
    filter: grayscale(0);
}

.has-tooltip {
    cursor: pointer;
}

.tooltip {
    position: absolute;
    background-color: #1c2b36;
    color: #fff;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    max-width: 200px;
    transform: translateX(20px);
}

.tooltip.visible {
    opacity: 1;
}