.sol-shim {
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.sol-incoming-call, .sol-outcoming-call .call-screen {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.sol-incoming-call .incoming-call, .sol-outcoming-call .call-screen .call-block  {
    position: absolute;
    z-index: 101;
    color: white;
    border: 1px solid rgba(255,255,255,0.7);
    background: #6b6e88;
    padding: 15px;
    border-radius: 10px;
    top: 100px;
    width: 300px;
    left: 50%;
    margin-left: -150px;
}
.sol-incoming-call .incoming-call .header, .sol-outcoming-call .header {
    text-align: center;
    font-size: 26px;
    margin-bottom: 15px;
}
.sol-incoming-call .incoming-call .header {
    font-size: 24px;
}
.sol-incoming-call .incoming-call .user {
    margin-bottom: 15px;
    font-size: 22px;
    text-align: center;
}
.sol-outcoming-call .status {
    margin-top: 10px;
}
.sol-incoming-call.active  .incoming-call .header {
    animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
}
.sol-incoming-call .alert, .sol-outcoming-call .alert {
    margin-top: 10px;
}
.sol-outcoming-call .call-icon {
    color: green;
}
@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-3deg);
    }
    20%, 40% {
        transform: rotate(3deg);
    }
}