/* HTML: <div class="loader"></div> */
.voip-loader-recorder {
    width: calc(140px / cos(45deg));
    height: 8px;
    --c: #2168b2 0 15px, #0000 0 20px;
    background: repeating-linear-gradient(45deg, var(--c)) left top, repeating-linear-gradient(135deg, var(--c)) left bottom;
    background-size: 200% 50%;
    background-repeat: no-repeat;
    animation: voipLoaderRecorder 2s infinite linear;
    animation-direction: reverse;
}


@keyframes voipLoaderRecorder {
    100% {background-position:top right,bottom right}
}

.context-voip-note-icon {
    background-image: url(../icons/bluedark/note.png) !important;
    background-size: 16px;
}
.context-voip-event-icon {
    background-image: url(../icons/bluedark/new-event.png) !important;
    background-size: 16px;
}
.context-voip-calendar-icon {
    background-image: url(../icons/bluedark/calendario_aggiungi.png) !important;
    background-size: 16px;
}