.call-animation {
    position: relative;
    margin: 0 auto;
    border-radius: 100%;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}

@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 1px rgb(191, 231, 156);
    }
    25% {
        box-shadow: 0 0 0 2px rgb(130, 210, 102), 0 0 0 3px rgb(46, 153, 37);
    }
    25% {
        box-shadow: 0 0 0 3px rgb(115, 206, 88), 0 0 0 4px rgb(23, 156, 62);
    }

}
.shake-phone {
    -webkit-animation: RING-ANIMATION 2s infinite;
    -webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes RING-ANIMATION{
    0% {}
    50% {
        -webkit-transform:rotate(4deg);
        -moz-transform:rotate(4deg);
        -o-transform:rotate(4deg);
        transform: rotate(4deg);
    }
    100% {
        -webkit-transform:rotate(-4deg);
        -moz-transform:rotate(-4deg);
        -o-transform:rotate(-4deg);
        transform: rotate(-4deg);

    }
}

.selected-meeting{
    background-color: hsla(239, 92.1%, 21%, 0.2) !important;
    border: solid 2px green;
}