.sol-shim {
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.sol-conference .sol-shim {
    background: rgba(0,0,0,0.7);
}
.sol-conference {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.sol-conference-screen {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.sol-conference .controls {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 102;
}
.sol-conference .controls .buttons {
    margin-right: 30px;
}
.sol-conference .local-stream {
    max-width: 100px;
    max-height: 70px;
}
.sol-conference .local-stream video {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}
.sol-conference .local-stream img {
    max-width: 100px;
    max-height: 70px;
}
.sol-conference .streams {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: 100%;
}
.sol-conference .streams > div, .sol-conference .streams > div .media-element-container {
    height: 100%;
}
.sol-conference .streams video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sol-conference .streams .audio-poster {
    text-align: center;
}
.sol-conference .streams .audio-poster img {
    max-width: 100%;
}
.sol-conference .alert {
    position: absolute;
}
.sol-conference .screensaver {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sol-conference .screensaver .default {
    font-size: 34px;
    color: white;
    text-align: center;
}