.direct-voice-chat{
    background-color: var(--c-boxes);
    color: var(--c-text);
    padding: 1em;
    display: flex;
    flex-direction: column;
}
.direct-voice-chat .title-bar{
    font-size: 2em;
}
.direct-voice-chat .info{
    padding: 1em;
    display: flex;
    flex-direction: column;
}
.direct-voice-chat .connection{
    display: flex;
    flex-direction: row;
    padding: 1em;
}
.direct-voice-chat .connection input{
    padding: 0.5em;
    width: -webkit-fill-available;
}
.direct-voice-chat .connection button{
    border: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 1.5em;
    margin: 0 0.5em;
}
.direct-voice-chat .incoming-call-container{
    padding: 1em;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.incoming-call-container #direct-accept-call-btn{
    color: white;
    background-color: green;
    clip-path: circle(50% at 50% 50%);
    padding: 1em;
}
.incoming-call-container #direct-deny-call-btn{
    color: white;
    background-color: rgb(148, 0, 0);
    clip-path: circle(50% at 50% 50%);
    padding: 1em;
}



.direct-voice-chat .window .window-body:first-child{
    margin-top: 1em;
    
}

@media only screen and (max-width: 990px) {
    
}