/** * Call window */ #callsTarget { position: fixed; width: 100%; height: 100%; top: 0px; visibility: hidden; z-index: 1000; } .call-window { width: 300px; min-width: 300px; min-height: 174px; position: absolute; top: 100px; right: 10px; z-index: 100; border: 1px black solid; display: flex; flex-direction: column; background-color: #000000b3; visibility: visible; } .call-window .head { color: white; padding: 5px; margin-left: 5px; margin-right: 5px; } .call-window .head .fa-phone { margin-right: 5px; vertical-align: middle; } .call-window .head a { color: inherit; } .call-window .members-area { color: white; font-size: 80%; text-align: center; display: flex; flex-direction: row; justify-content: center; } .call-window .members-area span { margin: 0px 5px; } .call-window .members-area span.ready { color: rgb(1, 218, 1); } .call-window .videos-area { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 100%; } .call-window .videos-area video { flex-shrink: 1; flex: 1; max-height: 100%; }