auto acp scripted

android/sdk/src/main/res/values/strings.xml

@@ -1,6 +0,0 @@
-<resources>
-    <string name="app_name">Jitsi Meet SDK</string>
-    <string name="dropbox_app_key"></string>
-    <string name="ongoing_notification_title">Ongoing meeting</string>
-    <string name="ongoing_notification_text">You are currently in a meeting. Tap to return to it.</string>
-</resources>

android/sdk/src/test/java/org/jitsi/meet/sdk/net/NAT64AddrInfoTest.java

@@ -1,150 +0,0 @@
-/*
- * Copyright @ 2017-present Atlassian Pty Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.jitsi.meet.sdk.net;
-
-import org.junit.Test;
-
-import java.math.BigInteger;
-import java.net.UnknownHostException;
-
-import static org.junit.Assert.*;
-
-/**
- * Tests for {@link NAT64AddrInfo} class.
- */
-public class NAT64AddrInfoTest {
-    /**
-     * Test case for the 96 prefix length.
-     */
-    @Test
-    public void test96Prefix() {
-        testPrefixSuffix(
-                "260777000000000400000000", "", "203.0.113.1", "23.17.23.3");
-    }
-
-    /**
-     * Test case for the 64 prefix length.
-     */
-    @Test
-    public void test64Prefix() {
-        String prefix = "1FF2A227B3AAF3D2";
-        String suffix = "BB87C8";
-
-        testPrefixSuffix(prefix, suffix, "48.46.87.34", "23.87.145.4");
-    }
-
-    /**
-     * Test case for the 56 prefix length.
-     */
-    @Test
-    public void test56Prefix() {
-        String prefix = "1FF2A227B3AAF3";
-        String suffix = "A2BB87C8";
-
-        testPrefixSuffix(prefix, suffix, "34.72.234.255", "1.235.3.65");
-    }
-
-    /**
-     * Test case for the 48 prefix length.
-     */
-    @Test
-    public void test48Prefix() {
-        String prefix = "1FF2A227B3AA";
-        String suffix = "72A2BB87C8";
-
-        testPrefixSuffix(prefix, suffix, "97.54.3.23", "77.49.0.33");
-    }
-
-    /**
-     * Test case for the 40 prefix length.
-     */
-    @Test
-    public void test40Prefix() {
-        String prefix = "1FF2A227B3";
-        String suffix = "D972A2BB87C8";
-
-        testPrefixSuffix(prefix, suffix, "10.23.56.121", "97.65.32.21");
-    }
-
-    /**
-     * Test case for the 32 prefix length.
-     */
-    @Test
-    public void test32Prefix()
-        throws UnknownHostException {
-        String prefix = "1FF2A227";
-        String suffix = "20D972A2BB87C8";
-
-        testPrefixSuffix(prefix, suffix, "162.63.65.189", "135.222.84.206");
-    }
-
-    private static String buildIPv6Addr(
-            String prefix, String suffix, String ipv4Hex) {
-        String ipv6Str = prefix + ipv4Hex + suffix;
-
-        if (suffix.length() > 0) {
-            ipv6Str = new StringBuilder(ipv6Str).insert(16, "00").toString();
-        }
-
-        return ipv6Str;
-    }
-
-    private void testPrefixSuffix(
-            String prefix, String suffix, String ipv4, String otherIPv4) {
-        byte[] ipv4Bytes = NAT64AddrInfo.ipv4AddressStringToBytes(ipv4);
-        String ipv4String = NAT64AddrInfo.bytesToHexString(ipv4Bytes);
-        String ipv6Str = buildIPv6Addr(prefix, suffix, ipv4String);
-
-        BigInteger ipv6Address = new BigInteger(ipv6Str, 16);
-
-        NAT64AddrInfo nat64AddrInfo
-            = NAT64AddrInfo.figureOutNAT64AddrInfo(
-                    ipv4Bytes, ipv6Address.toByteArray());
-
-        assertNotNull("Failed to figure out NAT64 info", nat64AddrInfo);
-
-        String newIPv6 = nat64AddrInfo.getIPv6Address(ipv4);
-
-        assertEquals(
-                NAT64AddrInfo.hexStringToIPv6String(ipv6Address.toString(16)),
-                newIPv6);
-
-        byte[] ipv4Addr2 = NAT64AddrInfo.ipv4AddressStringToBytes(otherIPv4);
-        String ipv4Addr2Hex = NAT64AddrInfo.bytesToHexString(ipv4Addr2);
-
-        newIPv6 = nat64AddrInfo.getIPv6Address(otherIPv4);
-
-        assertEquals(
-                NAT64AddrInfo.hexStringToIPv6String(
-                        buildIPv6Addr(prefix, suffix, ipv4Addr2Hex)),
-                newIPv6);
-    }
-
-    @Test
-    public void testInvalidIPv4Format() {
-        testInvalidIPv4Format("256.1.2.3");
-        testInvalidIPv4Format("FE80:CD00:0000:0CDA:1357:0000:212F:749C");
-    }
-
-    private void testInvalidIPv4Format(String ipv4Str) {
-        try {
-            NAT64AddrInfo.ipv4AddressStringToBytes(ipv4Str);
-            fail("Did not throw IllegalArgumentException");
-        } catch (IllegalArgumentException exc) {
-            /* OK */
-        }
-    }
-}

android/settings.gradle

@@ -1,27 +0,0 @@
-rootProject.name = 'jitsi-meet'
-
-include ':app', ':sdk'
-include ':react-native-background-timer'
-project(':react-native-background-timer').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-background-timer/android')
-include ':react-native-calendar-events'
-project(':react-native-calendar-events').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-calendar-events/android')
-include ':react-native-community-async-storage'
-project(':react-native-community-async-storage').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/async-storage/android')
-include ':react-native-community_netinfo'
-project(':react-native-community_netinfo').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/netinfo/android')
-include ':react-native-google-signin'
-project(':react-native-google-signin').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/google-signin/android')
-include ':react-native-immersive'
-project(':react-native-immersive').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-immersive/android')
-include ':react-native-keep-awake'
-project(':react-native-keep-awake').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-keep-awake/android')
-include ':react-native-linear-gradient'
-project(':react-native-linear-gradient').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-linear-gradient/android')
-include ':react-native-sound'
-project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')
-include ':react-native-svg'
-project(':react-native-svg').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-svg/android')
-include ':react-native-webrtc'
-project(':react-native-webrtc').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webrtc/android')
-include ':react-native-webview'
-project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')

connection_optimization/.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-    'extends': '../react/.eslintrc.js'
-};

connection_optimization/do_external_connect.js

@@ -1,86 +0,0 @@
-/* global config, createConnectionExternally */
-
-import getRoomName from '../react/features/base/config/getRoomName';
-import parseURLParams from '../react/features/base/config/parseURLParams';
-
-/**
- * Implements external connect using createConnectionExternally function defined
- * in external_connect.js for Jitsi Meet. Parses the room name and JSON Web
- * Token (JWT) from the URL and executes createConnectionExternally.
- *
- * NOTE: If you are using lib-jitsi-meet without Jitsi Meet, you should use this
- * file as reference only because the implementation is Jitsi Meet-specific.
- *
- * NOTE: For optimal results this file should be included right after
- * external_connect.js.
- */
-
-if (typeof createConnectionExternally === 'function') {
-    // URL params have higher priority than config params.
-    // Do not use external connect if websocket is enabled.
-    let url
-        = parseURLParams(window.location, true, 'hash')[
-                'config.externalConnectUrl']
-            || config.websocket ? undefined : config.externalConnectUrl;
-    const isRecorder
-        = parseURLParams(window.location, true, 'hash')['config.iAmRecorder'];
-
-    let roomName;
-
-    if (url && (roomName = getRoomName()) && !isRecorder) {
-        url += `?room=${roomName}`;
-
-        const token = parseURLParams(window.location, true, 'search').jwt;
-
-        if (token) {
-            url += `&token=${token}`;
-        }
-
-        createConnectionExternally(
-            url,
-            connectionInfo => {
-                // Sets that global variable to be used later by connect method
-                // in connection.js.
-                window.XMPPAttachInfo = {
-                    status: 'success',
-                    data: connectionInfo
-                };
-                checkForConnectHandlerAndConnect();
-            },
-            errorCallback);
-    } else {
-        errorCallback();
-    }
-} else {
-    errorCallback();
-}
-
-/**
- * Check if connect from connection.js was executed and executes the handler
- * that is going to finish the connect work.
- *
- * @returns {void}
- */
-function checkForConnectHandlerAndConnect() {
-    window.APP
-        && window.APP.connect.status === 'ready'
-        && window.APP.connect.handler();
-}
-
-/**
- * Implements a callback to be invoked if anything goes wrong.
- *
- * @param {Error} error - The specifics of what went wrong.
- * @returns {void}
- */
-function errorCallback(error) {
-    // The value of error is undefined if external connect is disabled.
-    error && console.warn(error);
-
-    // Sets that global variable to be used later by connect method in
-    // connection.js.
-    window.XMPPAttachInfo = {
-        status: 'error'
-    };
-    checkForConnectHandlerAndConnect();
-}

css/404.scss

@@ -1,14 +0,0 @@
-.error_page {
-    width: 60%;
-    margin: 20% auto;
-    text-align: center;
-
-    h2 {
-        font-size: 36px;
-    }
-
-    &__message {
-        font-size: 24px;
-        margin-top: 20px;
-    }
-}

css/_atlaskit_overrides.scss

@@ -1,50 +0,0 @@
-/**
- * Move the @atlaskit/flag container up a little bit so it does not cover the
- * toolbar with the first notification.
- */
-.cjMOOK{
-    bottom: calc(#{$newToolbarSizeWithPadding}) !important;
-}
-
-/**
- * Disable the slide-in animation for @atlaskit/flag due to the animation
- * repeating for each queued flag once it becomes the top flag.
- */
- .mIBKA:first-child {
-    animation: cbfRuT 0s !important;
-    -webkit-animation: cbfRuT 0s !important;
-}
-
-.modal-dialog-form {
-    /**
-     * Update the @atlaskit/dropdown-menu trigger wrapper to make sure it looks
-     * click-able.
-     */
-    .cjJUnw {
-        cursor: pointer;
-    }
-
-    /**
-     * Override @atlaskit/dropdown-menu styling when in a modal because the
-     * dropdown backgrounds clash with the modal backgrounds.
-     */
-    .cksvax[data-role=droplistContent] {
-        border: 1px solid #455166;
-    }
-}
-
-/**
- * Override @atlaskit/theme styling for the top toolbar so it displays over
- * the video thumbnail while obscuring as little as possible.
- */
-.videocontainer .tOoji {
-    background: none;
-}
-
-/**
- * Override @atlaskit/InlineDialog styling for the overflowmenu so it displays
- * with the correct height.
- */
-.toolbox-button-wth-dialog .eYJELv {
-    max-height: initial;
-}

css/_audio-preview.css

@@ -1,135 +0,0 @@
-.audio-preview {
-    &-content {
-        font-size: 15px;
-        line-height: 24px;
-        max-height: 456px;
-        overflow: auto;
-        width: 328px;
-    }
-
-    &-header {
-        color: #fff;
-        display: flex;
-        padding: 16px;
-
-        &-icon {
-            color: #A4B8D1;
-            display: inline-block;
-        }
-
-        &-text {
-            font-weight: bold;
-            margin-left: 8px;
-        }
-    }
-
-    &-entry {
-        align-items: center;
-        color: #fff;
-        cursor: pointer;
-        display: flex;
-        padding: 12px 0;
-        margin-left: 48px;
-
-        &--selected {
-            background: rgba(28,32,37,0.5);
-            cursor: initial;
-            margin-left: 0;
-            padding-left: 21px;
-        }
-
-        &-text {
-            color: #fff;
-            font-size: 15px;
-            display: inline-block;
-            line-height: 24px;
-            text-overflow: ellipsis;
-            max-width: 213px;
-            overflow: hidden;
-            white-space: nowrap;
-        }
-    }
-
-    &-speaker {
-        position: relative;
-
-        &:hover {
-            .audio-preview-entry {
-                background: rgba(255,255,255, 0.2);
-                margin-left: 0;
-                padding-left: 48px;
-
-                &--selected {
-                    padding-left: 21px;
-                }
-            }
-
-            .audio-preview-test-button {
-                display: inline-block;
-            }
-
-            .audio-preview-entry-text {
-                max-width: 196px;
-            }
-        }
-
-        .audio-preview-entry-text {
-            max-width: 256px;
-        }
-    }
-
-    &-microphone {
-        position: relative;
-    }
-
-
-    &-icon {
-        border-radius: 50%;
-        display: inline-block;
-        width: 14px;
-
-        & svg {
-            fill: #1C2025;
-        }
-
-        &--check {
-            background: #31B76A;
-            margin-right: 13px;
-        }
-
-        &--exclamation {
-            margin-left: 6px;
-            & svg {
-                fill: #E54B4B;
-            }
-        }
-    }
-
-    &-test-button {
-        display: none;
-        background: #FFF;
-        border: 1px solid #D1DBE8;
-        border-radius: 3px;
-        color: #1C2025;
-        cursor: pointer;
-        font-weight: 600;
-        font-size: 15px;
-        line-height: 24px;
-        padding: 4px 16px;
-        position: absolute;
-        right: 16px;
-        top: 8px;
-    }
-
-    &-meter-mic {
-        position: absolute;
-        right: 16px;
-        top: 18px;
-    }
-
-   // Override @atlaskit/InlineDialog container which is made with styled components
-    & > div > div:nth-child(2) > div > div {
-        outline: none;
-        padding: 0;
-    }
-}

css/_aui_reset.scss

@@ -1,229 +0,0 @@
-/* Fonts and line heights */
-/**
- * RESET
- */
-html,
-body,
-p,
-div,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-img,
-pre,
-form,
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-ul,
-ol,
-dl {
-  margin: 0;
-}
-img,
-fieldset {
-  border: 0;
-}
-@-moz-document url-prefix() {
-  img {
-    font-size: 0;
-  }
-  img:-moz-broken {
-    font-size: inherit;
-  }
-}
-/* https://github.com/necolas/normalize.css */
-/* Customised to remove styles for unsupported browsers */
-details,
-main,
-summary {
-  display: block;
-}
-audio,
-canvas,
-progress,
-video {
-  display: inline-block;
-  vertical-align: baseline;
-}
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-[hidden],
-template {
-  display: none;
-}
-input[type="button"],
-input[type="submit"],
-input[type="reset"] {
-  -webkit-appearance: button;
-}
-/**
- * TYPOGRAPHY - 14px base font size, agnostic font stack
- */
-body {
-  color: #333;
-  font-family: Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.42857142857143;
-}
-/* International Font Stacks*/
-[lang|=en] {
-  font-family: Arial, sans-serif;
-}
-[lang|=ja] {
-  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
-}
-/* Default margins */
-p,
-ul,
-ol,
-dl,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-blockquote,
-pre {
-  margin: 10px 0 0 0;
-}
-/* No top margin to interfere with box padding */
-p:first-child,
-ul:first-child,
-ol:first-child,
-dl:first-child,
-h1:first-child,
-h2:first-child,
-h3:first-child,
-h4:first-child,
-h5:first-child,
-h6:first-child,
-blockquote:first-child,
-pre:first-child {
-  margin-top: 0;
-}
-/* Headings: desired line height in px / font size = unitless line height */
-h1 {
-  color: #333;
-  font-size: 32px;
-  font-weight: normal;
-  line-height: 1.25;
-  text-transform: none;
-  margin: 30px 0 0 0;
-}
-h2 {
-  color: #333;
-  font-size: 24px;
-  font-weight: normal;
-  line-height: 1.25;
-  text-transform: none;
-  margin: 30px 0 0 0;
-}
-h3 {
-  color: #333;
-  font-size: 20px;
-  font-weight: normal;
-  line-height: 1.5;
-  text-transform: none;
-  margin: 30px 0 0 0;
-}
-h4 {
-  font-size: 16px;
-  font-weight: bold;
-  line-height: 1.25;
-  text-transform: none;
-  margin: 20px 0 0 0;
-}
-h5 {
-  color: #333;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 1.42857143;
-  text-transform: none;
-  margin: 20px 0 0 0;
-}
-h6 {
-  color: #707070;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 1.66666667;
-  text-transform: uppercase;
-  margin: 20px 0 0 0;
-}
-h1:first-child,
-h2:first-child,
-h3:first-child,
-h4:first-child,
-h5:first-child,
-h6:first-child {
-  margin-top: 0;
-}
-/* Nice styles for using subheadings */
-h1 + h2,
-h2 + h3,
-h3 + h4,
-h4 + h5,
-h5 + h6 {
-  margin-top: 10px;
-}
-
-
-/* Other typographical elements */
-small {
-  color: #707070;
-  font-size: 12px;
-  line-height: 1.33333333333333;
-}
-code,
-kbd {
-  font-family: monospace;
-}
-var,
-address,
-dfn,
-cite {
-  font-style: italic;
-}
-cite:before {
-  content: "\2014 \2009";
-}
-blockquote {
-  border-left: 1px solid #ccc;
-  color: #707070;
-  margin-left: 19px;
-  padding: 10px 20px;
-}
-blockquote > cite {
-  display: block;
-  margin-top: 10px;
-}
-q {
-  color: #707070;
-}
-q:before {
-  content: open-quote;
-}
-q:after {
-  content: close-quote;
-}
-abbr {
-  border-bottom: 1px #707070 dotted;
-  cursor: help;
-}
-
-a {
-  color: #3572b0;
-  text-decoration: none;
-}
-a:focus,
-a:hover,
-a:active {
-  text-decoration: underline;
-}

css/_avatar.scss

@@ -1,66 +0,0 @@
-.avatar {
-    background-color: #AAA;
-    border-radius: 50%;
-    color: rgba(255, 255, 255, 0.6);
-    font-weight: 100;
-    object-fit: cover;
-
-    &.avatar-small {
-        height: 28px !important;
-        width: 28px !important;
-    }
-
-    &.avatar-xsmall {
-        height: 16px !important;
-        width: 16px !important;
-    }
-
-    .jitsi-icon {
-        transform: translateY(50%);
-    }
-}
-
-.avatar-foreign {
-    align-items: center;
-    bottom: 0;
-    display: flex;
-    font-size: 40pt;
-    justify-content: center;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-}
-
-.avatar-svg {
-    height: 100%;
-    width: 100%;
-}
-
-.defaultAvatar {
-    opacity: 0.6
-}
-
-.avatar-badge {
-    position: relative;
-
-    &-available::after {
-        @include avatarBadge;
-        background-color: $presence-available;
-    }
-
-    &-away::after {
-        @include avatarBadge;
-        background-color: $presence-away;
-    }
-
-    &-busy::after {
-        @include avatarBadge;
-        background-color: $presence-busy;
-    }
-
-    &-idle::after {
-        @include avatarBadge;
-        background-color: $presence-idle;
-    }
-}

css/_base.scss

@@ -1,187 +0,0 @@
-/**
- * Safari will limit input in input elements to one character when user-select
- * none is applied. Other browsers already support selecting within inputs while
- * user-select is none. As such, disallow user-select except on inputs.
- */
-* {
-    -webkit-user-select: none;
-    user-select: none;
-}
-
-input,
-textarea {
-    -webkit-user-select: text;
-    user-select: text;
-}
-
-html {
-    height: 100%;
-    width: 100%;
-}
-
-body {
-    margin: 0px;
-    width: 100%;
-    height: 100%;
-    font-size: 12px;
-    font-weight: 400;
-    overflow: hidden;
-    color: $defaultColor;
-    background: $defaultBackground;
-    &.filmstrip-only {
-        background: transparent;
-    }
-}
-
-.jitsi-icon svg {
-    fill: white;
-}
-
-.jitsi-icon.gray svg {
-    fill: #5E6D7A;
-    cursor: pointer;
-}
-
-/**
- * AtlasKitThemeProvider sets a background color on an app-wrapping div, thereby
- * preventing transparency in filmstrip-only mode. The selector chosen to
- * override this behavior is specific to where the AtlasKitThemeProvider might
- * be placed within the app hierarchy.
- */
-.filmstrip-only #react > .ckAJgx {
-    background: transparent;
-}
-
-p {
-    margin: 0;
-}
-
-body, input, textarea, keygen, select, button {
-    font-family: $baseFontFamily !important;
-}
-
-#nowebrtc {
-    display:none;
-}
-
-button, input, select, textarea {
-    margin: 0;
-    vertical-align: baseline;
-    font-size: 1em;
-}
-
-button, select, input[type="button"],
-input[type="reset"], input[type="submit"] {
-    cursor: pointer;
-}
-
-textarea {
-    word-wrap: break-word;
-    resize: none;
-    line-height: 1.5em;
-}
-
-input[type='text'], input[type='password'], textarea {
-    outline: none; /* removes the default outline */
-    resize: none; /* prevents the user-resizing, adjust to taste */
-}
-
-button {
-    color: #FFF;
-    background-color: $buttonBackground;
-    border-radius: $borderRadius;
-
-    &.no-icon {
-        padding: 0 1em;
-    }
-}
-
-button,
-form {
-    display: block;
-}
-
-.watermark {
-    display: block;
-    position: absolute;
-    top: 15;
-    width: $watermarkWidth;
-    height: $watermarkHeight;
-    background-size: contain;
-    background-repeat: no-repeat;
-    z-index: $zindex2;
-}
-
-.leftwatermark {
-    left: 32px;
-    top: 32px;
-    background-image: url($defaultWatermarkLink);
-    background-position: center left;
-}
-
-.rightwatermark {
-    right: 32px;
-    top: 32px;
-    background-position: center right;
-}
-
-.poweredby {
-    position: absolute;
-    left: 25;
-    bottom: 7;
-    font-size: 11pt;
-    color: rgba(255,255,255,.50);
-    text-decoration: none;
-    z-index: $poweredByZ;
-}
-
-.connected {
-    color: #21B9FC;
-    font-size: 12px;
-}
-
-.lastN, .disconnected {
-    color: #a3a3a3;
-    font-size: 12px;
-}
-
-/**
-* Dialogs fade
-*/
-.aui-blanket {
-    background: #000;
-    transition: opacity 0.2s, visibility 0.2s;
-    transition-delay: 0.1s;
-    visibility: visible;
-}
-
-#inviteLinkRef {
-    -webkit-user-select: text;
-    user-select: text;
-}
-
-/**
- * Re-style default OS scrollbar.
- */
-::-webkit-scrollbar {
-    background: transparent;
-    width: 7px;
-    height: $scrollHeight;
-}
-
-::-webkit-scrollbar-button {
-    display: none;
-}
-
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-::-webkit-scrollbar-track-piece {
-    background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, .5);
-    border-radius: 4px;
-}

css/_chat.scss

@@ -1,386 +0,0 @@
-#sideToolbarContainer {
-    background-color: $newToolbarBackgroundColor;
-    box-sizing: border-box;
-    color: #FFF;
-    display: flex;
-    flex-direction: column;
-    /**
-     * Make the sidebar flush with the top of the toolbar. Take the size of
-     * the toolbar and subtract from 100%.
-     */
-    height: calc(100% - #{$newToolbarSizeWithPadding});
-    left: -$sidebarWidth;
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    transition: left 0.5s;
-    width: $sidebarWidth;
-    z-index: $sideToolbarContainerZ;
-
-    /**
-     * The sidebar (chat) is off-screen when hidden. Move it flush to the left
-     * side of the window when it should be visible.
-     */
-    &.slideInExt {
-        left: 0;
-    }
-}
-
-#chatconversation {
-    box-sizing: border-box;
-    flex: 1;
-    font-size: 10pt;
-    line-height: 20px;
-    overflow: auto;
-    padding: 16px;
-    text-align: left;
-    width: $sidebarWidth;
-    word-wrap: break-word;
-
-    a {
-        display: block;
-    }
-
-    a:link {
-        color: rgb(184, 184, 184);
-    }
-
-    a:visited {
-        color: white;
-    }
-
-    a:hover {
-        color: rgb(213, 213, 213);
-    }
-
-    a:active {
-        color: black;
-    }
-
-    &::-webkit-scrollbar {
-        background: #06a5df;
-        width: 7px;
-    }
-
-    &::-webkit-scrollbar-button {
-        display: none;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: black;
-    }
-
-    &::-webkit-scrollbar-track-piece {
-        background: black;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: #06a5df;
-        border-radius: 4px;
-    }
-}
-
-#chat-recipient {
-    align-items: center;
-    background-color: $chatPrivateMessageBackgroundColor;
-    display: flex;
-    flex-direction: row;
-    font-weight: 100;
-    padding: 10px;
-
-    span {
-        color: white;
-        display: flex;
-        flex: 1;
-    }
-
-    div {
-        svg {
-            cursor: pointer;
-            fill: white
-        }
-    }
-}
-
-.chat-header {
-    background-color: $chatHeaderBackgroundColor;
-    height: 70px;
-    position: relative;
-    width: 100%;
-    z-index: 1;
-
-    .chat-close {
-        align-items: center;
-        bottom: 8px;
-        color: white;
-        cursor: pointer;
-        display: flex;
-        font-size: 18px;
-        height: 40px;
-        justify-content: center;
-        line-height: 15px;
-        padding: 4px;
-        position: absolute;
-        right: 5px;
-        width: 40px;
-
-        &:hover {
-            color: rgba(255, 255, 255, 0.8);
-        }
-    }
-}
-
-#chat-input {
-    border-top: 1px solid $chatInputSeparatorColor;
-    display: flex;
-    padding: 5px 10px;
-
-    * {
-        background-color: transparent;
-    }
-}
-
-.remoteuser {
-    color: #B8C7E0;
-}
-
-.usrmsg-form {
-    flex: 1;
-}
-
-#usermsg {
-    border: 0px none;
-    border-radius:0;
-    box-shadow: none;
-    color: white;
-    font-size: 15px;
-    padding: 10px;
-    overflow-y: auto;
-    resize: none;
-    width: 100%;
-    word-break: break-word;
-}
-
-#usermsg:hover {
-    border: 0px none;
-    box-shadow: none;
-}
-
-#nickname {
-    text-align: center;
-    color: #9d9d9d;
-    font-size: 18px;
-    margin-top: 30px;
-    left: 5px;
-    right: 5px;
-}
-
-.sideToolbarContainer {
-    * {
-        -webkit-user-select: text;
-        user-select: text;
-    }
-
-    .display-name {
-        font-size: 13px;
-        font-weight: bold;
-        margin-bottom: 5px;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-}
-
-.chatmessage {
-    background-color: $chatRemoteMessageBackgroundColor;
-    border-radius: 0px 6px 6px 6px;
-    box-sizing: border-box;
-    color: white;
-    margin-top: 3px;
-    max-width: 100%;
-    position: relative;
-
-    &.localuser {
-        background-color: $chatLocalMessageBackgroundColor;
-        border-radius: 6px 0px 6px 6px;
-    }
-
-    .usermessage {
-        white-space: pre-wrap;
-    }
-
-    &.error {
-        border-radius: 0px;
-
-        .timestamp,
-        .display-name {
-            display: none;
-        }
-
-        .usermessage {
-            color: red;
-            padding: 0;
-        }
-    }
-
-    .privatemessagenotice {
-        font-size: 11px;
-        font-weight: 100;
-    }
-
-    .messagecontent {
-        margin: 5px 10px;
-        max-width: 100%;
-        overflow: hidden;
-    }
-}
-
-.smiley {
-    font-size: 14pt;
-}
-
-#smileys {
-    font-size: 20pt;
-    margin: auto;
-    cursor: pointer;
-}
-
-#smileys img {
-    width: 22px;
-    padding: 2px;
-}
-
-#smileysarea {
-    display: flex;
-    max-height: 150px;
-    min-height: 35px;
-    overflow: hidden;
-}
-
-.smiley-input {
-    display: flex;
-    position: relative;
-}
-
-.smileys-panel {
-    bottom: 100%;
-    box-sizing: border-box;
-    background-color: rgba(0, 0, 0, .6) !important;
-    height: auto;
-    max-height: 0;
-    overflow: hidden;
-    position: absolute;
-    width: $sidebarWidth;
-
-    /**
-     * CSS transitions do not apply for auto dimensions. So to produce the css
-     * accordion effect for showing and hiding the smiley-panel, while allowing
-     * for variable panel, height, use a very large max-height and animate off
-     * of that.
-     */
-    transition: max-height 0.3s;
-
-    &.show-smileys {
-        max-height: 500%;
-    }
-
-    #smileysContainer {
-        background-color: $newToolbarBackgroundColor;
-        border-bottom: 1px solid;
-        border-top: 1px solid;
-    }
-}
-
-#smileysContainer .smiley {
-    font-size: 20pt;
-}
-
-.smileyContainer {
-    width: 40px;
-    height: 36px;
-    display: inline-block;
-    text-align: center;
-}
-
-.smileyContainer:hover {
-    background-color: $newToolbarButtonToggleColor;
-    border-radius: 5px;
-    cursor: pointer;
-}
-
-#usermsg::-webkit-scrollbar-track-piece {
-    background: #3a3a3a;
-}
-
-.chat-message-group {
-    display: flex;
-    flex-direction: column;
-
-    &.local {
-        align-items: flex-end;
-
-        .chatmessage {
-            background-color: $chatLocalMessageBackgroundColor;
-            border-radius: 6px 0px 6px 6px;
-
-            &.privatemessage {
-                background-color: $chatPrivateMessageBackgroundColor;
-            }
-        }
-
-        .display-name {
-            display: none;
-        }
-
-        .timestamp {
-            text-align: right;
-        }
-    }
-
-    &.error {
-        .chatmessage {
-            background-color: $defaultWarningColor;
-            border-radius: 0px;
-            font-weight: 100;
-        }
-
-        .display-name {
-            display: none;
-        }
-    }
-
-    .chatmessage-wrapper {
-        max-width: 100%;
-
-        .replywrapper {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-
-            .messageactions {
-                align-self: stretch;
-                border-left: 1px solid $chatActionsSeparatorColor;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                padding: 5px;
-
-                .toolbox-icon {
-                    cursor: pointer;
-                }
-            }
-        }
-    }
-
-    .chatmessage {
-        background-color: $chatRemoteMessageBackgroundColor;
-        border-radius: 0px 6px 6px 6px;
-        display: inline-block;
-        margin-top: 3px;
-        color: white;
-
-        &.privatemessage {
-            background-color: $chatPrivateMessageBackgroundColor;
-        }
-    }
-}

css/_chrome-extension-banner.scss

@@ -1,93 +0,0 @@
-.chrome-extension-banner {
-  position: fixed;
-  width: 406px;
-  height: $chromeExtensionBannerHeight;
-  background: #FFF;
-  box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-  z-index: 1000;
-  float: right;
-  display: flex;
-  flex-direction: column;
-  padding: 20px 20px;
-  top: $chromeExtensionBannerTop;
-  right: $chromeExtensionBannerRight;
-    &__pos_in_meeting {
-      top: $chromeExtensionBannerTopInMeeting;
-      right: $chromeExtensionBannerRightInMeeeting;
-    }
-
-    &__container {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 16px;
-    }
-
-    &__button-container {
-      display: flex;
-    }
-
-    &__checkbox-container {
-        display: $chromeExtensionBannerDontShowAgainDisplay;
-        margin-left: 45px;
-        margin-top: 16px;
-    }
-
-    &__checkbox-label {
-        font-size: 14px;
-        line-height: 18px;
-        display: flex;
-        align-items: center;
-        letter-spacing: -0.006em;
-        color: #1C2025;
-    }
-
-    &__icon-container {
-      display: flex;
-      background: url('../images/chromeLogo.svg');
-      background-repeat: no-repeat;
-      width: 27px;
-      height: 27px;
-    }
-
-    &__text-container {
-      font-size: 14px;
-      line-height: 18px;
-      display: flex;
-      align-items: center;
-      letter-spacing: -0.006em;
-      color: #151531;
-      width: 329px;
-    }
-
-    &__close-container {
-      display: flex;
-      width: 12px;
-      height: 12px;
-    }
-
-    &__gray-close-icon {
-      fill: #5E6D7A;
-      width: 12px;
-      height: 12px;
-      cursor: pointer;
-    }
-
-    &__button-open-url {
-      background: #0A57EB;
-      border-radius: 24px;
-      margin-left: 45px;
-      width: 236px;
-      height: 40px;
-      cursor: pointer;
-    }
-
-    &__button-text {
-      font-weight: 600;
-      font-size: 14px;
-      line-height: 40px;
-      text-align: center;
-      letter-spacing: -0.006em;
-      color: #FFFFFF;
-    }
-}

css/_connection-info.scss

@@ -1,54 +0,0 @@
-%connection-info {
-    font-size: 12px;
-    font-weight: 400;
-
-    td {
-        padding: 2px 0;
-    }
-}
-
-.connection-info
-{
-    @extend %connection-info;
-
-    /**
-     * Apply negative margin to reduce the appearance of padding in AtlasKit
-     * InlineDialog.
-     */
-    margin: -15px;
-
-    > table {
-        white-space: nowrap;
-        @extend %connection-info;
-    }
-
-    td:nth-child(n-1) {
-        padding-left: 5px;
-    }
-
-    &__icon {
-        margin-right: 2px;
-    }
-
-    &__download
-    {
-        @extend .connection-info__icon;
-    }
-
-    &__status
-    {
-        font-weight: bold;
-    }
-
-    &__upload
-    {
-        @extend .connection-info__icon;
-    }
-
-    .showmore {
-        display: block;
-        margin: 10px auto;
-        text-align: center;
-        width: 90px;
-    }
-}

css/_functions.scss

@@ -1,6 +0,0 @@
-/* Functions */
-
-/* Pixels to Ems function */
-@function em($value, $base: 16) {
-    @return #{$value / $base}em;
-}

css/_inlay.scss

@@ -1,110 +0,0 @@
-.inlay {
-    margin-top: 14%;
-    @include border-radius(4px);
-    padding: 40px 38px 44px;
-    color: #fff;
-    background: $inlayColorBg;
-    text-align: center;
-
-    &__title {
-        margin: 17px 0;
-        padding-bottom: 17px;
-        color: $popoverFontColor;
-        font-size: 21px;
-        letter-spacing: 0.3px;
-        border-bottom: 1px solid $inlayBorderColor;
-    }
-
-    &__text {
-        color: $popoverFontColor;
-        display: block;
-        margin-top: 22px;
-        font-size: 16px;
-    }
-
-    &__icon {
-        margin: 0 10px;
-        font-size: 50px;
-    }
-
-    &-filmstrip-only {
-        background-color: $inlayFilmstripOnlyBg;
-        color: $inlayFilmstripOnlyColor;
-        margin-left: 20px;
-        margin-right: 20px;
-        margin-top: 20px;
-        bottom: 30px;
-        position: absolute;
-        display: flex;
-        max-height: 120px;
-        height: 80%;
-        right: 0px;
-        border-radius: 4px;
-        overflow: hidden;
-        &__content {
-            padding: 20px;
-            display: flex;
-            justify-content: center;
-            position: relative;
-            > .button-control {
-                align-self: center;
-            }
-            > #reloadProgressBar {
-                position: absolute;
-                left: 0px;
-                bottom: 0px;
-                margin-bottom: 0px;
-                width: 100%;
-                border-radius: 0px;
-            }
-        }
-        &__title {
-            font-size: 18px;
-            font-weight: 600;
-        }
-
-        &__container {
-            align-self: center;
-        }
-
-        &__text {
-            margin-top: 10px;
-            font-size: 14px;
-            font-weight: 600;
-        }
-
-        &__icon {
-            font-size: 50px;
-            align-self: center;
-            color: $inlayIconColor;
-            opacity: 0.6;
-        }
-        &__icon-container {
-            text-align: center;
-            display: flex;
-            justify-content: center;
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            top: 0px;
-        }
-
-        &__avatar-container {
-            height: 100%;
-            position: relative;
-            > img {
-                height: 100%;
-            }
-        }
-
-        &__icon-background {
-            background: $inlayIconBg;
-            opacity: 0.6;
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            top: 0px;
-        }
-    }
-
-}

css/_jquery-impromptu.scss

@@ -1,129 +0,0 @@
-/*
-------------------------------
-	Impromptu
-------------------------------
-*/
-.jqifade{
-	position: absolute; 
-	background-color: #000;
-}
-div.jqi{ 
-	width: 400px;
-	position: absolute;
-    color: #3a3a3a;
-	background-color: #ffffff; 
-	font-size: 11px; 
-	text-align: left; 
-	border: solid 1px #eeeeee;
-	border-radius: 6px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	padding: 7px;
-}
-div.jqi .jqicontainer{ 
-}
-div.jqi .jqiclose{ 
-	position: absolute;
-	top: 4px; right: -2px; 
-	width: 18px; 
-	cursor: default; 
-	color: #bbbbbb; 
-	font-weight: bold; 
-}
-div.jqi .jqistate{
-	background-color: #fff;
-}
-div.jqi .jqititle{
-	padding: 5px 10px;
-	font-size: 16px; 
-	line-height: 20px; 
-	border-bottom: solid 1px #eeeeee;
-}
-div.jqi .jqimessage{ 
-	padding: 10px; 
-	line-height: 20px; 
-	color: #444444; 
-}
-div.jqi .jqibuttons{ 
-	text-align: right; 
-	margin: 0 -7px -7px -7px;
-	border-top: solid 1px #e4e4e4; 
-	background-color: #f4f4f4;
-	border-radius: 0 0 6px 6px;
-	-moz-border-radius: 0 0 6px 6px;
-	-webkit-border-radius: 0 0 6px 6px;
-}
-div.jqi .jqibuttons button{ 
-	margin: 0;
-	padding: 5px 20px;
-	background-color: transparent !important;
-	font-weight: normal; 
-	border: none;
-	border-left: solid 1px #e4e4e4; 
-	color: #777; 
-	font-weight: bold; 
-	font-size: 12px; 
-}
-div.jqi .jqibuttons button.jqidefaultbutton{
-	color: #489afe;
-}
-
-div.jqi .jqibuttons button:disabled {
-    color: #b6b6b6 !important;
-}
-div.jqi .jqibuttons button:hover,
-div.jqi .jqibuttons button:focus{
-	color: #287ade;
-	outline: none;
-}
-.jqiwarning .jqi .jqibuttons{ 
-	background-color: #b95656;
-}
-
-/* sub states */
-div.jqi .jqiparentstate::after{ 
-	background-color: #777;
-	opacity: 0.6;
-	filter: alpha(opacity=60);
-	content: '';
-	position: absolute;
-	top:0;left:0;bottom:0;right:0;
-	border-radius: 6px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-}
-div.jqi .jqisubstate{
-	position: absolute;
-	top:0;
-	left: 20%;
-	width: 60%;
-	padding: 7px;
-	border: solid 1px #eeeeee;
-	border-top: none;
-	border-radius: 0 0 6px 6px;
-	-moz-border-radius: 0 0 6px 6px;
-	-webkit-border-radius: 0 0 6px 6px;
-}
-div.jqi .jqisubstate .jqibuttons button{
-	padding: 10px 18px;
-}
-
-/* arrows for tooltips/tours */
-.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}
-
-.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
-.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
-.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }
-
-.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
-.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
-.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }
-
-.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
-.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
-.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }
-
-.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
-.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
-.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }
-

css/_jquery.contextMenu.scss

@@ -1,206 +0,0 @@
-@charset "UTF-8";
-/*!
- * jQuery contextMenu - Plugin for simple contextMenu handling
- *
- * Version: v2.1.1
- *
- * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
- * Web: http://swisnl.github.io/jQuery-contextMenu/
- *
- * Copyright (c) 2011-2016 SWIS BV and contributors
- *
- * Licensed under
- *   MIT License http://www.opensource.org/licenses/mit-license
- *
- * Date: 2016-02-28T09:53:18.890Z
- */
-@font-face {
-  font-family: "context-menu-icons";
-  font-style: normal; 
-  font-weight: normal;
-
-  src: url("font/context-menu-icons.eot?2qmzf");
-  src: url("font/context-menu-icons.eot?2qmzf#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?2qmzf") format("woff2"), url("font/context-menu-icons.woff?2qmzf") format("woff"), url("font/context-menu-icons.ttf?2qmzf") format("truetype");
-}
-
-.context-menu-icon:before {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 28px; 
-  font-family: "context-menu-icons";
-  font-size: 16px;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  color: #2980b9;
-  text-align: center;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-       -o-transform: translateY(-50%);
-          transform: translateY(-50%);
-
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.context-menu-icon-add:before {
-  content: "";
-}
-
-.context-menu-icon-copy:before {
-  content: "";
-}
-
-.context-menu-icon-cut:before {
-  content: "";
-}
-
-.context-menu-icon-delete:before {
-  content: "";
-}
-
-.context-menu-icon-edit:before {
-  content: "";
-}
-
-.context-menu-icon-paste:before {
-  content: "";
-}
-
-.context-menu-icon-quit:before {
-  content: "";
-}
-
-.context-menu-icon.context-menu-hover:before {
-  color: #fff;
-}
-
-.context-menu-list {
-  position: absolute; 
-  display: inline-block;
-  min-width: 180px;
-  max-width: 360px;
-  padding: 4px 0;
-  margin: 5px;
-  font-family: inherit;
-  font-size: inherit;
-  list-style-type: none;
-  background: #fff;
-  border: 1px solid #bebebe;
-  border-radius: $borderRadius;
-  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
-          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
-}
-
-.context-menu-item {
-  position: relative;
-  padding: 3px 28px;
-  color: #2f2f2f;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none; 
-  background-color: #fff;
-}
-
-.context-menu-separator {
-  padding: 0; 
-  margin: 5px 0;
-  border-bottom: 1px solid #e6e6e6;
-}
-
-.context-menu-item > label > input,
-.context-menu-item > label > textarea {
-  -webkit-user-select: text;
-     -moz-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
-.context-menu-item.context-menu-hover {
-  color: #fff;
-  cursor: pointer; 
-  background-color: #2980b9;
-}
-
-.context-menu-item.context-menu-disabled {
-  color: #626262; 
-  background-color: #fff;
-}
-
-.context-menu-item.context-menu-disabled {
-  color: #626262;
-}
-
-.context-menu-input.context-menu-hover,
-.context-menu-item.context-menu-disabled.context-menu-hover {
-  cursor: default; 
-  background-color: #eee;
-}
-
-.context-menu-submenu:after {
-  position: absolute;
-  top: 50%;
-  right: 8px;
-  z-index: $zindex1;
-  width: 0;
-  height: 0;
-  content: '';
-  border-color: transparent transparent transparent #2f2f2f;
-  border-style: solid;
-  border-width: 4px 0 4px 4px;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-       -o-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-
-/**
- * Inputs
- */
-.context-menu-item.context-menu-input {
-  padding: 5px 10px;
-}
-
-/* vertically align inside labels */
-.context-menu-input > label > * {
-  vertical-align: top;
-}
-
-/* position checkboxes and radios as icons */
-.context-menu-input > label > input[type="checkbox"],
-.context-menu-input > label > input[type="radio"] {
-  position: relative;
-  top: 3px;
-}
-
-.context-menu-input > label,
-.context-menu-input > label > input[type="text"],
-.context-menu-input > label > textarea,
-.context-menu-input > label > select {
-  display: block;
-  width: 100%; 
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-.context-menu-input > label > textarea {
-  height: 100px;
-}
-
-.context-menu-item > .context-menu-list {
-  top: 5px; 
-  /* re-positioned by js */
-  right: -5px;
-  display: none;
-}
-
-.context-menu-item.context-menu-visible > .context-menu-list {
-  display: block;
-}
-
-.context-menu-accesskey {
-  text-decoration: underline;
-}

css/_keyboard-shortcuts.scss

@@ -1,10 +0,0 @@
-.shortcuts-list {
-    list-style-type: none;
-    padding: 0;
-
-    &__item {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: em(7, 14);
-    }
-}

css/_login_menu.scss

@@ -1,18 +0,0 @@
-/*Initialize*/
-div.loginmenu {
-    position: absolute;
-    margin: 0;
-    padding: 5px;
-    top: 40px;
-    left: 20px;
-}
-
-a.disabled {
-    color: gray !important;
-    pointer-events: none;
-}
-
-.loginmenu.extendedToolbarPopup {
-    top: 20px;
-    left: 40px;
-}

css/_meetings_list.scss

@@ -1,123 +0,0 @@
-.meetings-list {
-    font-size: 14px;
-    color: #253858;
-    line-height: 20px;
-    text-align: left;
-    text-overflow: ellipsis;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-
-    .meetings-list-empty {
-        text-align: center;
-        align-items: center;
-        justify-content: center;
-        display: flex;
-        flex-grow: 1;
-        flex-direction: column;
-
-        .description {
-            font-size: 16px;
-            padding: 20px;
-        }
-    }
-
-    .button {
-        background: #0074E0;
-        border-radius: 4px;
-        color: #FFFFFF;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding: 5px 10px;
-        cursor: pointer;
-    }
-
-    .calendar-action-buttons {
-        .button {
-            margin: 0px 10px;
-        }
-    }
-
-    .item {
-        background: rgba(255,255,255,0.50);
-        box-sizing: border-box;
-        display: inline-flex;
-        margin-top: 5px;
-        min-height: 92px;
-        width: 100%;
-        word-break: break-word;
-        display: flex;
-        flex-direction: row;
-        text-align: left;
-
-        &:first-child {
-            margin-top: 0px;
-        }
-
-        .left-column {
-            display: flex;
-            flex-direction: column;
-            width: 140px;
-            flex-grow: 0;
-            padding-left: 30px;
-            padding-top: 25px;
-
-            .date {
-                font-weight: bold;
-                padding-bottom: 5px;
-            }
-        }
-
-        .right-column {
-            display: flex;
-            flex-direction: column;
-            flex-grow: 1;
-            padding-left: 30px;
-            padding-top: 25px;
-
-            .title {
-                font-size: 16px;
-                font-weight: bold;
-                padding-bottom: 5px;
-            }
-        }
-
-        .actions {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-grow: 0;
-            padding-right: 30px;
-        }
-
-        &.with-click-handler {
-            cursor: pointer;
-        }
-
-        &.with-click-handler:hover {
-            background-color: #75A7E7;
-        }
-
-        .add-button {
-            width: 30px;
-            height: 30px;
-            padding: 0px;
-        }
-
-        i {
-            cursor: inherit;
-        }
-
-        .join-button {
-            display: none;
-        }
-
-        &:hover .join-button {
-            display: block
-        }
-    }
-}

css/_meter.css

@@ -1,30 +0,0 @@
-.jitsi-icon {
-    &.metr {
-        display: inline-block;
-
-        & > svg {
-            fill: #4E5E6C;
-            width: 38px;
-        }
-    }
-
-    &.metr--disabled {
-        & > svg {
-            fill: #4E5E6C;
-        }
-    }
-}
-
-.metr-l-0 {
-    rect:first-child {
-        fill: #31B76A;
-    }
-}
-
-@for $i from 1 through 7 {
-    .metr-l-#{$i} {
-        rect:nth-child(-n+#{$i+1}) {
-            fill: #31B76A;
-        }
-    }
-}

css/_mini_toolbox.scss

@@ -1,66 +0,0 @@
-.filmstrip-toolbox,
-.always-on-top-toolbox {
-    background-color: $newToolbarBackgroundColor;
-    border-radius: 3px;
-    display: flex;
-    z-index: $toolbarZ;
-
-    .toolbox-icon {
-        cursor: pointer;
-        padding: 7px;
-
-        &.toggled {
-            background: $AOTToolbarButtonToggleColor;
-        }
-
-        &.disabled {
-            cursor: initial;
-        }
-    }
-}
-
-.always-on-top-toolbox {
-    flex-direction: row;
-    left: 50%;
-    position: absolute;
-    top: 10px;
-    transform: translateX(-50%);
-
-    .toolbox-button {
-        &:first-child {
-            .toolbox-icon {
-                border-top-left-radius: 3px;
-                border-bottom-left-radius: 3px;
-            }
-        }
-
-        &:nth-child(2) {
-            svg {
-                fill: $hangupColor;
-            }
-        }
-
-        &:last-child {
-            .toolbox-icon {
-                border-top-right-radius: 3px;
-                border-bottom-right-radius: 3px;
-            }
-        }
-    }
-}
-
-.filmstrip-toolbox {
-    flex-direction: column;
-
-    .toolbox-button {
-        &:nth-child(1) {
-            svg {
-                fill: $hangupColor;
-            }
-        }
-
-        .toolbox-icon {
-            border-radius: 3px;
-        }
-    }
-}

css/_mixins.scss

@@ -1,208 +0,0 @@
-/**
- * Animation mixin.
- */
-@mixin animation($animate...) {
-    $max: length($animate);
-    $animations: '';
-
-    @for $i from 1 through $max {
-        $animations: #{$animations + nth($animate, $i)};
-
-        @if $i < $max {
-            $animations: #{$animations + ", "};
-        }
-    }
-    -webkit-animation: $animations;
-    -moz-animation:    $animations;
-    -o-animation:      $animations;
-    animation:         $animations;
-}
-
-@mixin flex() {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-}
-
-/**
- * Keyframes mixin.
- */
-@mixin keyframes($animationName) {
-    @-webkit-keyframes #{$animationName} {
-        @content;
-    }
-    @-moz-keyframes #{$animationName} {
-        @content;
-    }
-    @-o-keyframes #{$animationName} {
-        @content;
-    }
-    @keyframes #{$animationName} {
-        @content;
-    }
-}
-
-@mixin circle($diameter) {
-    width: $diameter;
-    height: $diameter;
-    border-radius: 50%;
-}
-
-/**
-* Absolute position the element at the top left corner
-**/
-@mixin topLeft() {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-@mixin absoluteAligning() {
-    top: 50%;
-    left: 50%;
-    position: absolute;
-    @include transform(translate(-50%, -50%));
-}
-
-/**
-* Defines the maximum width and height
-**/
-@mixin maxSize($value) {
-    max-width: $value;
-    max-height: $value;
-}
-
-@mixin transform($func) {
-    -moz-transform: $func;
-    -ms-transform: $func;
-    -webkit-transform: $func;
-    -o-transform: $func;
-    transform: $func;
-}
-
-@mixin transition($transition...) {
-    -moz-transition:    $transition;
-    -o-transition:      $transition;
-    -webkit-transition: $transition;
-    transition:         $transition;
-}
-
-/**
- * Mixin styling a placeholder.
- **/
-@mixin placeholder() {
-    $selectors: (
-        "::-webkit-input-placeholder",
-        "::-moz-placeholder",
-        ":-moz-placeholder",
-        ":-ms-input-placeholder"
-    );
-
-    @each $selector in $selectors {
-        #{$selector} {
-            @content;
-        }
-    }
-}
-
-/**
- * Mixin styling a slider track for different browsers.
- **/
-@mixin slider() {
-    $selectors: (
-        "input[type=range]::-webkit-slider-runnable-track",
-        "input[type=range]::-moz-range-track",
-        "input[type=range]::-ms-track"
-    );
-
-    @each $selector in $selectors {
-        #{$selector} {
-            @content;
-        }
-  }
-}
-
-/**
- * Mixin styling a slider thumb for different browsers.
- **/
-@mixin slider-thumb() {
-    $selectors: (
-        "input[type=range]::-webkit-slider-thumb",
-        "input[type=range]::-moz-range-thumb",
-        "input[type=range]::-ms-thumb"
-    );
-
-    @each $selector in $selectors {
-        #{$selector} {
-            @content;
-        }
-    }
-}
-
-@mixin box-shadow($h, $y, $blur, $color, $inset: false) {
-    @if $inset {
-        -webkit-box-shadow: inset $h $y $blur $color;
-        -moz-box-shadow: inset $h $y $blur $color;
-        box-shadow: inset $h $y $blur $color;
-    } @else {
-        -webkit-box-shadow: $h $y $blur $color;
-        -moz-box-shadow: $h $y $blur $color;
-        box-shadow: $h $y $blur $color;
-    }
-}
-
-@mixin no-box-shadow {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-}
-
-@mixin box-sizing($box-model) {
-    -webkit-box-sizing: $box-model; // Safari <= 5
-    -moz-box-sizing: $box-model; // Firefox <= 19
-    box-sizing: $box-model;
-}
-
-@mixin border-radius($radius) {
-    -webkit-border-radius: $radius;
-    border-radius: $radius;
-    /* stops bg color from leaking outside the border: */
-    background-clip: padding-box;
-}
-
-@mixin opacity($opacity) {
-    opacity: $opacity;
-    $opacity-ie: $opacity * 100;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie);
-    filter: alpha(opacity=$opacity-ie); //IE8
-}
-
-@mixin text-truncate {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-/**
- * Creates a semi-transparent background with the given color and alpha
- * (opacity) value.
- */
-@mixin transparentBg($color, $alpha) {
-    background-color: rgba(red($color), green($color), blue($color), $alpha);
-}
-
-/**
- * Avatar status badge mixin
- */
-@mixin avatarBadge {
-    border-radius: 50%;
-    content: '';
-    display: block;
-    height: 35%;
-    position: absolute;
-    bottom: 0;
-    width: 35%;
-}

css/_modaldialog.scss

@@ -1,29 +0,0 @@
-.jqistates {
-    font-size: 14px;
-}
-
-.jqistates h2 {
-    padding-bottom: 10px;
-    border-bottom: 1px solid #eee;
-    font-size: 18px;
-    line-height: 25px;
-    text-align: center;
-    color: #424242;
-}
-
-.jqistates input {
-    margin: 10px 0;
-}
-
-.jqistates input[type='text'], input[type='password'] {
-    width: 100%;
-}
-
-button.jqidefaultbutton #inviteLinkRef {
-    color: #2c8ad2;
-}
-
-#inviteLinkRef {
-    -webkit-user-select: text;
-    user-select: text;
-}

css/_navigate_section_list.scss

@@ -1,80 +0,0 @@
-%navigate-section-list-text {
-    width: 100%;
-    font-size: 14px;
-    line-height: 20px;
-    color: $welcomePageTitleColor;
-    text-align: left;
-    font-family: 'open_sanslight', Helvetica, sans-serif;
-}
-%navigate-section-list-tile-text {
-    @extend %navigate-section-list-text;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    float: left;
-}
-.navigate-section-list-tile {
-    background-color: #1754A9;
-    border-radius: 4px;
-    box-sizing: border-box;
-    display: inline-flex;
-    margin-bottom: 8px;
-    margin-right: 8px;
-    min-height: 100px;
-    padding: 16px;
-    width: 100%;
-
-    &.with-click-handler {
-        cursor: pointer;
-    }
-
-    &.with-click-handler:hover {
-        background-color: #1a5dbb;
-    }
-
-    i {
-        cursor: inherit;
-    }
-
-    .element-after {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .join-button {
-        display: none;
-    }
-
-    &:hover .join-button {
-        display: block
-    }
-}
-.navigate-section-tile-body {
-    @extend %navigate-section-list-tile-text;
-    font-weight: normal;
-    line-height: 24px;
-}
-.navigate-section-list-tile-info {
-    flex: 1;
-    word-break: break-word;
-}
-.navigate-section-tile-title {
-    @extend %navigate-section-list-tile-text;
-    font-weight: bold;
-    line-height: 24px;
-}
-.navigate-section-section-header {
-    @extend %navigate-section-list-text;
-    font-weight: bold;
-    margin-bottom: 16px;
-    display: block;
-}
-.navigate-section-list {
-    position: relative;
-    margin-top: 36px;
-    margin-bottom: 36px;
-    width: 100%;
-}
-.navigate-section-list-empty {
-    text-align: center;
-}

css/_notice.scss

@@ -1,15 +0,0 @@
-.notice {
-    position: absolute;
-    left: 50%;
-    z-index: $zindex3;
-    margin-top: 6px;
-
-    @include transform(translateX(-50%));
-
-    &__message {
-        background-color: #000000;
-        color: white;
-        padding: 3px;
-        border-radius: 5px;
-    }
-}

css/_participants-count.scss

@@ -1,26 +0,0 @@
-.participants-count {
-    background: #fff;
-    border-radius: 4px;
-    color: #5e6d7a;
-    cursor: pointer;
-    display: inline-block;
-    font-size: 13px;
-    line-height: 20px;
-    margin-left: 16px;
-    padding: 4px 8px;
-    pointer-events: auto;
-
-    &-number {
-        margin-right: 8px;
-        vertical-align: middle;
-    }
-
-    &-icon {
-        background: url('../images/user-groups.svg');
-        background-repeat: no-repeat;
-        display: inline-block;
-        height: 16px;
-        width: 16px;
-        vertical-align: middle;
-    }
-}

css/_policy.scss

@@ -1,15 +0,0 @@
-.policy {
-    &__logo {
-        display: block;
-        width: 200px;
-        height: 50px;
-        margin: 30px auto 0;
-    }
-
-    &__text {
-        text-align: center;
-        font-size: 14px;
-        line-height: 21px;
-        font-weight: 300;
-    }
-}

css/_popover.scss

@@ -1,50 +0,0 @@
-/**
- * Mousemove padding styles are used to add invisible elements to the popover
- * to allow mouse movement from the popover trigger to the popover itself
- * without triggering a mouseleave event.
- */
-.popover-mousemove-padding-bottom {
-    bottom: -15px;
-    height: 20px;
-    position: absolute;
-    right: 0;
-    width: 100%;
-}
-
-%vertical-popover-padding {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    width: 40px;
-}
-
-.popover-mousemove-padding-left {
-    @extend %vertical-popover-padding;
-    left: -20px;
-}
-
-.popover-mousemove-padding-right {
-    @extend %vertical-popover-padding;
-    right: -20px;
-}
-
-/**
- * An invisible element is added to the top of the popover to ensure the mouse
- * stays over the popover when the popover's height is shrunk, which would then
- * normally leave the mouse outside of the popover itself and cause a mouseleave
- * event.
- */
-.popover-mouse-padding-top {
-    height: 30px;
-    position: absolute;
-    right: 0;
-    top: -25px;
-    width: 100%;
-}
-
-.popover {
-    background-color: $popoverBg;
-    border-radius: 3px;
-    margin: -16px -24px;
-    padding: 16px 24px;
-}

css/_popup_menu.scss

@@ -1,115 +0,0 @@
-/**
-* Initialize
-**/
-
-.popupmenu {
-    min-width: 75px;
-    text-align: left;
-    padding: 0px;
-    width: 180px;
-    white-space: nowrap;
-
-    &__item {
-        list-style-type: none;
-        height: 35px;
-    }
-
-    // Link Appearance
-    &__link,
-    &__contents {
-        display: block;
-        box-sizing: border-box;
-        text-decoration: none;
-        height: 100%;
-        font-size: 9pt;
-        width: 100%;
-        cursor: pointer;
-        padding: 0 5px;
-        color: $popupMenuColor;
-
-        &:hover {
-            background-color: $popupMenuHoverBackground;
-            color: $popupMenuHoverColor;
-        }
-
-        &.disabled {
-            pointer-events: none;
-        }
-    }
-
-    &__text {
-        display: inline-block;
-        vertical-align: middle;
-    }
-
-    &__link {
-        i {
-            cursor: pointer;
-        }
-    }
-
-    &__contents {
-        display: flex;
-
-        /**
-         * Positioning styles on the slider and its container are used to make
-         * the container fit the popup width, by removing the slider from the
-         * page flow, and then making the slider fit the container.
-         */
-        .popupmenu__slider_container {
-            position: relative;
-            width: 100%;
-
-            .popupmenu__slider {
-                position: absolute;
-                top: 50%;
-                transform: translate(0, -50%);
-                width: 100%;
-
-                &::-webkit-slider-runnable-track {
-                    background-color: $popupSliderColor;
-                }
-
-                &::-moz-range-track {
-                    background-color: $popupSliderColor;
-                }
-
-                &::-ms-fill-lower {
-                    background-color: $popupSliderColor;
-                }
-            }
-        }
-    }
-
-    &__icon {
-        vertical-align: middle;
-        position: relative;
-        display: inline-block;
-        min-width: 20px;
-        height: 100%;
-        padding-right: 10px;
-
-        > * {
-            @include absoluteAligning();
-        }
-    }
-
-    .icon-kick,
-    .icon-play,
-    .icon-stop {
-        font-size: 8pt;
-    }
-}
-
-/**
- * Override reset css styling modifying all lists and set negative margin to
- * reduce the visibility of padding on AtlasKit
- * InlineDialogs.
- */
-ul.popupmenu {
-    margin: -16px -24px;
-}
-
-span.remotevideomenu:hover ul.popupmenu, ul.popupmenu:hover {
-    display:block !important;
-}

css/_promotional-footer.scss

@@ -1 +0,0 @@
-/** Insert custom CSS for any additional content in the promotional footer **/

css/_recording.scss

@@ -1,117 +0,0 @@
-.recordingSpinner {
-    vertical-align: top;
-}
-
-.recording-dialog {
-    flex: 0;
-    flex-direction: column;
-
-    .recording-header {
-        display: flex;
-        flex: 0;
-        flex-direction: row;
-        justify-content: space-between;
-        padding-top: 32px;
-
-        .recording-title {
-            display: inline-flex;
-            align-items: center;
-            font-size: 16px;
-            margin-left: 16px;
-        }
-    }
-
-    .recording-header-line {
-        border-top: 1px solid #5e6d7a;
-    }
-
-    .recording-switch-disabled {
-        opacity: 0.5;
-    }
-
-    .recording-icon-container {
-        display: inline-flex;
-        align-items: center;
-    }
-
-    .recording-icon {
-        width: 32px;
-        height: 32px;
-        object-fit: contain;
-    }
-
-    .recording-switch {
-        margin-left: auto;
-    }
-
-    .authorization-panel {
-        display: flex;
-        flex-direction: column;
-        margin: 0 40px 10px 40px;
-        padding-bottom: 10px;
-
-        .logged-in-panel {
-            padding: 10px;
-        }
-    }
-}
-
-.live-stream-dialog {
-    /**
-     * Set font-size to be consistent with Atlaskit FieldText.
-     */
-    font-size: 14px;
-
-    .broadcast-dropdown,
-    .broadcast-dropdown-trigger {
-        text-align: left;
-    }
-
-    .form-footer {
-        display: flex;
-        margin-top: 5px;
-        text-align: right;
-        flex-direction: column;
-
-        .help-container {
-            display: flex;
-        }
-    }
-
-    .live-stream-cta {
-        a {
-            cursor: pointer;
-        }
-    }
-
-    .google-api {
-        margin-top: 10px;
-        min-height: 36px;
-        text-align: center;
-        width: 100%;
-    }
-
-    .google-error {
-        color: $errorColor;
-    }
-
-    .google-panel {
-        align-items: center;
-        border-bottom: 2px solid rgba(0, 0, 0, 0.3);
-        display: flex;
-        flex-direction: column;
-        padding-bottom: 10px;
-    }
-
-    .helper-link {
-        cursor: pointer;
-        display: inline-block;
-        flex-shrink: 0;
-        margin-left: auto;
-    }
-
-    .warning-text {
-        color:#FFD740;
-        font-size: 12px;
-    }
-}

css/_redirect_page.scss

@@ -1,34 +0,0 @@
-.redirectPageMessage {
-    width: 30%;
-    margin: 20% auto;
-    text-align: center;
-    font-size: 24px;
-
-    .thanks-msg {
-        border-bottom: 1px solid $selectBg;
-        padding-left: 30px;
-        padding-right: 30px;
-        p {
-            margin: 30px auto;
-            font-size: 24px;
-            line-height: 24px;
-        }
-    }
-    .hint-msg{
-        p {
-            margin: 26px auto;
-            font-weight: 600;
-            font-size: 16px;
-            line-height: 18px;
-            .hint-msg__holder{
-                font-weight: 200;
-            }
-        }
-        .happy-software{
-            width: 120px;
-            height: 86px;
-            margin: 0 auto;
-            background: $happySoftwareBackground;
-        }
-    }
-}

css/_settings-button.scss

@@ -1,79 +0,0 @@
-.settings-button {
-    &-container {
-        position: relative;
-
-        .toolbox-icon {
-            align-items: center;
-            cursor: pointer;
-            display: flex;
-            background-color: #fff;
-            border-radius: 50%;
-            border: 1px solid #d1dbe8;
-            justify-content: center;
-            width: 38px;
-            height: 38px;
-
-            &:hover {
-                background-color: #daebfa;
-                border: 1px solid #daebfa;
-            }
-
-            &.toggled {
-                background: #2a3a4b;
-                border: 1px solid #5e6d7a;
-
-                svg {
-                    fill: #fff;
-                }
-
-                &:hover {
-                    background-color: #5e6d7a;
-                }
-            }
-
-            &.disabled, .disabled & {
-                cursor: initial;
-                color: #fff;
-                background-color: #a4b8d1;
-            }
-
-            svg {
-                fill: #5e6d7a;
-            }
-        }
-    }
-
-    &-small-icon {
-        background: #FFF;
-        border: 1px solid rgba(0, 0, 0, 0.2);
-        border-radius: 50%;
-        bottom: 0;
-        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
-        cursor: pointer;
-        height: 16px;
-        position: absolute;
-        text-align: center;
-        right: 4px;
-        width: 16px;
-
-        &> svg {
-            margin-top: 5px;
-        }
-
-        &--disabled {
-            background-color: #a4b8d1;
-            cursor: default;
-        }
-
-        &--hovered {
-            bottom: -1px;
-            height: 20px;
-            right: 2px;
-            width: 20px;
-
-            &> svg {
-                margin-top: 6px;
-            }
-        }
-    }
-}

css/_subject.scss

@@ -1,32 +0,0 @@
-.subject {
-    top: -120px;
-    transition: top .3s ease-in;
-    height: 95px;
-    width: 100%;
-    pointer-events: none;
-    position: absolute;
-    padding: 25px 140px 0 140px;
-    text-align: center;
-    font-size: 17px;
-    color: #fff;
-    z-index: $zindex10;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    box-sizing: border-box;
-    white-space: nowrap;
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
-
-    &.visible {
-        top: 0px;
-    }
-
-    &-text {
-        vertical-align: middle;
-    }
-
-    &-conference-timer {
-        display: block;
-        font-size: 15px;
-        opacity: 0.6;
-    }
-}

css/_toolbars.scss

@@ -1,286 +0,0 @@
-/**
- * Round badge.
- */
-.badge-round {
-    background-color: $toolbarBadgeBackground;
-    border-radius: 50%;
-    box-sizing: border-box;
-    color: $toolbarBadgeColor;
-    // Do not inherit the font-family from the toolbar button, because it's an
-    // icon style.
-    font-family: $baseFontFamily;
-    font-size: 9px;
-    font-weight: 700;
-    line-height: 13px;
-    min-width: 13px;
-    overflow: hidden;
-    text-align: center;
-    text-overflow: ellipsis;
-    vertical-align: middle;
-}
-
-/**
- * TODO: when the old filmstrip has been removed, remove the "new-" prefix.
- */
-.new-toolbox {
-    bottom: calc((#{$newToolbarSize} * 2) * -1);
-    left: 0;
-    position: absolute;
-    right: 0;
-    transition: bottom .3s ease-in;
-    width: 100%;
-
-
-    &.visible {
-        bottom: 0;
-        .toolbox-background {
-            bottom: 0px;
-        }
-    }
-
-    &.no-buttons {
-        display: none;
-    }
-
-    .toolbox-background {
-        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
-        transition: bottom .3s ease-in;
-        height: 160px;
-        width: 100%;
-        bottom: -160px;
-        pointer-events: none;
-        position: absolute;
-        z-index: $toolbarBackgroundZ;
-    }
-
-    .toolbox-content {
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        margin-left: auto;
-        margin-right: auto;
-        padding: 20px 16px;
-        position: relative;
-        width: 100%;
-        z-index: $toolbarZ;
-
-        .button-group-center,
-        .button-group-left,
-        .button-group-right {
-            display: flex;
-            width: 33%;
-        }
-
-        .button-group-center {
-            justify-content: center;
-
-            .toolbox-button {
-
-                .toolbox-icon {
-                    background-color: #fff;
-                    border-radius: 50%;
-                    border: 1px solid #d1dbe8;
-                    margin: 0px 4px;
-                    width: 38px;
-                    height: 38px;
-        
-                    &:hover {
-                        background-color: #daebfa;
-                        border: 1px solid #daebfa;
-                    }
-        
-                    &.toggled {
-                        background: #2a3a4b;
-                        border: 1px solid #5e6d7a;
-    
-                        svg {
-                            fill: #fff;
-                        }
-        
-                        &:hover {
-                            background-color: #5e6d7a;
-                        }
-                    }
-        
-                    &.disabled, .disabled & {
-                        cursor: initial;
-                        color: #fff;
-                        background-color: #a4b8d1;
-                    }
-    
-                    svg {
-                        fill: #5e6d7a;
-                    }
-                }
-
-                &:nth-child(2) {
-                    .toolbox-icon {
-                        background-color: $hangupColor;
-                        border: 1px solid $hangupColor;
-                        width: 40px;
-                        height: 40px;
-                
-                        &:hover {
-                            background-color: $hangupColor;
-                        }
-
-                        svg {
-                            fill: #fff;
-                        }
-                    }
-                }
-            }
-        }
-
-        .button-group-right {
-            justify-content: flex-end;
-        }
-
-        .overflow-menu {
-            font-size: 1.2em;
-            list-style-type: none;
-            background-color: $overflowMenuBG;
-            /**
-             * Undo atlaskit padding by reducing margins.
-             */
-            margin: -16px -24px;
-            padding: 4px 0;
-
-            .overflow-menu-item {
-                align-items: center;
-                color: $overflowMenuItemColor;
-                cursor: pointer;
-                display: flex;
-                font-size: 14px;
-                height: 22px;
-                padding: 5px 12px;
-
-                div {
-                    display: flex;
-                    flex-direction: row;
-                    align-items: center;
-                }
-
-                &:hover {
-                    background-color: $overflowMenuItemHoverBG;
-                    color: $overflowMenuItemHoverColor;
-                }
-
-                &.unclickable {
-                    cursor: default;
-                }
-                &.unclickable:hover {
-                    background: inherit;
-                }
-                &.disabled {
-                    cursor: initial;
-                    color: #3b475c;
-                }
-            }
-
-            .beta-tag {
-                background: $overflowMenuItemColor;
-                border-radius: 2px;
-                color: $overflowMenuBG;
-                font-size: 11px;
-                font-weight: bold;
-                margin-left: 8px;
-                padding: 0 6px;
-            }
-
-            .overflow-menu-item-icon {
-                margin-right: 10px;
-
-                i {
-                    display: inline;
-                    font-size: 24px;
-                }
-
-                i:hover {
-                    background-color: initial;
-                }
-
-                img {
-                    max-width: 24px;
-                    max-height: 24px;
-                }
-
-                svg {
-                    fill: #B8C7E0 !important;
-                }
-            }
-
-            .profile-text {
-                max-width: 150px;
-                text-overflow: ellipsis;
-                overflow: hidden;
-                white-space: nowrap;
-            }
-        }
-
-        .toolbox-button {
-            color: $toolbarButtonColor;
-            cursor: pointer;
-            display: inline-block;
-            line-height: $newToolbarSize;
-            margin: 0 8px;
-            text-align: center;
-        }
-
-        .toolbar-button-with-badge {
-            position: relative;
-
-            .badge-round {
-                bottom: -5px;
-                font-size: 12px;
-                line-height: 20px;
-                min-width: 20px;
-                pointer-events: none;
-                position: absolute;
-                right: -5px;
-            }
-        }
-
-        .toolbox-button-wth-dialog {
-            display: inline-block;
-        }
-
-        .toolbox-icon {
-            display: flex;
-            border-radius: 5px;
-            flex-direction: column;
-            font-size: 24px;
-            height: $newToolbarSize;
-            justify-content: center;
-            width: $newToolbarSize;
-
-            &:hover, &.toggled {
-                background: $newToolbarButtonHoverColor;
-            }
-    
-            &.disabled {
-                cursor: initial !important;
-                background-color: #a4b8d1 !important;
-
-                svg {
-                    fill: #fff !important;
-                }
-            }
-        }
-    }
-}
-
-/**
- * START of fade in animation for main toolbar
- */
-.fadeIn {
-    opacity: 1;
-
-    @include transition(all .3s ease-in);
-}
-
-.fadeOut {
-    opacity: 0;
-
-    @include transition(all .3s ease-out);
-}

css/_transcription-subtitles.scss

@@ -1,20 +0,0 @@
-.transcription-subtitles{
-    bottom: 10%;
-    font-size: 16px;
-    font-weight: 1000;
-    left: 50%;
-    max-width: 50vw;
-    opacity: 0.80;
-    pointer-events: none;
-    position: absolute;
-    text-shadow: 0px 0px 1px rgba(0,0,0,0.3),
-    0px 1px 1px rgba(0,0,0,0.3),
-    1px 0px 1px rgba(0,0,0,0.3),
-    0px 0px 1px rgba(0,0,0,0.3);
-    transform: translateX(-50%);
-    z-index: $filmstripVideosZ + 1;
-
-    span {
-        background: black;
-    }
-}

css/_utils.scss

@@ -1,43 +0,0 @@
-.flip-x {
-    transform: scaleX(-1);
-}
-
-.hidden {
-  display: none;
-}
-
-/**
- * Hides an element.
- */
-.hide {
-    display: none !important;
-}
-
-.invisible {
-    visibility: hidden;
-}
-
-/**
- * Shows an element.
- */
-.show {
-    display: block !important;
-}
-
-/**
- * Shows an inline element.
- */
-.show-inline {
-    display: inline-block !important;
-}
-
-/**
- * Shows a flex element.
- */
-.show-flex {
-    display: -webkit-box !important;
-    display: -moz-box !important;
-    display: -ms-flexbox !important;
-    display: -webkit-flex !important;
-    display: flex !important;
-}

css/_variables.scss

@@ -1,273 +0,0 @@
-@import "themes/light";
-
-/**
- * Style variables
- */
-$baseFontFamily: -apple-system, BlinkMacSystemFont, 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-$hangupColor: #bf2117;
-$hangupFontSize: 2em;
-
-/**
- * Size variables.
- */
-
-// Video layout.
-$thumbnailToolbarHeight: 22px;
-$thumbnailIndicatorBorder: 2px;
-$thumbnailIndicatorSize: $thumbnailToolbarHeight;
-$thumbnailVideoMargin: 2px;
-$thumbnailsBorder: 2px;
-$thumbnailVideoBorder: 2px;
-$filmstripToggleButtonWidth: 17px;
-
-
-/**
- * Color variables.
- */
-$defaultColor: #F1F1F1;
-$defaultSideBarFontColor: #44A5FF;
-$defaultSemiDarkColor: #ACACAC;
-$defaultDarkColor: #2b3d5c;
-$defaultWarningColor: rgb(215, 121, 118);
-$presence-available: rgb(110, 176, 5);
-$presence-away: rgb(250, 201, 20);
-$presence-busy: rgb(233, 0, 27);
-$presence-idle: rgb(172, 172, 172);
-
-/**
- * Toolbar
- */
-$newToolbarBackgroundColor: rgba(22, 38, 55, 0.8);
-$newToolbarButtonHoverColor: rgba(255, 255, 255, 0.15);
-$newToolbarButtonToggleColor: rgba(255, 255, 255, 0.2);
-$AOTToolbarButtonHoverColor: rgba(14, 20, 35, 0.6);
-$AOTToolbarButtonToggleColor: rgba(14, 20, 35, 1);
-$newToolbarFontSize: 24px;
-$newToolbarHangupFontSize: 32px;
-$newToolbarSize: 40px;
-$newToolbarSizeWithPadding: calc(#{$newToolbarSize} + 24px);
-$toolbarTitleFontSize: 19px;
-$overflowMenuBG: initial;
-$overflowMenuItemHoverBG: #313D52;
-$overflowMenuItemHoverColor: #B8C7E0;
-$overflowMenuItemColor: #B8C7E0;
-
-/**
- * Video layout
- */
-$videoThumbnailHovered: rgba(22, 94, 204, .4);
-$videoThumbnailSelected: #165ECC;
-$participantNameColor: #fff;
-$thumbnailPictogramColor: #fff;
-$dominantSpeakerBg: #165ecc;
-$raiseHandBg: #D6D61E;
-$audioLevelBg: #44A5FF;
-$connectionIndicatorBg: #165ecc;
-$audioLevelShadow: rgba(9, 36, 77, 0.9);
-$videoStateIndicatorColor: $defaultColor;
-$videoStateIndicatorBackground: $toolbarBackground;
-$videoStateIndicatorSize: 40px;
-$remoteVideoMenuIconMargin: initial;
-
-/**
- * Feedback Modal
- */
-$feedbackContentBg: #fff;
-$feedbackInputBg: #fff;
-$feedbackTextColor: #000;
-$feedbackInputTextColor: #333;
-$feedbackInputPlaceholderColor: #777;
-
-/**
- * Modals
- */
-$modalButtonFontSize: 14px;
-$modalMockAKInputBackground: #fafbfc;
-$modalMockAKInputBorder: 1px solid #f4f5f7;
-$modalTextColor: #333;
-
-/**
- * Chat
- */
-$chatActionsSeparatorColor: rgb(173, 105, 112);
-$chatHeaderBackgroundColor: rgba(42, 58, 75, 0.9);
-$chatInputSeparatorColor: #A4B8D1;
-$chatLocalMessageBackgroundColor: rgb(4, 98, 178);
-$chatPrivateMessageBackgroundColor: rgb(153, 69, 77);
-$chatRemoteMessageBackgroundColor:  rgb(86, 101, 114);
-$sidebarWidth: 375px;
-
- /**
- * Misc.
- */
-$borderRadius: 4px;
-$defaultWatermarkLink: '../images/watermark.png';
-$popoverMenuPadding: 13px;
-$happySoftwareBackground: transparent;
-$desktopAppDragBarHeight: 25px;
-$scrollHeight: 7px;
-
-/**
- * Z-indexes. TODO: Replace this by a function.
- */
-$zindex0: 0;
-$zindex1: 1;
-$zindex2: 2;
-$zindex3: 3;
-$toolbarBackgroundZ: 4;
-$filmstripVideosZ: 5;
-$zindex10: 10;
-$reloadZ: 20;
-$poweredByZ: 100;
-$ringingZ: 300;
-$sideToolbarContainerZ: 300;
-$toolbarZ: 350;
-$tooltipsZ: 401;
-$dropdownMaskZ: 900;
-$dropdownZ: 901;
-$centeredVideoLabelZ: 1010;
-$popoverZ: 1015;
-$overlayZ: 1016;
-
-
-/**
- * Font Colors
- */
-$defaultFontColor: #777;
-$defaultLightFontColor: #F1F1F1;
-$defaultDarkFontColor: #000;
-
-/**
- * Forms
- */
-//inputs
-$inputControlEmColor: #f29424;
-//buttons
-$linkFontColor: #489afe;
-$linkHoverFontColor: #287ade;
-$formPadding: 16px;
-
-/**
- * Unsupported browser
- */
-$primaryUnsupportedBrowserButtonBgColor: #0052CC;
-$unsupportedBrowserButtonBgColor: rgba(9, 30, 66, 0.04);
-$unsupportedBrowserTextColor: #4a4a4a;
-$unsupportedBrowserTextSmallFontSize: 17px;
-$unsupportedBrowserTitleColor: #fff;
-$unsupportedBrowserTitleFontSize: 24px;
-$unsupportedDesktopBrowserTextColor: rgba(255, 255, 255, 0.7);
-$unsupportedDesktopBrowserTextFontSize: 21px;
-
-/**
- * The size of the default watermark.
- */
-$watermarkWidth: 186px;
-$watermarkHeight: 74px;
-
-/**
- * Welcome page variables.
- */
-$welcomePageDescriptionColor: #fff;
-$welcomePageFontFamily: inherit;
-$welcomePageBackground: linear-gradient(-90deg, #1251AE 0%, #0074FF 50%, #1251AE 100%);
-$welcomePageTitleColor: #fff;
-
-$welcomePageHeaderBackground: none;
-$welcomePageHeaderBackgroundSmall: none;
-$welcomePageHeaderBackgroundPosition: none;
-$welcomePageHeaderBackgroundRepeat: none;
-$welcomePageHeaderBackgroundSize: none;
-$welcomePageHeaderPaddingBottom: 0px;
-
-$welcomePageHeaderTextMarginTop: 35px;
-$welcomePageHeaderTextMarginBottom: 35px;
-
-$welcomePageHeaderTextTitleMarginBottom: 16px;
-$welcomePageHeaderTextTitleFontSize: 2.5rem;
-$welcomePageHeaderTextTitleFontWeight: 500;
-$welcomePageHeaderTextTitleLineHeight: 1.18;
-$welcomePageHeaderTextTitleOpacity: 1;
-
-$welcomePageHeaderTextDescriptionDisplay: inherit;
-$welcomePageHeaderTextDescriptionFontSize: 1rem;
-$welcomePageHeaderTextDescriptionFontWeight: 400;
-$welcomePageHeaderTextDescriptionLineHeight: 24px;
-$welcomePageHeaderTextDescriptionMarginBottom: 20px;
-$welcomePageHeaderTextDescriptionAlignSelf: inherit;
-
-$welcomePageEnterRoomWidth: 680px;
-$welcomePageEnterRoomPadding: 25px 30px;
-$welcomePageEnterRoomBorderRadius: 0px;
-
-$welcomePageEnterRoomInputContainerPadding: 0 8px 5px 0px;
-$welcomePageEnterRoomInputContainerBorderWidth: 0px 0px 2px 0px;
-$welcomePageEnterRoomInputContainerBorderStyle: solid;
-$welcomePageEnterRoomInputContainerBorderImage: linear-gradient(to right, #dee1e6, #fff) 1;
-
-$welcomePageEnterRoomTitleDisplay: inherit;
-
-$welcomePageTabContainerDisplay: flex;
-$welcomePageTabContentDisplay: inherit;
-$welcomePageTabButtonsDisplay: flex;
-$welcomePageTabDisplay: block;
-
-$welcomePageButtonWidth: 51px;
-$welcomePageButtonMinWidth: inherit;
-$welcomePageButtonFontSize: 14px;
-$welcomePageButtonHeight: 35px;
-$welcomePageButtonFontWeight: inherit;
-$welcomePageButtonBorderRadius: 4px;
-$welcomePageButtonLineHeight: 35px;
-
-/**
- * Deep-linking page variables.
- */
-$deepLinkingMobileLogoHeight: 40px;
-
-$deepLinkingMobileHeaderBackground: #f1f2f5;
-
-$deepLinkingMobileLinkColor: inherit;
-$deepLinkingMobileTextFontSize: inherit;
-$deepLinkingMobileTextLineHeight: inherit;
-
-$deepLinkingDialInConferenceIdMargin: 10px 0 10px 0;
-$deepLinkingDialInConferenceIdPadding: inherit;
-$deepLinkingDialInConferenceIdBackgroundColor: inherit;
-$deepLinkingDialInConferenceIdBorderRadius: inherit;
-
-$deepLinkingDialInConferenceNameFontSize: inherit;
-$deepLinkingDialInConferenceNameLineHeight: inherit;
-$deepLinkingDialInConferenceNameMarginBottom: none;
-$deepLinkingDialInConferenceNameFontWeight: inherit;
-
-$deepLinkingDialInConferenceDescriptionFontSize: 0.8em;
-$deepLinkingDialInConferenceDescriptionLineHeight: inherit;
-$deepLinkingDialInConferenceDescriptionMarginBottom: none;
-
-$deepLinkingDialInConferencePinFontSize: inherit;
-$deepLinkingDialInConferencePinLineHeight: inherit;
-
-$depLinkingMobileHrefLineHeight: 2.2857142857142856em;
-$deepLinkingMobileHrefFontWeight: bolder;
-$deepLinkingMobileHrefFontSize: inherit;
-
-$deepLinkingMobileButtonHeight: 2.2857142857142856em;
-$deepLinkingMobileButtonLineHeight: 2.2857142857142856em;
-$deepLinkingMobileButtonMargin: 18px auto 10px;
-$deepLinkingMobileButtonWidth: auto;
-$deepLinkingMobileButtonFontWeight: bold;
-$deepLinkingMobileButtonFontSize: inherit;
-
-$primaryDeepLinkingMobileButtonBorderRadius: inherit;
-
-/**
-* Chrome extension banner variables.
-*/
-$chromeExtensionBannerDontShowAgainDisplay: flex;
-$chromeExtensionBannerHeight: 128px;
-$chromeExtensionBannerTop: 80px;
-$chromeExtensionBannerRight: 16px;
-$chromeExtensionBannerTopInMeeting: 10px;
-$chromeExtensionBannerRightInMeeeting: 10px;
-

css/_video-preview.css

@@ -1,66 +0,0 @@
-.video-preview {
-    background: none;
-    max-height: 290px;
-    overflow: auto;
-
-    &-entry {
-        cursor: pointer;
-        height: 135px;
-        margin-bottom: 16px;
-        position: relative;
-        width: 240px;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-
-        &--selected {
-            border: 3px solid #31B76A;
-            cursor: default;
-            height: 129px;
-            width: 234px;
-        }
-    }
-
-    &-video {
-        height: 100%;
-        object-fit: cover;
-        width: 100%;
-    }
-
-    &-overlay {
-        background: rgba(42, 58, 75, 0.6);
-        height: 100%;
-        position: absolute;
-        width: 100%;
-        z-index: 1;
-    }
-
-    &-error {
-        align-items: center;
-        display: flex;
-        height: 100%;
-        justify-content: center;
-        position: absolute;
-        width: 100%;
-    }
-
-    &-label {
-        color: #fff;
-        font-size: 13px;
-        line-height: 20px;
-        overflow: hidden;
-        padding: 8px;
-        position: absolute;
-        text-align: center;
-        text-overflow: ellipsis;
-        width: 220px;
-        z-index: 2;
-    }
-
-    // Override @atlaskit/InlineDialog container which is made with styled components
-    & > div > div:nth-child(2) > div > div {
-        outline: none;
-        padding: 16px;
-    }
-}

css/_videolayout_default.scss

@@ -1,705 +0,0 @@
-#videoconference_page {
-    min-height: 100%;
-}
-
-#videospace {
-    display: block;
-    height: 100%;
-    width: 100%;
-    min-height: 100%;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    right: 0px;
-    overflow: hidden;
-}
-
-#largeVideoBackgroundContainer,
-.large-video-background {
-    height: 100%;
-    left: 0;
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    width: 100%;
-
-    #largeVideoBackground {
-        min-height: 100%;
-        min-width: 100%;
-    }
-}
-#largeVideoBackgroundContainer {
-    filter: blur(40px);
-}
-
-.videocontainer {
-    position: relative;
-    text-align: center;
-
-    &__background {
-        @include topLeft();
-        background-color: black;
-        border-radius: $borderRadius;
-        width: 100%;
-        height: 100%;
-    }
-
-    /**
-     * The toolbar of the video thumbnail.
-     */
-    &__toolbar,
-    &__toptoolbar {
-        position: absolute;
-        left: 0;
-        pointer-events: none;
-        z-index: $zindex10;
-        width: 100%;
-        box-sizing: border-box; // Includes the padding in the 100% width.
-
-        /**
-         * FIXME (lenny): Disabling pointer-events is a pretty big sin that
-         * sidesteps the problems. There are z-index wars occurring within
-         * videocontainer and AtlasKit Tooltips rely on their parent z-indexe
-         * being higher than whatever they need to appear over. So set a higher
-         * z-index for the tooltip containers but make any empty space not block
-         * mouse overs for various mouseover triggers.
-         */
-        pointer-events: none;
-
-        * {
-            pointer-events: auto;
-        }
-
-        .indicator-container {
-            display: inline-block;
-            float: left;
-            pointer-events: all;
-        }
-    }
-
-    &__toolbar {
-        bottom: 0;
-        height: $thumbnailToolbarHeight;
-        padding: 0 5px 0 5px;
-    }
-
-    &__toptoolbar {
-        $toolbarIconMargin: 5px;
-        top: 0;
-        padding-bottom: 0;
-        /**
-         * Override text-align center as icons need to be left justified.
-         */
-        text-align: left;
-
-        /**
-         * Intentionally use margin on the icon itself as AtlasKit InlineDialog
-         * positioning depends on the trigger (indicator icon).
-         */
-        .indicator {
-            margin-left: 5px;
-            margin-top: $toolbarIconMargin;
-        }
-
-        .indicator-container:nth-child(1) .indicator {
-            margin-left: $toolbarIconMargin;
-        }
-
-        .indicator-container {
-            display: inline-block;
-            vertical-align: top;
-
-            .popover-trigger {
-                display: inline-block;
-            }
-        }
-
-        .connection-indicator,
-        .indicator {
-            position: relative;
-            font-size: 8px;
-            text-align: center;
-            line-height: $thumbnailIndicatorSize;
-            padding: 0;
-            @include circle($thumbnailIndicatorSize);
-            box-sizing: border-box;
-            z-index: $zindex3;
-            background: $dominantSpeakerBg;
-            color: $thumbnailPictogramColor;
-            border: $thumbnailIndicatorBorder solid $thumbnailPictogramColor;
-
-            .indicatoricon {
-                @include absoluteAligning();
-            }
-
-            .connection {
-                position: relative;
-                display: inline-block;
-                margin: 0 auto;
-                left: 0;
-                @include transform(translate(0, -50%));
-
-                &_empty,
-                &_lost
-                {
-                    color: #8B8B8B;/*#FFFFFF*/
-                    overflow: hidden;
-                }
-
-                &_full
-                {
-                    @include topLeft();
-                    color: #FFFFFF;/*#15A1ED*/
-                    overflow: hidden;
-                }
-
-                &_ninja
-                {
-                    font-size: 1.5em;
-                }
-            }
-
-            .icon-gsm-bars {
-                cursor: pointer;
-                font-size: 1em;
-            }
-        }
-
-        .hide-connection-indicator {
-            display: none;
-        }
-    }
-
-    &__hoverOverlay {
-        background: rgba(0,0,0,.6);
-        border-radius: $borderRadius;
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 100%;
-        height: 100%;
-        visibility: hidden;
-        z-index: $zindex2;
-    }
-}
-
-#localVideoWrapper {
-    display:inline-block;
-}
-
-.flipVideoX {
-    transform: scale(-1, 1);
-    -moz-transform: scale(-1, 1);
-    -webkit-transform: scale(-1, 1);
-    -o-transform: scale(-1, 1);
-}
-
-#localVideoWrapper video,
-#localVideoWrapper object {
-    border-radius: $borderRadius !important;
-    cursor: hand;
-    object-fit: cover;
-}
-
-#largeVideo,
-#largeVideoWrapper,
-#largeVideoContainer {
-    overflow: hidden;
-    text-align: center;
-}
-
-#largeVideoContainer {
-    height: 100%;
-    width: 100%;
-}
-
-#largeVideoWrapper {
-    box-shadow: 0 0 20px -2px #444;
-}
-
-#largeVideo,
-#largeVideoWrapper
-{
-    object-fit: cover;
-}
-
-#sharedVideo,
-#etherpad,
-#localVideoWrapper video,
-#localVideoWrapper object,
-#localVideoWrapper,
-#largeVideoWrapper,
-#largeVideoWrapper>video,
-#largeVideoWrapper>object,
-.videocontainer>video,
-.videocontainer>object {
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: $zindex1;
-    width: 100%;
-    height: 100%;
-}
-
-#etherpad {
-    text-align: center;
-}
-
-#etherpad {
-    z-index: $zindex0;
-}
-
-/**
- * Positions video thumbnail display name and editor.
- */
-#alwaysOnTop .displayname,
-.videocontainer .displayname,
-.videocontainer .editdisplayname {
-    display: inline-block;
-    position: absolute;
-    left: 10%;
-    width: 80%;
-    top: 50%;
-    @include transform(translateY(-40%));
-    color: $participantNameColor;
-    text-align: center;
-    text-overflow: ellipsis;
-    font-size: 12px;
-    font-weight: 100;
-    overflow: hidden;
-    white-space: nowrap;
-    line-height: $thumbnailToolbarHeight;
-    z-index: $zindex2;
-}
-
-#alwaysOnTop .displayname {
-    font-size: 15px;
-    position: inherit;
-    width: 100%;
-    left: 0px;
-    top: 0px;
-    margin-top: 10px;
-}
-
-/**
- * Positions video thumbnail display name editor.
- */
-.videocontainer .editdisplayname {
-    outline: none;
-    border: none;
-    background: none;
-    box-shadow: none;
-    padding: 0;
-}
-
-#localVideoContainer .displayname:hover {
-    cursor: text;
-}
-
-.videocontainer .displayname {
-    pointer-events: none;
-    padding: 0 3px 0 3px;
-}
-
-.videocontainer .editdisplayname {
-    height: auto;
-}
-
-#localDisplayName {
-    pointer-events: auto !important;
-}
-
-.videocontainer>a.displayname {
-    display: inline-block;
-    position: absolute;
-    color: #FFFFFF;
-    bottom: 0;
-    right: 0;
-    padding: 3px 5px;
-    font-size: 9pt;
-    cursor: pointer;
-    z-index: $zindex2;
-}
-
-/**
- * Video thumbnail toolbar icon.
- */
-.videocontainer .toolbar-icon {
-    font-size: 8pt;
-    text-align: center;
-    text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
-    color: #FFFFFF;
-    width: 12px;
-    line-height: $thumbnailToolbarHeight;
-    height: $thumbnailToolbarHeight;
-    padding: 0;
-    border: 0;
-    margin: 0px 5px 0px 0px;
-}
-
-/**
- * Toolbar icon internal i elements (font icons).
- */
-.toolbar-icon>div {
-    height: $thumbnailToolbarHeight;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
-
-/**
- * Toolbar icons positioned on the right.
- */
-.moderator-icon {
-    display: inline-block;
-
-    &.right {
-        float: right;
-        margin: 0px 0px 0px 5px;
-    }
-
-    .toolbar-icon {
-        margin: 0;
-    }
-}
-
-.raisehandindicator {
-  background: $raiseHandBg;
-}
-
-.connection-indicator {
-    background: $connectionIndicatorBg;
-
-    &.status-high {
-        background: green;
-    }
-
-    &.status-med {
-        background: #FFD740;
-    }
-
-    &.status-lost {
-        background: gray;
-    }
-
-    &.status-low {
-        background: #BF2117;
-    }
-
-    &.status-other {
-        background: $connectionIndicatorBg;
-    }
-}
-
-.remote-video-menu-trigger,
-.remotevideomenu
-{
-    display: inline-block;
-    position: absolute;
-    top: 0px;
-    right: 0;
-    z-index: $zindex2;
-    width: 18px;
-    height: 13px;
-    color: #FFF;
-    font-size: 10pt;
-    margin-right: $remoteVideoMenuIconMargin;
-
-    >i{
-        cursor: hand;
-    }
-}
-.remote-video-menu-trigger {
-    margin-top: 7px;
-}
-
-/**
- * Audio indicator on video thumbnails.
- */
-.videocontainer>span.audioindicator,
-.videocontainer>.audioindicator-container {
-    position: absolute;
-    display: inline-block;
-    left: 6px;
-    top: 50%;
-    margin-top: -17px;
-    width: 6px;
-    height: 35px;
-    z-index: $zindex2;
-    border: none;
-
-    .audiodot-top,
-    .audiodot-bottom,
-    .audiodot-middle {
-        opacity: 0;
-        display: inline-block;
-        @include circle(5px);
-        background: $audioLevelShadow;
-        margin: 1px 0 1px 0;
-        transition: opacity .25s ease-in-out;
-        -moz-transition: opacity .25s ease-in-out;
-    }
-
-    span.audiodot-top::after,
-    span.audiodot-bottom::after,
-    span.audiodot-middle::after {
-        content: "";
-        display: inline-block;
-        width: 5px;
-        height: 5px;
-        border-radius: 50%;
-        -webkit-filter: blur(0.5px);
-        filter: blur(0.5px);
-        background: $audioLevelBg;
-    }
-}
-
-#reloadPresentation {
-    display: none;
-    position: absolute;
-    color: #FFFFFF;
-    top: 0;
-    right:0;
-    padding: 10px 10px;
-    font-size: 11pt;
-    cursor: pointer;
-    background: rgba(0, 0, 0, 0.3);
-    border-radius: 5px;
-    background-clip: padding-box;
-    -webkit-border-radius: 5px;
-    -webkit-background-clip: padding-box;
-    z-index: $reloadZ; /*The reload button should appear on top of the header!*/
-}
-
-.audiolevel {
-    display: inline-block;
-    position: absolute;
-    z-index: $zindex0;
-    border-radius:1px;
-    pointer-events: none;
-}
-
-#dominantSpeaker {
-    visibility: hidden;
-    width: 300px;
-    height: 300px;
-    margin: auto;
-    position: relative;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-#mixedstream {
-    display:none !important;
-}
-
-#dominantSpeakerAvatarContainer,
-.dynamic-shadow {
-    width: 200px;
-    height: 200px;
-}
-
-#dominantSpeakerAvatarContainer {
-    top: 50px;
-    margin: auto;
-    position: relative;
-    overflow: hidden;
-    visibility: inherit;
-}
-
-.dynamic-shadow {
-    border-radius: 50%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -100px 0 0 -100px;
-    transition: box-shadow 0.3s ease;
-}
-
-.avatar-container {
-    @include maxSize(60px);
-    @include absoluteAligning();
-    display: flex;
-    justify-content: center;
-    height: 50%;
-    width: auto;
-    overflow: hidden;
-
-    .userAvatar {
-        height: 100%;
-        object-fit: cover;
-        width: 100%;
-        top: 0px;
-        left: 0px;
-        position: absolute;
-    }
-}
-
-#videoNotAvailableScreen {
-    text-align: center;
-    #avatarContainer {
-        border-radius: 50%;
-        display: inline-block;
-        height: 50vh;
-        margin-top: 25vh;
-        overflow: hidden;
-        width: 50vh;
-
-        #avatar {
-            height: 100%;
-            object-fit: cover;
-            width: 100%;
-        }
-    }
-}
-
-.sharedVideoAvatar {
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    height: 100%;
-    width: 100%;
-    object-fit: cover;
-}
-
-.videoMessageFilter {
-    -webkit-filter: grayscale(.5) opacity(0.8);
-    filter: grayscale(.5) opacity(0.8);
-}
-
-#remotePresenceMessage,
-#remoteConnectionMessage {
-    position: absolute;
-    width: auto;
-    z-index: $zindex2;
-    font-weight: 600;
-    font-size: 14px;
-    text-align: center;
-    color: #FFF;
-    left: 50%;
-    transform: translate(-50%, 0);
-}
-#remotePresenceMessage .presence-label,
-#remoteConnectionMessage {
-    opacity: .80;
-    text-shadow:    0px 0px 1px rgba(0,0,0,0.3),
-                    0px 1px 1px rgba(0,0,0,0.3),
-                    1px 0px 1px rgba(0,0,0,0.3),
-                    0px 0px 1px rgba(0,0,0,0.3);
-
-    background: rgba(0,0,0,.5);
-    border-radius: 5px;
-    padding: 5px;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-#remoteConnectionMessage {
-    display: none;
-}
-
-.display-avatar-with-name {
-    .avatar-container {
-        visibility: visible;
-    }
-
-    .displayNameContainer {
-        visibility: visible;
-    }
-
-    .videocontainer__hoverOverlay {
-        visibility: visible;
-    }
-
-    video {
-        visibility: hidden;
-    }
-}
-
-.display-name-on-black {
-    .avatar-container {
-        visibility: hidden;
-    }
-
-    .displayNameContainer {
-        visibility: visible;
-    }
-
-    .videocontainer__hoverOverlay {
-        visibility: hidden;
-    }
-
-    video {
-        opacity: 0.2;
-        visibility: visible;
-    }
-}
-
-.display-video {
-    .avatar-container {
-        visibility: hidden;
-    }
-
-    .displayNameContainer {
-        visibility: hidden;
-    }
-
-    .videocontainer__hoverOverlay {
-        visibility: hidden;
-    }
-
-    video {
-        visibility: visible;
-    }
-}
-
-.display-name-on-video {
-    .avatar-container {
-        visibility: hidden;
-    }
-
-    .displayNameContainer {
-        visibility: visible;
-    }
-
-    .videocontainer__hoverOverlay {
-        visibility: visible;
-    }
-
-    video {
-        visibility: visible;
-    }
-}
-
-.display-avatar-only {
-    .avatar-container {
-        visibility: visible;
-    }
-
-    .displayNameContainer {
-        visibility: hidden;
-    }
-
-    .videocontainer__hoverOverlay {
-        visibility: hidden;
-    }
-
-    video {
-        visibility: hidden;
-    }
-}
-
-.presence-label {
-    color: $participantNameColor;
-    font-size: 12px;
-    font-weight: 100;
-    left: 0;
-    margin: 0 auto;
-    overflow: hidden;
-    pointer-events: none;
-    right: 0;
-    text-align: center;
-    text-overflow: ellipsis;
-    top: calc(50% + 30px);
-    white-space: nowrap;
-    width: 100%;
-}

css/_welcome_page.scss

@@ -1,184 +0,0 @@
-body.welcome-page {
-    background: inherit;
-    overflow: auto;
-}
-
-.welcome {
-    background-image: $welcomePageBackground;
-    display: flex;
-    flex-direction: column;
-    font-family: $welcomePageFontFamily;
-    justify-content: space-between;
-    min-height: 100vh;
-    position: relative;
-
-    .header {
-        background-image: $welcomePageHeaderBackground;
-        background-position: $welcomePageHeaderBackgroundPosition;
-        background-repeat: $welcomePageHeaderBackgroundRepeat;
-        background-size: $welcomePageHeaderBackgroundSize;
-        padding-bottom: $welcomePageHeaderPaddingBottom;
-        align-items: center;
-        display: flex;
-        flex-direction: column;
-        min-height: fit-content;
-        overflow: hidden;
-        position: relative;
-        text-align: center;
-
-        .header-text {
-            display: flex;
-            flex-direction: column;
-            margin-top: $watermarkHeight + $welcomePageHeaderTextMarginTop;
-            margin-bottom: $welcomePageHeaderTextMarginBottom;
-            max-width: calc(100% - 40px);
-            width: 650px;
-            z-index: $zindex2;
-        }
-
-        .header-text-title {
-            color: $welcomePageTitleColor;
-            font-size: $welcomePageHeaderTextTitleFontSize;
-            font-weight: $welcomePageHeaderTextTitleFontWeight;
-            line-height: $welcomePageHeaderTextTitleLineHeight;
-            margin-bottom: $welcomePageHeaderTextTitleMarginBottom;
-            opacity: $welcomePageHeaderTextTitleOpacity;
-        }
-
-        .header-text-description {
-            display: $welcomePageHeaderTextDescriptionDisplay;
-            color: $welcomePageDescriptionColor;
-            font-size: $welcomePageHeaderTextDescriptionFontSize;
-            font-weight: $welcomePageHeaderTextDescriptionFontWeight;
-            line-height: $welcomePageHeaderTextDescriptionLineHeight;
-            margin-bottom: $welcomePageHeaderTextDescriptionMarginBottom;
-            align-self: $welcomePageHeaderTextDescriptionAlignSelf;
-        }
-
-        #enter_room {
-            display: flex;
-            align-items: center;
-            max-width: calc(100% - 40px);
-            width: $welcomePageEnterRoomWidth;
-            z-index: $zindex2;
-            background-color: #fff;
-            padding: $welcomePageEnterRoomPadding;
-            border-radius: $welcomePageEnterRoomBorderRadius;
-
-            .enter-room-input-container {
-                width: 100%;
-                padding: $welcomePageEnterRoomInputContainerPadding;
-                text-align: left;
-                color: #253858;
-                height: fit-content;
-                border-width: $welcomePageEnterRoomInputContainerBorderWidth;
-                border-style: $welcomePageEnterRoomInputContainerBorderStyle;
-                border-image: $welcomePageEnterRoomInputContainerBorderImage;
-
-                .enter-room-title {
-                    display: $welcomePageEnterRoomTitleDisplay;
-                    font-size: 18px;
-                    font-weight: bold;
-                    padding-bottom: 5px;
-                }
-
-                .enter-room-input {
-                    border: none;
-                    display: inline-block;
-                    width: 100%;
-                    font-size: 14px;
-                }
-
-                ::placeholder {
-                    color: #253858;
-                }
-            }
-
-        }
-
-        .tab-container {
-            font-size: 16px;
-            position: relative;
-            text-align: left;
-            min-height: 354px;
-            width: 710px;
-            background: #75A7E7;
-            display: $welcomePageTabContainerDisplay;
-            flex-direction: column;
-
-            .tab-content{
-                display: $welcomePageTabContentDisplay;
-                margin: 5px 0px;
-                overflow: hidden;
-                flex-grow: 1;
-                position: relative;
-
-                > * {
-                    position: absolute;
-                }
-            }
-
-            .tab-buttons {
-                font-size: 18px;
-                color: #FFFFFF;
-                display: $welcomePageTabButtonsDisplay;
-                flex-grow: 0;
-                flex-direction: row;
-                min-height: 54px;
-                width: 100%;
-
-                .tab {
-                    display: $welcomePageTabDisplay;
-                    text-align: center;
-                    background: rgba(9,30,66,0.37);
-                    height: 55px;
-                    line-height: 54px;
-                    flex-grow: 1;
-                    cursor: pointer;
-
-                    &.selected, &:hover {
-                        background: rgba(9,30,66,0.71);
-                    }
-
-                    &:last-child {
-                        margin-left: 1px;
-                    }
-                }
-            }
-        }
-    }
-
-    .welcome-page-button {
-        width: $welcomePageButtonWidth;
-        min-width: $welcomePageButtonMinWidth;
-        height: $welcomePageButtonHeight;
-        font-size: $welcomePageButtonFontSize;
-        font-weight: $welcomePageButtonFontWeight;
-        background: #0074E0;
-        border-radius: $welcomePageButtonBorderRadius;
-        color: #FFFFFF;
-        text-align: center;
-        vertical-align: middle;
-        line-height: $welcomePageButtonLineHeight;
-        cursor: pointer;
-    }
-
-    .welcome-page-settings {
-        color: $welcomePageDescriptionColor;
-        position: absolute;
-        top: 32px;
-        right: 32px;
-        z-index: $zindex2;
-
-        * {
-            cursor: pointer;
-            font-size: 32px;
-        }
-    }
-
-    .welcome-watermark {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-    }
-}

css/_welcome_page_content.scss

@@ -1 +0,0 @@
-/** Insert custom CSS for any additional content in the welcome page **/

css/_welcome_page_settings_toolbar.scss

@@ -1 +0,0 @@
-/** Insert custom CSS for any additional content in the welcome page settings toolbar **/

css/aui-components/dropdown.scss

@@ -1,68 +0,0 @@
-.select2-container.aui-select2-container {
-    background-color: transparent !important;
-    margin-top: 2px;
-
-    a.select2-choice {
-        height: 28px !important;
-        line-height: 18px !important;
-        width: 100% !important;
-        background-color: $selectBg !important;
-        border-color: $selectBg !important;
-        color: $selectFontColor !important;
-        text-shadow: none !important;
-        font-size: 12px !important;
-        margin: 0 auto !important;
-
-        &:after {
-            border-top-color: $selectFontColor;
-        }
-    }
-
-    &.select2-dropdown-open{
-        a.select2-choice {
-            background-color: $selectActiveBg !important;
-            border-color: $selectActiveBg !important;
-        }
-    }
-}
-
-.select2-drop.aui-select2-drop.aui-style-default {
-    z-index: $dropdownZ;
-    background-color: $selectActiveBg;
-    border-color: $selectActiveBg;
-
-    .select2-results{
-        background-color: $selectActiveBg;
-        border-color: $selectActiveBg;
-
-        &::-webkit-scrollbar {
-            background-color: transparent;
-        }
-        &::-webkit-scrollbar-track {
-            background-color: transparent;
-        }
-        &::-webkit-scrollbar-track-piece {
-            background-color: transparent;
-        }
-        &::-webkit-scrollbar-thumb {
-            background-color: $selectActiveItemBg;
-        }
-
-        .select2-result{
-            &.select2-highlighted{
-                background-color: $selectActiveItemBg;
-            }
-
-            .select2-result-label{
-                font-size: 12px;
-                color: $selectFontColor !important;
-                line-height: 20px;
-            }
-        }
-
-    }
-}
-
-.select2-drop-mask {
-    z-index: $dropdownMaskZ;
-}

css/components/_button-control.scss

@@ -1,101 +0,0 @@
-.button-control {
-    box-sizing: border-box;
-    display: inline-block;
-    border: 1px solid $buttonBorder;
-    vertical-align: baseline;
-    height: 30px;
-    min-width: 60px;
-    padding: 4px 10px;
-    margin: 0;
-    line-height: 1.5em;
-    outline: none;
-    background-color: transparent;
-    float: right;
-    font-size: 14px;
-    margin-left: 10px;
-    color: $buttonColor;
-    font-weight: $buttonFontWeight;
-    @include transition(background-color .1s ease-out);
-
-    &[disabled] {
-        color: #666;
-        cursor: default;
-    }
-
-    &_full-width {
-        margin: 0;
-        width: 100%;
-    }
-
-    &:hover {
-        border: 1px solid $buttonHoverBorder;
-        background-color: $buttonHoverBackground;
-        @include transition(background-color .1s ease-in);
-    }
-
-    &:active {
-        @include box-shadow(0, 0, 1px, $buttonShadowColor, true);
-    }
-
-    &_light {
-        color: $defaultDarkColor;
-        background-color: $buttonLightBackground;
-        border: 1px solid $buttonLightBorder;
-
-        &:hover {
-            border: 1px solid $buttonLightHoverBorder;
-            background-color: $buttonLightHoverBackground;
-        }
-    }
-
-    &_link {
-        color: $buttonLinkColor;
-        background-color: $buttonLinkBackground;
-
-        &:hover {
-            background-color: $buttonLinkBackground;
-        }
-    }
-
-    &_overlay {
-        color: $primaryButtonColor;
-        background-color: $overlayButtonBg;
-        border-radius: 2px;
-        border: none;
-
-        &:hover {
-            background-color: $primaryButtonBackground;
-            border: none;
-        }
-    }
-
-    &_primary {
-        background-color: $primaryButtonBackground;
-        border: 1px solid $primaryButtonBackground;
-        color: $primaryButtonColor !important;
-        font-weight: $primaryButtonFontWeight;
-
-        &:hover {
-            border: 1px solid $primaryButtonHoverBackground;
-            background-color: $primaryButtonHoverBackground;
-        }
-
-        &[disabled] {
-            color: $primaryButtonColor;
-        }
-    }
-
-    &_close {
-        color: $defaultFontColor;
-    }
-    &_submit {
-        color: $linkFontColor;
-        &:hover {
-            color: $linkHoverFontColor;
-        }
-    }
-
-    &_center {
-        float: none !important;
-    }
-}

css/components/_form-control.scss

@@ -1,49 +0,0 @@
-.form-control {
-    padding: $formPadding 0;
-
-    &:first-child {
-        padding-top: 0;
-    }
-
-    &:last-child {
-        padding-bottom: 0;
-    }
-
-    &__text {
-        margin: 8px 0;
-        font-size: 1em
-    }
-
-    &__label {
-        font-size: 1em;
-        font-weight: $labelFontWeight;
-    }
-
-    &__em {
-        color: $inputControlEmColor;
-    }
-
-    &__container {
-        position: relative;
-        width: 100%;
-        margin-top: 5px;
-        margin-bottom: 5px;
-        @include flex();
-
-        .button-control {
-            margin: 1px 0 1px 10px;
-        }
-    }
-
-    &__right {
-        position: absolute;
-        right: 0;
-    }
-}
-
-/**
- * Set a specific color for read only style.
- */
-input:read-only {
-    color: $readOnlyInputColor;
-}

css/components/_input-control.scss

@@ -1,29 +0,0 @@
-.input-control {
-    @include transition(all .2s ease-in);
-    display: inline-block;
-    width: 100%;
-    padding: 5px 7px;
-    border-radius: $borderRadius;
-    line-height: 32px;
-    height: 32px;
-    text-align: left;
-    margin-bottom: 8px;
-
-    &:last-child {
-        margin-bottom: inherit;
-    }
-
-    &::selection {
-        background-color: $defaultDarkSelectionColor;
-    }
-
-
-    &.error {
-        color: $errorColor;
-        border-color: $errorColor;
-    }
-}
-
-@include placeholder {
-    color: $placeHolderColor;
-}

css/components/_input-slider.scss

@@ -1,41 +0,0 @@
-/**
- * Disable the default webkit styles for range inputs (sliders).
- */
-input[type=range]{
-    -webkit-appearance: none;
-    background: none;
-}
-
-/**
- * Disable the default focus styles for webkit range inputs (sliders).
- */
-input[type=range]:focus {
-    outline: none;
-}
-
-/**
- * Include the mixin for a range input style.
- */
-@include slider {
-    background: $sliderTrackBackground;
-    border: none;
-    border-radius: 3px;
-    cursor: pointer;
-    height: 6px;
-    width: 100%;
-}
-
-/**
- * Include the mixin for a range input thumb style.
- */
-@include slider-thumb {
-    -webkit-appearance: none;
-    background: white;
-    border: 1px solid $sliderThumbBackground;
-    border-radius: 50%;
-    box-shadow: 0px 0px 1px $sliderThumbBackground;
-    cursor: pointer;
-    height: 14px;
-    margin-top: -4px;
-    width: 14px;
-}

css/components/_link.scss

@@ -1,20 +0,0 @@
-.link {
-    cursor: pointer;
-    color: $linkFontColor;
-    @include transition(color .1s ease-out);
-
-    &:hover {
-        color: $linkHoverFontColor;
-        text-decoration: underline;
-        @include transition(color .1s ease-in);
-    }
-}
-
-/**
- * Helper links are links that are meant to open a documentation page or more
- * detailed info.
- */
-.helper-link {
-    @extend .link;
-    font-size: 12px;
-}

css/deep-linking/_desktop.scss

@@ -1,75 +0,0 @@
-.deep-linking-desktop {
-    background-color: #fff;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-flow: column;
-    .header {
-        width: 100%;
-        height: 55px;
-        background-color: #f1f2f5;
-        padding-top: 15px;
-        padding-left: 50px;
-        display: flex;
-        flex-flow: row;
-        flex: 0 0 55px;
-        .logo {
-            height: 40px;
-        }
-    }
-    .content {
-        padding-top: 40px;
-        padding-bottom: 40px;
-        left: 0px;
-        right: 0px;
-        display: flex;
-        width: 100%;
-        height: 100%;
-        flex-flow: row;
-        .leftColumn {
-            left: 0px;
-            width: 50%;
-            min-height: 156px;
-            display: flex;
-            flex-flow: column;
-            .leftColumnContent{
-                padding: 20px;
-                display: flex;
-                flex-flow: column;
-                height: 100%;
-                .image {
-                    background-image: url('../images/deep-linking-image.png');
-                    background-repeat: no-repeat;
-                    background-position: center;
-                    background-size: contain;
-                    height: 100%;
-                    width: 100%;
-                }
-            }
-
-        }
-        .rightColumn {
-            top: 0px;
-            width: 50%;
-            min-height: 156px;
-            display: flex;
-            flex-flow: row;
-            align-items: center;
-            .rightColumnContent {
-                display: flex;
-                flex-flow: column;
-                padding: 20px 20px 20px 60px;
-                .title {
-                    color: #1c2946;
-                }
-                .description {
-                    color: #606a80;
-                    margin-top: 8px;
-                }
-                .buttons {
-                    margin-top: 16px;
-                }
-            }
-        }
-    }
-}

css/deep-linking/_main.scss

@@ -1,3 +0,0 @@
-@import 'desktop';
-@import 'mobile';
-@import 'no-mobile-app';

css/deep-linking/_mobile.scss

@@ -1,165 +0,0 @@
-.deep-linking-mobile {
-    background-color: #fff;
-    height: 100vh;
-    overflow: auto;
-    position: relative;
-    width: 100vw;
-
-    .header {
-        width: 100%;
-        height: 70px;
-        background-color: $deepLinkingMobileHeaderBackground;
-        text-align: center;
-        .logo {
-            margin-top: 15px;
-            margin-left: auto;
-            margin-right: auto;
-            height: $deepLinkingMobileLogoHeight;
-        }
-    }
-
-    a {
-        text-decoration: none;
-        color: $deepLinkingMobileLinkColor;
-    }
-
-    &__body {
-        color: $unsupportedBrowserTextColor;
-        margin: auto;
-        max-width: 40em;
-        padding: 35px 0 40px 0;
-        text-align: center;
-        width: 90%;
-
-        a:active {
-            text-decoration: none;
-        }
-
-        .image {
-            max-width: 80%;
-        }
-    }
-
-    &__text {
-        font-weight: bolder;
-        font-size: $deepLinkingMobileTextFontSize;
-        line-height: $deepLinkingMobileTextLineHeight;
-        padding: 10px 10px 0px 10px;
-    }
-
-    &__text,
-    .deep-linking-dial-in  {
-        font-size: 1em;
-        line-height: em(29px, 21px);
-        margin-bottom: 0.65em;
-
-        &_small {
-            font-size: 1.5em;
-            margin-bottom: 1em;
-            margin-top: em(21, 18);
-
-            strong {
-                font-size: em(21, 18);
-            }
-        }
-
-        table {
-            font-size: 1em;
-        }
-
-        .dial-in-conference-id {
-            margin: $deepLinkingDialInConferenceIdMargin;
-            padding: $deepLinkingDialInConferenceIdPadding;
-            background-color: $deepLinkingDialInConferenceIdBackgroundColor;
-            border-radius: $deepLinkingDialInConferenceIdBorderRadius;
-        }
-
-        .dial-in-conference-name {
-            font-size: $deepLinkingDialInConferenceNameFontSize;
-            line-height: $deepLinkingDialInConferenceNameLineHeight;
-            margin-bottom: $deepLinkingDialInConferenceNameMarginBottom;
-            font-weight: $deepLinkingDialInConferenceNameFontWeight;
-        }
-
-        .dial-in-conference-description {
-            font-size: $deepLinkingDialInConferenceDescriptionFontSize;
-            line-height: $deepLinkingDialInConferenceDescriptionLineHeight;
-            margin-bottom: $deepLinkingDialInConferenceDescriptionMarginBottom;
-        }
-
-        .dial-in-conference-pin {
-            font-size: $deepLinkingDialInConferencePinFontSize;
-            line-height: $deepLinkingDialInConferencePinLineHeight;
-        }
-
-        .toll-free-list {
-            min-width: 80px;
-        }
-
-        .numbers-list {
-            min-width: 150px;
-        }
-
-        li.toll-free:empty:before {
-            content: '.';
-            visibility: hidden;
-        }
-    }
-
-    &__href {
-        height: 2.2857142857142856em;
-        line-height: $depLinkingMobileHrefLineHeight;
-        margin: 18px auto 20px;
-        max-width: 300px;
-        width: auto;
-        font-weight: $deepLinkingMobileHrefFontWeight;
-        font-size: $deepLinkingMobileHrefFontSize;
-    }
-
-    &__button {
-        border: 0;
-        height: $deepLinkingMobileButtonHeight;
-        line-height: $deepLinkingMobileButtonLineHeight;
-        margin: $deepLinkingMobileButtonMargin;
-        padding: 0px 10px 0px 10px;
-        max-width: 300px;
-        width: $deepLinkingMobileButtonWidth;
-        @include border-radius(3px);
-        background-color: $unsupportedBrowserButtonBgColor;
-        color: #505F79;
-        font-weight: $deepLinkingMobileButtonFontWeight;
-        font-size: $deepLinkingMobileButtonFontSize;
-
-        &:active {
-            background-color: $unsupportedBrowserButtonBgColor;
-        }
-
-        &_primary {
-            background-color: $primaryUnsupportedBrowserButtonBgColor;
-            color: #FFFFFF;
-            border-radius: $primaryDeepLinkingMobileButtonBorderRadius;
-            &:active {
-                background-color: $primaryUnsupportedBrowserButtonBgColor;
-            }
-        }
-    }
-
-    .deep-linking-dial-in {
-        display: none;
-
-        &.has-numbers {
-            align-items: center;
-            display: flex;
-            flex-direction: column;
-        }
-
-        .dial-in-numbers-list {
-            color: $unsupportedBrowserTextColor;
-            padding-left: 20px;
-        }
-
-        .dial-in-numbers-body {
-            vertical-align: top;
-        }
-    }
-}

css/deep-linking/_no-mobile-app.scss

@@ -1,21 +0,0 @@
-.no-mobile-app {
-    margin: 30% auto 0;
-    max-width: 25em;
-    text-align: center;
-    width: auto;
-
-    &__title {
-        border-bottom: 1px solid $inlayBorderColor;
-        color: $unsupportedBrowserTitleColor;
-        font-weight: 400;
-        letter-spacing: 0.5px;
-        padding-bottom: em(17, 24);
-    }
-
-    &__description {
-        font-size: $unsupportedBrowserTextSmallFontSize;
-        font-weight: 300;
-        letter-spacing: 1px;
-        margin-top: 1em;
-    }
-}

css/filmstrip/_filmstrip_toolbar.scss

@@ -1,31 +0,0 @@
-.filmstrip__toolbar {
-    @include flex();
-    flex-direction: column-reverse;
-    flex-wrap: nowrap;
-    position: relative;
-    width: $filmstripToggleButtonWidth;
-
-    button {
-        font-size: 14px;
-        line-height: 1.2;
-        text-align: center;
-        background: transparent;
-        opacity: 0.7;
-        height: auto;
-        width: 100%;
-        padding: 0;
-        margin: 0;
-        border: none;
-        outline: none;
-
-        -webkit-appearance: none;
-
-        &:hover {
-            opacity: 1;
-        }
-
-        i {
-            cursor: pointer;
-        }
-    }
-}

css/filmstrip/_horizontal_filmstrip.scss

@@ -1,142 +0,0 @@
-%align-right {
-    @include flex();
-    flex-direction: row-reverse;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-}
-
-.horizontal-filmstrip .filmstrip {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    padding: 10px 5px;
-    @extend %align-right;
-    transition: bottom .3s;
-    z-index: $filmstripVideosZ;
-    box-sizing: border-box;
-    width: 100%;
-    position: fixed;
-
-    /*
-     * Firefox sets flex items to min-height: auto and min-width: auto,
-     * preventing flex children from shrinking like they do on other browsers.
-     * Setting min-height and min-width 0 is a workaround for the issue so
-     * Firefox behaves like other browsers.
-     * https://bugzilla.mozilla.org/show_bug.cgi?id=1043520
-     */
-     @mixin minHWAutoFix() {
-        min-height: 0;
-        min-width: 0;
-    }
-
-    &.reduce-height {
-        bottom: calc(#{$newToolbarSizeWithPadding} + #{$scrollHeight});
-    }
-
-    &__videos {
-        @extend %align-right;
-        position:relative;
-        padding: 0;
-        /* The filmstrip should not be covered by the left toolbar. */
-        bottom: 0;
-        width:auto;
-        overflow: visible !important;
-
-        &#remoteVideos {
-            border: $thumbnailsBorder solid transparent;
-            transition: bottom 2s;
-            flex-grow: 1;
-            @include minHWAutoFix()
-        }
-
-        /**
-         * The local video identifier.
-         */
-        &#filmstripLocalVideo {
-            align-self: flex-end;
-            display: block;
-            margin-bottom: 8px;
-        }
-
-        &.hidden {
-            bottom: calc(-196px - #{$newToolbarSizeWithPadding});
-        }
-
-        .remote-videos-container {
-            display: flex;
-        }
-    }
-
-    /**
-     * Style the filmstrip videos in filmstrip-only mode.
-     */
-    &__videos-filmstripOnly {
-        margin-top: auto;
-        margin-bottom: auto;
-
-        .filmstrip__videos {
-            &#filmstripLocalVideo {
-                bottom: 0px;
-            }
-        }
-    }
-
-    .remote-videos-container {
-        transition: opacity 1s;
-    }
-
-    &.hide-videos {
-        .remote-videos-container {
-            opacity: 0;
-            pointer-events: none;
-        }
-    }
-
-    #filmstripRemoteVideos {
-        @include minHWAutoFix();
-
-        display: flex;
-        flex: 1;
-        width: auto;
-        justify-content: flex-end;
-        flex-direction: row;
-
-        #filmstripRemoteVideosContainer {
-            flex-direction: row-reverse;
-            /**
-             * Add padding as a hack for Firefox not to show scrollbars when
-             * unnecessary.
-             */
-            padding: 1px 0;
-            overflow-y: hidden;
-            overflow-x: scroll;
-        }
-    }
-
-    .videocontainer {
-        margin-bottom: 10px;
-    }
-}
-
-
-/**
- * Workarounds for Edge and Firefox not handling scrolling properly with
- * flex-direction: row-reverse.
- */
- @mixin undoRowReverseVideos() {
-    .horizontal-filmstrip {
-        #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
-            flex-direction: row;
-        }
-    }
-}
-
-/** Firefox detection hack **/
-@-moz-document url-prefix() {
-    @include undoRowReverseVideos();
-}
-
-/** Edge detection hack **/
-@supports (-ms-ime-align:auto) {
-    @include undoRowReverseVideos();
-}

css/filmstrip/_small_video.scss

@@ -1,51 +0,0 @@
-.filmstrip__videos .videocontainer {
-    display: inline-block;
-    position: relative;
-    background-size: contain;
-    border: $thumbnailVideoBorder solid transparent;
-    border-radius: $borderRadius;
-    margin: 0 $thumbnailVideoMargin;
-
-    &.videoContainerFocused, &:hover {
-        cursor: hand;
-    }
-
-    /**
-     * Focused video thumbnail.
-     */
-    &.videoContainerFocused {
-        border: $thumbnailVideoBorder solid $videoThumbnailSelected;
-        box-shadow: inset 0 0 3px $videoThumbnailSelected,
-        0 0 3px $videoThumbnailSelected;
-    }
-
-    .remotevideomenu > .icon-menu {
-        display: none;
-    }
-
-    /**
-     * Hovered video thumbnail.
-     */
-    &:hover:not(.videoContainerFocused):not(.active-speaker) {
-        cursor: hand;
-        border: $thumbnailVideoBorder solid $videoThumbnailHovered;
-        box-shadow: inset 0 0 3px $videoThumbnailHovered,
-        0 0 3px $videoThumbnailHovered;
-
-        .remotevideomenu > .icon-menu {
-            display: inline-block;
-        }
-    }
-
-    & > video {
-        cursor: hand;
-        border-radius: $borderRadius;
-        object-fit: cover;
-        overflow: hidden;
-    }
-
-    .presence-label {
-        position: absolute;
-        z-index: $zindex3;
-    }
-}

css/filmstrip/_tile_view.scss

@@ -1,114 +0,0 @@
-/**
- * CSS styles that are specific to the filmstrip that shows the thumbnail tiles.
- */
-.tile-view {
-    /**
-     * Add a border around the active speaker to make the thumbnail easier to
-     * see.
-     */
-    .active-speaker {
-        box-shadow: 0 0 5px 3px $videoThumbnailSelected
-    }
-
-    #filmstripRemoteVideos {
-        align-items: center;
-        box-sizing: border-box;
-        display: flex;
-        flex-direction: column;
-        height: calc(100vh - 200px);
-        width: 100vw;
-        margin: 100px 0px;
-    }
-
-    .filmstrip__videos .videocontainer {
-        &:not(.active-speaker),
-        &:hover:not(.active-speaker) {
-            border: none;
-            box-shadow: none;
-        }
-    }
-
-    #remoteVideos {
-        /**
-         * Height is modified with an inline style in horizontal filmstrip mode
-         * so !important is used to override that.
-         */
-        height: 100% !important;
-        width: 100%;
-    }
-
-    .filmstrip {
-        align-items: center;
-        display: flex;
-        height: 100%;
-        justify-content: center;
-        left: 0;
-        position: fixed;
-        top: 0;
-        width: 100%;
-        z-index: $filmstripVideosZ
-    }
-
-    /**
-     * Regardless of the user setting, do not let the filmstrip be in a hidden
-     * state.
-     */
-    .filmstrip__videos.hidden {
-        display: block;
-    }
-
-    #filmstripRemoteVideos {
-        box-sizing: border-box;
-
-        /**
-         * Allow vertical scrolling of the thumbnails.
-         */
-        overflow-x: hidden;
-        overflow-y: auto;
-    }
-
-    /**
-     * The size of the thumbnails should be set with javascript, based on
-     * desired column count and window width. The rows are created using flex
-     * and allowing the thumbnails to wrap.
-     */
-    #filmstripRemoteVideosContainer {
-        align-content: center;
-        align-items: center;
-        box-sizing: border-box;
-        display: flex;
-        flex-wrap: wrap;
-        margin-top: auto;
-        margin-bottom: auto;
-        justify-content: center;
-
-        .videocontainer {
-            border: 0;
-            box-sizing: border-box;
-            display: block;
-            margin: 5px;
-        }
-
-        video {
-            object-fit: contain;
-        }
-    }
-
-    .has-overflow#filmstripRemoteVideosContainer {
-        align-content: baseline;
-    }
-
-    .has-overflow .videocontainer {
-        align-self: baseline;
-    }
-
-    /**
-     * Firefox flex acts a little differently. To make sure the bottom row of
-     * thumbnails is not overlapped by the horizontal toolbar, margin is added
-     * to the local thumbnail to keep it from the bottom of the screen. It is
-     * assumed the local thumbnail will always be on the bottom row.
-     */
-    .has-overflow #localVideoContainer {
-        margin-bottom: 100px !important;
-    }
-}

css/filmstrip/_tile_view_overrides.scss

@@ -1,57 +0,0 @@
-/**
- * Various overrides outside of the filmstrip to style the app to support a
- * tiled thumbnail experience.
- */
-.tile-view {
-    /**
-     * Let the avatar grow with the tile.
-     */
-    .avatar-container {
-        max-height: initial;
-        max-width: initial;
-    }
-
-    /**
-     * Hide various features that should not be displayed while in tile view.
-     */
-    #dominantSpeaker,
-    #filmstripLocalVideoThumbnail,
-    #largeVideoElementsContainer,
-    #sharedVideo,
-    .filmstrip__toolbar {
-        display: none;
-    }
-
-    #remoteConnectionMessage,
-    .watermark {
-        z-index: $filmstripVideosZ + 1;
-    }
-
-    /**
-     * The follow styling uses !important to override inline styles set with
-     * javascript.
-     *
-     * TODO: These overrides should be more easy to remove and should be removed
-     * when the components are in react so their rendering done declaratively,
-     * making conditional styling easier to apply.
-     */
-    #largeVideoElementsContainer,
-    #remoteConnectionMessage,
-    #remotePresenceMessage {
-        display: none !important;
-    }
-    #largeVideoContainer {
-        background-color: $defaultBackground !important;
-    }
-
-    /**
-     * Thumbnail popover menus can overlap other thumbnails. Setting an auto
-     * z-index will allow AtlasKit InlineDialog's large z-index to be
-     * respected and thereby display over elements in other thumbnails,
-     * specifically the various status icons.
-     */
-    .remotevideomenu,
-    .videocontainer__toptoolbar {
-        z-index: auto;
-    }
-}

css/filmstrip/_vertical_filmstrip.scss

@@ -1,207 +0,0 @@
-.vertical-filmstrip .filmstrip {
-    &.hide-videos {
-        .remote-videos-container {
-            opacity: 0;
-            pointer-events: none;
-        }
-    }
-
-    /*
-     * Firefox sets flex items to min-height: auto and min-width: auto,
-     * preventing flex children from shrinking like they do on other browsers.
-     * Setting min-height and min-width 0 is a workaround for the issue so
-     * Firefox behaves like other browsers.
-     * https://bugzilla.mozilla.org/show_bug.cgi?id=1043520
-     */
-    @mixin minHWAutoFix() {
-        min-height: 0;
-        min-width: 0;
-    }
-
-    @extend %align-right;
-    align-items: flex-end;
-    bottom: 0;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column-reverse;
-    height: 100%;
-    width: 100%;
-    padding: ($desktopAppDragBarHeight - 5px) 5px 10px;
-    /**
-     * fixed positioning is necessary for remote menus and tooltips to pop
-     * out of the scrolling filmstrip. AtlasKit dialogs and tooltips use
-     * a library called popper which will position its elements fixed if
-     * any parent is also fixed.
-     */
-    position: fixed;
-    top: 0;
-    transition: height .3s ease-in;
-    right: 0;
-    z-index: $filmstripVideosZ;
-
-    &.reduce-height {
-        height: calc(100% - #{$newToolbarSizeWithPadding});
-    }
-
-    /**
-     * Hide videos by making them slight to the right.
-     */
-    .filmstrip__videos {
-        @extend %align-right;
-        bottom: 0;
-        padding: 0;
-        position:relative;
-        right: 0;
-        width: auto;
-
-        &.hidden {
-            bottom: auto;
-            right: -196px;
-        }
-
-        /**
-         * An id selector is used to match id specificity with existing
-         * filmstrip styles.
-         */
-        &#remoteVideos {
-            border: $thumbnailsBorder solid transparent;
-            padding-left: 0;
-            transition: right 2s;
-            width: 100%;
-        }
-    }
-
-    /**
-     * Re-styles the local Video to better fit vertical filmstrip layout.
-     */
-    #filmstripLocalVideo {
-        align-self: initial;
-        bottom: 5px;
-        display: flex;
-        flex-direction: column-reverse;
-        height: auto;
-        justify-content: flex-start;
-
-        #filmstripLocalVideoThumbnail {
-            width: calc(100% - 15px);
-
-            .videocontainer {
-                height: 0px;
-                width: 100%;
-    }
-        }
-
-    }
-
-    /**
-     * Remove unnecssary padding that is normally used to prevent horizontal
-     * filmstrip from overlapping the left edge of the screen.
-     */
-    #filmstripLocalVideo,
-    #filmstripRemoteVideos {
-        padding: 0;
-    }
-
-    #filmstripRemoteVideos {
-        @include minHWAutoFix();
-
-        display: flex;
-        flex: 1;
-        flex-direction: column-reverse;
-        height: auto;
-        overflow-x: hidden;
-        overflow-y: scroll;
-
-        #filmstripRemoteVideosContainer {
-            @include minHWAutoFix();
-            flex-direction: column-reverse;
-            overflow: visible;
-            width: calc(100% - 8px); // 8px for margin + border of the thumbnails
-
-            .videocontainer {
-                height: 0px;
-                width: 100%;
-            }
-        }
-    }
-
-    #remoteVideos {
-        @include minHWAutoFix();
-
-        flex-direction: column;
-        flex-grow: 1;
-    }
-
-    .remote-videos-container {
-        display: flex;
-        transition: opacity 1s;
-    }
-
-    .hide-scrollbar#filmstripRemoteVideos {
-        margin-right: 7px; // Scrollbar size
-        &::-webkit-scrollbar {
-            display: none;
-        }
-    }
-}
-
-/**
- * Override other styles to support vertical filmstrip mode.
- */
-.filmstrip-only .vertical-filmstrip {
-    .filmstrip {
-        flex-direction: row-reverse;
-    }
-    .filmstrip__videos-filmstripOnly {
-        margin-top: auto;
-        margin-bottom: auto;
-        height: 100%;
-    }
-
-    .filmstrip__videos {
-        &#filmstripLocalVideo {
-            bottom: 0px;
-        }
-    }
-}
-
-/**
- * Workarounds for Edge and Firefox not handling scrolling properly with
- * flex-direction: column-reverse. The remove videos in filmstrip should
- * start scrolling from the bottom of the filmstrip, but in those browsers the
- * scrolling won't happen. Per W3C spec, scrolling should happen from the
- * bottom. As such, use css hacks to get around the css issue, with the intent
- * being to remove the hacks as the spec is supported.
- */
-@mixin undoColumnReverseVideos() {
-    .vertical-filmstrip {
-        #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
-            flex-direction: column;
-        }
-    }
-}
-
-/**
- * FF does not include the scroll width when calculating the size of the content. That's why we need to include
- * ourselves the width of the scroll so that the remote videos are aligned with the local one.
- */
-@mixin filmstripSizeWithoutScroll {
-    .vertical-filmstrip {
-        #remoteVideos #filmstripRemoteVideos {
-            #filmstripRemoteVideosContainer {
-                width: calc(100% - 15px) // 8 px - margins + border of the thumbnails; 7px - for the scroll
-            }
-        }
-    }
-}
-
-/** Firefox detection hack **/
-@-moz-document url-prefix() {
-    @include undoColumnReverseVideos();
-    @include filmstripSizeWithoutScroll();
-}
-
-/** Edge detection hack **/
-@supports (-ms-ime-align:auto) {
-    @include undoColumnReverseVideos();
-}

css/filmstrip/_vertical_filmstrip_overrides.scss

@@ -1,110 +0,0 @@
-/**
- * Rotate the hide filmstrip icon so it points towards the right edge
- * of the screen.
- */
-.vertical-filmstrip .filmstrip__toolbar {
-    transform: rotate(-90deg);
-}
-
-/**
- * Overrides for video containers that should not be centered aligned to avoid=
- * clashing with the filmstrip.
- */
-.vertical-filmstrip #etherpad,
-.vertical-filmstrip #sharedvideo {
-    text-align: left;
-}
-
-/**
- * Overrides for small videos in vertical filmstrip mode.
- */
-.vertical-filmstrip .filmstrip__videos .videocontainer {
-    /**
-     * Move status icons to the bottom right of the thumbnail.
-     */
-    .videocontainer__toolbar {
-        /**
-         * FIXME: disable pointer to allow any elements moved below to still
-         * be clickable. The real fix would to make sure those moved elements
-         * are actually part of the toolbar instead of positioning being faked.
-         */
-        pointer-events: none;
-        text-align: right;
-
-        > div {
-            pointer-events: none;
-        }
-
-        .right {
-            float: none;
-            margin: auto;
-        }
-
-        .toolbar-icon {
-            pointer-events: all;
-        }
-    }
-
-    /**
-     * Apply hardware acceleration to prevent flickering on scroll. The
-     * selectors are specific to icon wrappers to prevent fixed position dialogs
-     * and tooltips from getting a new location context due to translate3d.
-     */
-    .connection-indicator,
-    .remote-video-menu-trigger,
-    .indicator-icon-container {
-        transform: translate3d(0, 0, 0);
-    }
-
-    .indicator-icon-container {
-        display: inline-block;
-    }
-
-    .indicator-container {
-        float: none;
-    }
-
-    /**
-     * Move the remote video menu trigger to the bottom left of the video
-     * thumbnail.
-     */
-    .remotevideomenu,
-    .remote-video-menu-trigger {
-        bottom: 0;
-        left: 0;
-        top: auto;
-        right: auto;
-    }
-
-    .remote-video-menu-trigger {
-        margin-bottom: 7px;
-        margin-left: $remoteVideoMenuIconMargin;
-    }
-}
-
-/**
- * Overrides for quality labels in filmstrip only mode. The styles adjust the
- * labels' positioning as the filmstrip itself or filmstrip's remote videos
- * appear and disappear.
- *
- * The class with-filmstrip is for when the filmstrip is visible.
- * The class without-filmstrip is for when the filmstrip has been toggled to
- * be hidden.
- * The class opening is for when the filmstrip is transitioning from hidden
- * to visible.
- */
-.vertical-filmstrip .large-video-labels {
-    &.with-filmstrip {
-        right: 150px;
-    }
-
-    &.with-filmstrip.opening {
-        transition: 0.9s;
-        transition-timing-function: ease-in-out;
-    }
-
-    &.without-filmstrip {
-        transition: 1.2s ease-in-out;
-        transition-delay: 0.1s;
-    }
-}

css/main.scss

@@ -1,94 +0,0 @@
-/* Functions BEGIN */
-
-@import 'functions';
-
-/* Functions END */
-
-/* Variables BEGIN */
-
-@import 'variables';
-
-/* Variables END */
-
-/* Mixins BEGIN */
-
-@import "mixins";
-
-/* Mixins END */
-
-/* Animations END */
-
-/* Flags BEGIN */
-$flagsImagePath: "../images/";
-@import "../node_modules/bc-css-flags/dist/css/bc-css-flags.scss";
-/* Flags END */
-
-/* Modules BEGIN */
-
-@import 'aui_reset';
-@import 'atlaskit_overrides';
-@import 'base';
-@import 'utils';
-@import 'overlay/overlay';
-@import 'inlay';
-@import 'reload_overlay/reload_overlay';
-@import 'mini_toolbox';
-@import 'modals/desktop-picker/desktop-picker';
-@import 'modals/device-selection/device-selection';
-@import 'modals/dialog';
-@import 'modals/feedback/feedback';
-@import 'modals/invite/info';
-@import 'modals/settings/settings';
-@import 'modals/speaker_stats/speaker_stats';
-@import 'modals/video-quality/video-quality';
-@import 'modals/local-recording/local-recording';
-@import 'videolayout_default';
-@import 'notice';
-@import 'subject';
-@import 'participants-count';
-@import 'popup_menu';
-@import 'recording';
-@import 'login_menu';
-@import 'chat';
-@import 'ringing/ringing';
-@import 'welcome_page';
-@import 'welcome_page_content';
-@import 'welcome_page_settings_toolbar';
-@import 'toolbars';
-@import 'jquery.contextMenu';
-@import 'keyboard-shortcuts';
-@import 'redirect_page';
-@import 'components/form-control';
-@import 'components/link';
-@import 'components/button-control';
-@import 'components/input-control';
-@import 'components/input-slider';
-@import "connection-info";
-@import 'aui-components/dropdown';
-@import '404';
-@import 'policy';
-@import 'popover';
-@import 'filmstrip/filmstrip_toolbar';
-@import 'filmstrip/horizontal_filmstrip';
-@import 'filmstrip/small_video';
-@import 'filmstrip/tile_view';
-@import 'filmstrip/tile_view_overrides';
-@import 'filmstrip/vertical_filmstrip';
-@import 'filmstrip/vertical_filmstrip_overrides';
-@import 'unsupported-browser/main';
-@import 'modals/invite/add-people';
-@import 'deep-linking/main';
-@import 'transcription-subtitles';
-@import '_meetings_list.scss';
-@import 'navigate_section_list';
-@import 'third-party-branding/google';
-@import 'third-party-branding/microsoft';
-@import 'avatar';
-@import 'promotional-footer';
-@import 'chrome-extension-banner';
-@import 'settings-button';
-@import 'meter';
-@import 'audio-preview';
-@import 'video-preview';
-
-/* Modules END */

css/modals/_dialog.scss

@@ -1,145 +0,0 @@
-.dialog {
-    box-sizing: border-box;
-    height: auto;
-    min-height: 131px;
-    overflow: visible;
-    visibility: visible;
-    width: 400px;
-
-    h1, h2, h3, h4, h5, h6 {
-        color: $auiDialogColor;
-    }
-
-    .aui {
-
-        &-dialog2 {
-            &-header, &-footer {
-                background-color: $auiDialogBg;
-                border: none;
-            }
-
-            &-header {
-                border-bottom: 1px solid $auiBorderColor;
-                border-radius: 5px 5px 0 0;
-                box-sizing: border-box;
-                color: #333;
-                display: table;
-                font-weight: normal;
-                height: em(58, 12);
-                margin-top: -69px;
-                padding: 0 20px;
-                width: 100%;
-
-                h2 {
-                    font-size: em(20, 12);
-                    font-weight: $dialogTitleFontWeight;
-                    color: $auiDialogColor;
-                }
-
-                &-main {
-                    display: table-cell;
-                    padding-right: 0;
-                    max-width: 400px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    vertical-align: middle;
-                    white-space: nowrap;
-
-                }
-            }
-
-            &-footer {
-                border-top: 1px solid $auiBorderColor;
-                border-radius: 0 0 5px 5px;
-                box-sizing: border-box;
-                height: 51px;
-                overflow: hidden;
-                padding: 10px 20px;
-                width: 100%;
-
-                &:empty {
-                    height: 5px;
-                    padding: 0;
-                }
-            }
-
-            &-content {
-                background-color: $auiDialogBg;
-                box-sizing: border-box;
-                color: $auiDialogColor;
-                font-size: em(14, 12);
-                overflow: auto;
-                max-height: 100%;
-                padding: 20px;
-
-                p,span, h3 {
-                    font-weight: $labelFontWeight;
-                }
-
-                &:last-child {
-                    border-bottom-right-radius: 5px;
-                    border-bottom-left-radius: 5px;
-                }
-
-                &:first-child {
-                    border-top-right-radius: 5px;
-                    border-top-left-radius: 5px;
-                }
-            }
-        }
-
-        &-hide {
-            display: none;
-        }
-    }
-
-    .input-control {
-        background-color: $auiDialogContentBg;
-        color: $auiDialogColor;
-    }
-
-    .form-control:not(:last-child) {
-        border-bottom: 1px solid $auiBorderColor;
-    }
-}
-
-@media all and (max-width: 420px) {
-  .aui-dialog2-small .aui-dialog2-content {
-    height: 100%;
-  }
-}
-
-.modal-dialog-form {
-    margin-top: 5px !important;
-
-    .input-control {
-        background: $modalMockAKInputBackground;
-        border: $modalMockAKInputBorder;
-        color: inherit;
-    }
-
-    &-error {
-        margin-bottom: 8px;
-    }
-}
-.modal-dialog-footer {
-    font-size: $modalButtonFontSize;
-}
-
-/**
- * Styling inline dialog errors.
- */
-.inline-dialog-error {
-    margin-top: 16px;
-
-    &-text {
-        color: $dialogErrorText;
-        margin-bottom: 8px;
-        text-align: center;
-    }
-
-    &-button {
-        display: block;
-        margin: 16px auto 0 auto;
-    }
-}

css/modals/desktop-picker/_desktop-picker.scss

@@ -1,65 +0,0 @@
-.desktop-picker-pane {
-    height: 320px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    width: 100%;
-
-    &.source-type-screen {
-        .desktop-picker-source {
-            margin-left: auto;
-            margin-right: auto;
-            width: 50%;
-        }
-
-        .desktop-source-preview-thumbnail {
-            width: 100%;
-        }
-
-        .desktop-source-preview-label {
-            display: none;
-        }
-    }
-
-    &.source-type-window {
-        .desktop-picker-source {
-            display: inline-block;
-            width: 30%;
-        }
-    }
-
-    &-spinner {
-        justify-content: center;
-        display: flex;
-        height: 100%;
-        align-items: center;
-    }
-}
-
-.desktop-picker-source {
-    margin-top: 10px;
-    text-align: center;
-
-    &.is-selected {
-        .desktop-source-preview-image-container {
-            background: rgba(255,255,255,0.3);
-            border-radius: $borderRadius;
-        }
-    }
-}
-
-.desktop-source-preview-label {
-    margin-top: 3px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.desktop-source-preview-thumbnail {
-    box-shadow: 5px 5px 5px grey;
-    height: auto;
-    max-width: 100%;
-}
-
-.desktop-source-preview-image-container {
-    padding: 10px;
-}

css/modals/device-selection/_device-selection.scss

@@ -1,131 +0,0 @@
-.device-selection {
-    .device-selectors {
-        font-size: 14px;
-
-        > div {
-            display: block;
-            margin-bottom: 4px;
-        }
-
-        .device-selector-icon {
-            align-self: center;
-            color: inherit;
-            font-size: 20px;
-            margin-left: 3px;
-        }
-
-        .device-selector-label {
-            margin-bottom: 1px;
-        }
-
-        /* device-selector-trigger stylings attempt to mimic AtlasKit button */
-        .device-selector-trigger {
-            background-color: #0E1624;
-            border: 1px solid #455166;
-            border-radius: 5px;
-            display: flex;
-            height: 2.3em;
-            justify-content: space-between;
-            line-height: 2.3em;
-            overflow: hidden;
-            padding: 0 8px;
-        }
-        .device-selector-trigger-disabled {
-            .device-selector-trigger {
-                color: #a5adba;
-                cursor: default;
-            }
-        }
-
-        .device-selector-trigger-text {
-            overflow: hidden;
-            margin-left: 8px;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            width: 100%;
-        }
-    }
-
-    .device-selection-column {
-        box-sizing: border-box;
-        display: inline-block;
-        vertical-align: top;
-
-        &.column-selectors {
-            margin-left: 15px;
-            width: 45%;
-        }
-
-        &.column-video {
-            width: 50%;
-        }
-    }
-
-    .device-selection-video-container {
-        border-radius: 3px;
-        margin-bottom: 5px;
-
-        .video-input-preview {
-            margin-top: 2px;
-            position: relative;
-
-            > video {
-                border-radius: 3px;
-            }
-
-            .video-input-preview-error {
-                color: $participantNameColor;
-                display: none;
-                left: 0;
-                position: absolute;
-                right: 0;
-                text-align: center;
-                top: 50%;
-            }
-
-            &.video-preview-has-error {
-                background: black;
-
-                .video-input-preview-error {
-                    display: block;
-                }
-            }
-
-            .video-input-preview-display {
-                height: auto;
-                overflow: hidden;
-                width: 100%;
-            }
-        }
-    }
-
-    .audio-output-preview {
-        font-size: 14px;
-
-        a {
-            color: #2684FF;
-            cursor: pointer;
-            text-decoration: none;
-        }
-
-        a:hover {
-            color: #B3D4FF;
-        }
-    }
-
-    .audio-input-preview {
-        background: #1B2638;
-        border-radius: 5px;
-        height: 8px;
-
-        .audio-input-preview-level {
-            background: #4C9AFF;
-            border-radius: 5px;
-            height: 100%;
-            -webkit-transition: width .1s ease-in-out;
-            -moz-transition: width .1s ease-in-out;
-            -o-transition: width .1s ease-in-out;
-            transition: width .1s ease-in-out;
-        }
-    }
-}

css/modals/feedback/_feedback.scss

@@ -1,98 +0,0 @@
-@-webkit-keyframes shake-rotate {
-    0% {
-        -webkit-transform:scale(1) rotate(0deg);
-        transform:scale(1) rotate(0deg)
-    }
-
-    50% {
-        -webkit-transform:scale(.8) rotate(-5deg);
-        transform:scale(.8) rotate(-5deg)
-    }
-
-    to {
-        -webkit-transform:scale(1) rotate(3deg);
-        transform:scale(1) rotate(3deg)
-    }
-}
-
-@keyframes shake-rotate {
-    0% {
-        -webkit-transform:scale(1) rotate(0deg);
-        transform:scale(1) rotate(0deg)
-    }
-
-    50% {
-        -webkit-transform:scale(.8) rotate(-5deg);
-        transform:scale(.8) rotate(-5deg)
-    }
-
-    to {
-        -webkit-transform:scale(1) rotate(3deg);
-        transform:scale(1) rotate(3deg)
-    }
-}
-
-.shake-rotate {
-    display: inline-block;
-
-    -webkit-animation-duration: .4s;
-    animation-duration: .4s;
-    -webkit-animation-iteration-count: infinite;
-    animation-iteration-count: infinite;
-    -webkit-animation-name: shake-rotate;
-    animation-name: shake-rotate;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out
-}
-
-.feedback-dialog {
-    .details {
-        textarea {
-            min-height: 100px;
-        }
-    }
-
-    .input-control {
-        background-color: $feedbackInputBg;
-        color: $feedbackInputTextColor;
-
-        &::-webkit-input-placeholder {
-            color: $feedbackInputPlaceholderColor;
-        }
-        &::-moz-placeholder {  /* Firefox 19+ */
-            color: $feedbackInputPlaceholderColor;
-        }
-        &:-ms-input-placeholder {
-            color: $feedbackInputPlaceholderColor;
-        }
-    }
-
-    .rating {
-        line-height: 1.2;
-        margin-top: 10px;
-        text-align: center;
-
-        .star-label {
-            font-size: 14px;
-            height: 16px;
-        }
-
-        .star-btn {
-            color: inherit;
-            cursor: pointer;
-            display: inline-block;
-            font-size: 34px;
-            outline: none;
-            position: relative;
-            text-decoration: none;
-            @include transition(all .2s ease);
-
-            &.active,
-            &:hover,
-            &.starHover {
-                color: #36B37E;
-            };
-
-        }
-    }
-}

css/modals/invite/_add-people.scss

@@ -1,49 +0,0 @@
-/**
- * Styles errors and links in the AddPeopleDialog.
- */
-.modal-dialog-form {
-    .add-people-form-wrap {
-
-        .error {
-            padding-left: 5px;
-
-            a {
-                padding-left: 5px;
-            }
-        }
-
-        .add-telephone-icon {
-            display: flex;
-            height: 28px;
-            transform: scaleX(-1);
-            width: 28px;
-
-            i {
-                line-height: 28px;
-                margin: auto;
-            }
-        }
-
-        .footer-text-wrap {
-            display: flex;
-        }
-
-        .footer-telephone-icon {
-            display: flex;
-            transform: scaleX(-1);
-            padding-left: 10px;
-
-            i {
-                line-height: 20px;
-                margin: auto;
-            }
-        }
-    }
-}
-
-/**
- * Styles errors in the MultiSelectAutocomplete.
- */
-.autocomplete-error {
-    min-width: 260px;
-}

css/modals/invite/_info.scss

@@ -1,232 +0,0 @@
-.info-dialog {
-    cursor: default;
-    display: flex;
-    font-size: 14px;
-
-    .info-dialog-action-link {
-        display: inline-block;
-        line-height: 1.5em;
-
-        a {
-            cursor: pointer;
-            vertical-align: middle;
-        }
-    }
-
-    .info-dialog-action-link:before {
-        color: $linkFontColor;
-        content: '\2022';
-        font-size: 1.5em;
-        padding: 0 10px;
-        vertical-align: middle;
-    }
-
-    .info-dialog-action-link:first-child:before {
-        content: '';
-        padding: 0;
-    }
-
-    .info-dialog-action-links {
-        font-weight: bold;
-        margin-top: 10px;
-        white-space: nowrap;
-    }
-
-    .info-dialog-action-separator {
-        display: inline-block;
-    }
-
-    .info-dialog-copy-element {
-        opacity: 0;
-        pointer-events: none;
-        position: absolute;
-        -webkit-user-select: text;
-        user-select: text;
-    }
-
-    .info-dialog-column {
-        margin-right: 10px;
-        overflow: hidden;
-
-        a,
-        a:active,
-        a:focus,
-        a:hover {
-            text-decoration: none;
-        }
-    }
-
-    .info-dialog-conference-url,
-    .info-dialog-live-stream-url {
-        width: max-content;
-        width: -moz-max-content;
-        width: -webkit-max-content;
-        word-break: break-all;
-        max-width: 400px;
-        display: flex;
-        align-items: center;
-    }
-
-    .info-dialog-dial-in {
-        word-break: break-all;
-
-        .conference-id,
-        .phone-number {
-            user-select: text;
-        }
-    }
-
-    .info-dialog-icon {
-        color: #6453C0;
-        font-size: 16px;
-        min-width: 30px;
-    }
-
-    .info-dialog-url-text,
-    .info-dialog-url-text:hover {
-        color: inherit;
-        cursor: inherit;
-    }
-
-    .info-dialog-url-icon {
-        display: inline-block;
-        margin-left: 5px;
-
-        svg {
-            cursor: pointer;
-        }
-    }
-
-    .info-dialog-title {
-        font-weight: bold;
-        margin-bottom: 10px;
-    }
-
-    .info-dialog-password,
-    .info-password,
-    .info-password-form {
-        align-items: baseline;
-        display: flex;
-    }
-
-    .info-label {
-        font-weight: bold;
-    }
-
-    .info-password-field {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .info-password-none,
-    .info-password-remote {
-        opacity: 0.5;
-    }
-
-    .info-password-input {
-        background-color: transparent;
-        border: none;
-        color: inherit;
-        padding-left: 0;
-    }
-
-    .info-password-local {
-        user-select: text;
-    }
-}
-
-.dial-in-numbers-list {
-    margin-top: 20px;
-    font-size: 12px;
-    line-height: 24px;
-    border-collapse: collapse;
-
-    thead {
-        text-align: left;
-    }
-
-    tr {
-        border-bottom: 1px solid #d1dbe8;
-    }
-
-    .flag-cell {
-        vertical-align: top;
-        width: 30px;
-    }
-    .flag {
-        display: block;
-        margin: 5px 5px 0px 5px;
-    }
-
-    .country {
-        font-weight: bold;
-        vertical-align: top;
-        padding: 0 20px 0 0;
-    }
-
-    ul {
-        padding: 0px 0px 0px 0px;
-    }
-
-    .numbers-list {
-        list-style: none;
-        padding: 0 20px 0 0;
-    }
-
-    .toll-free-list {
-        font-weight: bold;
-        list-style: none;
-        vertical-align: top;
-    }
-
-    li.toll-free:empty:before {
-        content: '.';
-        visibility: hidden;
-    }
-}
-
-.dial-in-page {
-    align-items: center;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    font-size: 12px;
-    max-height: 100%;
-    overflow: auto;
-    padding: 15pt;
-    position: absolute;
-    transform: translateY(-50%);
-    top: 50%;
-    width: 100%;
-
-    .dial-in-conference-id {
-        text-align: center;
-        min-width: 200px;
-        margin-top: 40px;
-    }
-
-    .dial-in-conference-name,
-    .dial-in-conference-pin {
-        font-size: 18px;
-    }
-
-    .dial-in-conference-description {
-        margin: 12px;
-    }
-}
-
-.info-dialog,
-.dial-in-page {
-    * {
-        user-select: text;
-        -moz-user-select: text;
-        -webkit-user-select: text;
-    }
-
-    .info-dialog-url-text-unselectable {
-        user-select: none;
-        -moz-user-select: none;
-        -webkit-user-select: none;
-    }
-}

css/modals/local-recording/_local-recording.scss

@@ -1,92 +0,0 @@
-.localrec-participant-stats {
-    list-style: none;
-    padding: 0;
-    width: 100%;
-    font-weight: 500;
-
-    .localrec-participant-stats-item__status-dot {
-        position: relative;
-        display: block;
-        width: 9px;
-        height: 9px;
-        border-radius: 50%;
-        margin: 0 auto;
-
-        &.status-on {
-            background: green;
-        }
-
-        &.status-off {
-            background: gray;
-        }
-
-        &.status-unknown {
-            background: darkgoldenrod;
-        }
-
-        &.status-error {
-            background: darkred;
-        }
-    }
-
-    .localrec-participant-stats-item__status,
-    .localrec-participant-stats-item__name,
-    .localrec-participant-stats-item__sessionid {
-        display: inline-block;
-        margin: 5px 0;
-        vertical-align: middle;
-    }
-    .localrec-participant-stats-item__status {
-        width: 5%;
-    }
-    .localrec-participant-stats-item__name {
-        width: 40%;
-    }
-    .localrec-participant-stats-item__sessionid {
-        width: 55%;
-    }
-
-    .localrec-participant-stats-item__name,
-    .localrec-participant-stats-item__sessionid {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-}
-
-.localrec-control-info-label {
-    font-weight: bold;
-}
-
-.localrec-control-info-label:after {
-    content: ' ';
-}
-
-.localrec-control-action-link {
-    display: inline-block;
-    line-height: 1.5em;
-
-    a {
-        cursor: pointer;
-        vertical-align: middle;
-    }
-}
-
-.localrec-control-action-link:before {
-    color: $linkFontColor;
-    content: '\2022';
-    font-size: 1.5em;
-    padding: 0 10px;
-    vertical-align: middle;
-}
-
-.localrec-control-action-link:first-child:before {
-    content: '';
-    padding: 0;
-}
-
-.localrec-control-action-links {
-    font-weight: bold;
-    margin-top: 10px;
-    white-space: nowrap;
-}

css/modals/settings/_settings.scss

@@ -1,61 +0,0 @@
-.settings-pane {
-    display: flex;
-    width: 100%;
-
-    &.profile-pane {
-        flex-direction: column;
-    }
-
-    .auth-name {
-        margin-bottom: 4px;
-    }
-
-    .calendar-tab,
-    .device-selection {
-        margin-top: 20px;
-    }
-
-    .mock-atlaskit-label {
-        color: #56637A;
-        font-size: 12px;
-        font-weight: 600;
-        line-height: 1.33;
-        padding: 20px 0px 4px 0px;
-    }
-
-    .calendar-tab,
-    .more-tab,
-    .profile-edit {
-        display: flex;
-        width: 100%;
-    }
-
-    .profile-edit-field,
-    .settings-sub-pane {
-        flex: 1;
-    }
-
-    .profile-edit-field {
-        margin-right: 20px;
-    }
-
-    .language-settings {
-        max-width: 50%;
-    }
-
-    .calendar-tab {
-        align-items: center;
-        flex-direction: column;
-        font-size: 14px;
-        min-height: 100px;
-        text-align: center;
-    }
-
-    .calendar-tab-sign-in {
-        margin-top: 20px;
-    }
-
-    .sign-out-cta {
-        margin-bottom: 20px;
-    }
-}

css/modals/speaker_stats/_speaker_stats.scss

@@ -1,51 +0,0 @@
-.speaker-stats {
-    list-style: none;
-    padding: 0;
-    width: 100%;
-    font-weight: 500;
-
-    .speaker-stats-item__status-dot {
-        position: relative;
-        display: block;
-        width: 9px;
-        height: 9px;
-        border-radius: 50%;
-        margin: 0 auto;
-
-        &.status-active {
-            background: green;
-        }
-
-        &.status-inactive {
-            background: gray;
-        }
-    }
-
-    .status-user-left {
-        color: $placeHolderColor;
-    }
-
-    .speaker-stats-item__status,
-    .speaker-stats-item__name,
-    .speaker-stats-item__time {
-        display: inline-block;
-        margin: 5px 0;
-        vertical-align: middle;
-    }
-    .speaker-stats-item__status {
-        width: 5%;
-    }
-    .speaker-stats-item__name {
-        width: 40%;
-    }
-    .speaker-stats-item__time {
-        width: 55%;
-    }
-
-    .speaker-stats-item__name,
-    .speaker-stats-item__time {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-}

css/modals/video-quality/_video-quality.scss

@@ -1,201 +0,0 @@
-.video-quality-dialog {
-    .hide-warning {
-        height: 0;
-        visibility: hidden;
-    }
-
-    .video-quality-dialog-title {
-        margin-bottom: 10px;
-    }
-
-    .video-quality-dialog-contents {
-        align-items: center;
-        display: flex;
-        flex-direction: column;
-        padding: 10px;
-        min-width: 250px;
-
-        .video-quality-dialog-slider-container {
-            width: 100%;
-            text-align: center;
-        }
-
-        .video-quality-dialog-slider {
-            width: calc(100% - 5px);
-
-            @mixin sliderTrackStyles() {
-                height: 15px;
-                border-radius: 10px;
-                background: rgb(14, 22, 36);
-            }
-
-            &::-ms-track {
-                @include sliderTrackStyles();
-            }
-
-            &::-moz-range-track {
-                @include sliderTrackStyles();
-            }
-
-            &::-webkit-slider-runnable-track {
-                @include sliderTrackStyles();
-            }
-
-            @mixin sliderThumbStyles() {
-                top: 50%;
-                border: none;
-                position: relative;
-                opacity: 0;
-            }
-
-            &::-ms-thumb {
-                @include sliderThumbStyles();
-            }
-
-            &::-moz-range-thumb {
-                @include sliderThumbStyles();
-
-            }
-
-            &::-webkit-slider-thumb {
-                @include sliderThumbStyles();
-            }
-        }
-
-        .video-quality-dialog-labels {
-            box-sizing: border-box;
-            display: flex;
-            margin-top: 5px;
-            position: relative;
-            width: 90%;
-        }
-
-        .video-quality-dialog-label-container {
-            position: absolute;
-            text-align: center;
-            transform: translate(-50%, 0%);
-
-            &::before {
-                content: '';
-                border-radius: 50%;
-                left: 0;
-                height: 6px;
-                margin: 0 auto;
-                pointer-events: none;
-                position: absolute;
-                right: 0;
-                top: -16px;
-                width: 6px;
-            }
-        }
-
-        .video-quality-dialog-label-container.active {
-            color: $videoQualityActive;
-
-            &::before {
-                background: $videoQualityActive;
-                height: 12px;
-                top: -19px;
-                width: 12px;
-            }
-        }
-
-        .video-quality-dialog-label-container:first-child {
-            position: relative;
-        }
-
-        .video-quality-dialog-label {
-            display: table-caption;
-            word-spacing: unset;
-        }
-    }
-
-    &.video-not-supported {
-        .video-quality-dialog-labels {
-            color: gray;
-        }
-
-        .video-quality-dialog-slider {
-            @mixin sliderTrackDisabledStyles() {
-                background: rgba(14, 22, 36, 0.1);
-            }
-
-            &::-ms-track {
-                @include sliderTrackDisabledStyles();
-            }
-
-            &::-moz-range-track {
-                @include sliderTrackDisabledStyles();
-            }
-
-            &::-webkit-slider-runnable-track {
-                @include sliderTrackDisabledStyles();
-            }
-        }
-    }
-}
-
-.modal-dialog-form {
-    .video-quality-dialog-title {
-        display: none;
-    }
-}
-
-#videoResolutionLabel {
-    z-index: $zindex3 + 1;
-}
-
-.large-video-labels {
-    display: flex;
-    position: absolute;
-    top: 30px;
-    right: 30px;
-    transition: right 0.5s;
-    z-index: $zindex3;
-
-    .circular-label {
-        color: white;
-        font-weight: bold;
-        margin-left: 8px;
-        opacity: 0.8;
-    }
-
-    .circular-label {
-        background: #B8C7E0;
-    }
-
-    .circular-label.file {
-        background: #FF5630;
-    }
-
-    .circular-label.local-rec {
-        background: #FF5630;
-    }
-
-    .circular-label.stream {
-        background: #0065FF;
-    }
-
-    .recording-label.center-message {
-        background: $videoStateIndicatorBackground;
-        bottom: 50%;
-        display: block;
-        left: 50%;
-        padding: 10px;
-        position: fixed;
-        transform: translate(-50%, -50%);
-        z-index: $centeredVideoLabelZ;
-    }
-}
-
-.circular-label {
-    background: $videoStateIndicatorBackground;
-    border-radius: 50%;
-    box-sizing: border-box;
-    cursor: default;
-    font-size: 13px;
-    height: $videoStateIndicatorSize;
-    line-height: $videoStateIndicatorSize;
-    text-align: center;
-    min-width: $videoStateIndicatorSize;
-}

css/overlay/_overlay.scss

@@ -1,47 +0,0 @@
-.overlay {
-    &__container,
-    &__container-light {
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        position: fixed;
-        z-index: $overlayZ;
-        background: $defaultBackground;
-        &.filmstrip-only {
-            @include transparentBg($filmstripOnlyOverlayBg, 0.8);
-        }
-    }
-
-    &__container-light {
-        @include transparentBg($defaultBackground, 0.7);
-        &.filmstrip-only {
-            @include transparentBg($filmstripOnlyOverlayBg, 0.2);
-        }
-    }
-
-    &__content {
-        position: absolute;
-        margin: 0 auto;
-        height: 100%;
-        width: 56%;
-        left: 50%;
-        @include transform(translateX(-50%));
-        &.filmstrip-only {
-            left: 0px;
-            width: 100%;
-            @include transform(none);
-        }
-
-        &_bottom {
-            position: absolute;
-            bottom: 0;
-        }
-    }
-
-    &__policy {
-        position: absolute;
-        bottom: 24px;
-        width: 100%;
-    }
-}

css/reload_overlay/_reload_overlay.scss

@@ -1,26 +0,0 @@
-.reload_overlay_title {
-    display: block;
-    font-size: 16px;
-    line-height: 20px;
-}
-
-.reload_overlay_text {
-    display: block;
-    font-size: 12px;
-    line-height: 30px;
-}
-
-#reloadProgressBar {
-    background: #e9e9e9;
-    border-radius: 3px;
-    height: 5px;
-    margin: 5px auto;
-    overflow: hidden;
-    width: 180px;
-
-    .progress-indicator-fill {
-        background: $reloadProgressBarBg;
-        height: 100%;
-        transition: width .5s;
-    }
-}

css/ringing/_ringing.scss

@@ -1,45 +0,0 @@
-.ringing {
-    display: block;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    z-index: $ringingZ;
-    @include transparentBg(#283447, 0.95);
-
-    &.solidBG {
-        background: $defaultBackground;
-    }
-
-    &__content {
-        position: absolute;
-        width: 400px;
-        height: 250px;
-        left: 50%;
-        top: 50%;
-        margin-left: -200px;
-        margin-top: -125px;
-        text-align: center;
-        font-weight: normal;
-        color: #FFFFFF;
-    }
-
-    &__avatar {
-        width: 128px;
-        height: 128px;
-        border-radius: 50%;
-        border: 2px solid #1B2638;
-    }
-
-    &__status{
-        margin-top: 15px;
-        font-size: 14px;
-        line-height: 20px;
-    }
-
-    &__name {
-        font-size: 24px;
-        line-height: 32px;
-    }
-}

css/themes/_light.scss

@@ -1,115 +0,0 @@
-/**
- * Base
- */
-$baseLight: #FFFFFF;
-
-/**
-* Controls
-*/
-$controlBackground: $baseLight;
-$controlColor: #333333;
-$sliderTrackBackground: #474747;
-$sliderThumbBackground: #3572b0;
-
-/**
-* Buttons
-*/
-$buttonBackground: #44A5FF;
-$buttonHoverBackground: #2c4062;
-$buttonBorder: transparent;
-$buttonHoverBorder: transparent;
-$buttonColor: #eceef1;
-
-$buttonLightBackground: #f5f5f5;
-$buttonLightHoverBackground: #e9e9e9;
-$buttonLightBorder: #ccc;
-$buttonLightHoverBorder: #999;
-
-$buttonLinkBackground: transparent;
-$buttonLinkColor: #0090e8;
-
-$primaryButtonBackground: #3572b0;
-$primaryButtonHoverBackground: #2a67a5;
-$primaryButtonColor: $baseLight;
-$primaryButtonFontWeight: 400;
-
-$buttonShadowColor: #192d4f;
-
-$overlayButtonBg: #0074E0;
-
-/**
-* Color variables
-**/
-$defaultBackground: #474747;
-$filmstripOnlyOverlayBg: #000;
-$reloadProgressBarBg: #0074E0;
-
-/**
- * Dialog colors
- **/
-$auiDialogColor: #eceef1;
-$auiDialogBg: #253858;
-$auiDialogContentBg: #344563;
-$auiBorderColor: #253858;
-$dialogTitleFontWeight: 400;
-$dialogErrorText: #344563;
-
-/**
-* Inlay colors
-**/
-$inlayColorBg: lighten($defaultBackground, 20%);
-$inlayBorderColor: lighten($baseLight, 10%);
-$inlayIconBg: #000;
-$inlayIconColor: #fff;
-$inlayFilmstripOnlyColor: #474747;
-$inlayFilmstripOnlyBg: #fff;
-
-// Main controls
-$placeHolderColor: #a7a7a7;
-$readOnlyInputColor: #a7a7a7;
-$defaultDarkSelectionColor: #ccc;
-$buttonFontWeight: 400;
-$labelFontWeight: 400;
-$hintFontSize: em(13, 14);
-$linkFontColor: #3572b0;
-$linkHoverFontColor: darken(#3572b0, 10%);
-$dropdownColor: #333;
-$errorColor: #c61600;
-
-// Feedback colors
-$feedbackCancelFontColor: #333;
-
-// Popover colors
-$popoverBg: initial;
-$popoverFontColor: #ffffff !important;
-$popupMenuColor: #ffffff !important;
-$popupMenuHoverColor: #ffffff !important;
-$popupMenuHoverBackground: rgba(255, 255, 255, 0.1);
-$popupSliderColor: #0376da;
-
-// Toolbar
-$secondaryToolbarBg: rgba(0, 0, 0, 0.5);
-// TOFIX: Once moved to react rename to match the side panel class name.
-$sideToolbarContainerBg: rgba(0, 0, 0, 0.75);
-$toolbarBackground: rgba(0, 0, 0, 0.5);
-$toolbarBadgeBackground: #165ECC;
-$toolbarBadgeColor: #FFFFFF;
-$toolbarButtonColor: #FFFFFF;
-$toolbarSelectBackground: rgba(0, 0, 0, .6);
-$toolbarTitleColor: #FFFFFF;
-$toolbarToggleBackground: #12499C;
-
-
-/**
- * Forms
- */
-//dropdown
-$selectFontColor: $controlColor;
-$selectBg: $controlBackground;
-$selectActiveBg: darken($controlBackground, 5%);
-$selectActiveItemBg: darken($controlBackground, 20%);
-
-/**
- * TODO: Replace by themed component.
- */
-$videoQualityActive: #4C9AFF;

css/third-party-branding/google.scss

@@ -1,32 +0,0 @@
-/**
- * The Google sign in button must follow Google's design guidelines.
- * See: https://developers.google.com/identity/branding-guidelines
- */
-.google-sign-in {
-    background-color: #4285f4;
-    border-radius: 2px;
-    cursor: pointer;
-    display: inline-flex;
-    font-family: Roboto, arial, sans-serif;
-    font-size: 14px;
-    padding: 1px;
-
-    .google-cta {
-        color: white;
-        display: inline-block;
-        /**
-         * Hack the line height for vertical centering of text.
-         */
-        line-height: 32px;
-        margin: 0 15px;
-    }
-
-    .google-logo {
-        background-color: white;
-        border-radius: 2px;
-        display: inline-block;
-        padding: 8px;
-        height: 18px;
-        width: 18px;
-    }
-}

css/third-party-branding/microsoft.scss

@@ -1,28 +0,0 @@
-/**
- * The Microsoft sign in button must follow Microsoft's brand guidelines.
- * See: https://docs.microsoft.com/en-us/azure/active-directory/
- *     develop/active-directory-branding-guidelines
- */
-.microsoft-sign-in {
-    align-items: center;
-    background: #FFFFFF;
-    border: 1px solid #8C8C8C;
-    box-sizing: border-box;
-    cursor: pointer;
-    display: inline-flex;
-    font-family: Segoe UI, Roboto, arial, sans-serif;
-    height: 41px;
-    padding: 12px;
-
-    .microsoft-cta {
-        display: inline-block;
-        color: #5E5E5E;
-        font-size: 15px;
-        line-height: 41px;
-    }
-
-    .microsoft-logo {
-        display: inline-block;
-        margin-right: 12px;
-    }
-}

css/unsupported-browser/_main.scss

@@ -1 +0,0 @@
-@import 'unsupported-desktop-browser';

css/unsupported-browser/_unsupported-desktop-browser.scss

@@ -1,39 +0,0 @@
-.unsupported-desktop-browser {
-    @include absoluteAligning();
-
-    display: block;
-    text-align: center;
-
-    &__title {
-        color: $unsupportedBrowserTitleColor;
-        font-weight: 300;
-        font-size: $unsupportedBrowserTitleFontSize;
-        letter-spacing: 1px;
-    }
-
-    &__description {
-        color: $unsupportedDesktopBrowserTextColor;
-        font-size: $unsupportedDesktopBrowserTextFontSize;
-        font-weight: 300;
-        letter-spacing: 1px;
-        margin-top: 16px;
-
-        &_small {
-            @extend .unsupported-desktop-browser__description;
-            font-size: $unsupportedBrowserTextSmallFontSize;
-        }
-    }
-
-    &__link {
-        color: $linkFontColor;
-        @include transition(color .1s ease-out);
-
-        &:hover {
-            color: $linkHoverFontColor;
-            cursor: pointer;
-            text-decoration: none;
-
-            @include transition(color .1s ease-in);
-        }
-    }
-}

debian/changelog

@@ -1,5 +0,0 @@
-jitsi-meet-web (1.0.1-1) unstable; urgency=low
-
-  * Initial release. (Closes: #760485)
-
- -- Damian Minkov <damencho@jitsi.org>  Wed, 22 Oct 2014 10:30:00 +0200

debian/compat

@@ -1 +0,0 @@
-12

debian/control

@@ -1,58 +0,0 @@
-Source: jitsi-meet-web
-Section: net
-Priority: extra
-Maintainer: Jitsi Team <dev@jitsi.org>
-Uploaders: Emil Ivov <emcho@jitsi.org>, Damian Minkov <damencho@jitsi.org>
-Build-Depends: debhelper (>= 8.0.0)
-Standards-Version: 3.9.6
-Homepage: https://jitsi.org/meet
-
-Package: jitsi-meet-web
-Replaces: jitsi-meet (<= 1.0.1525-1)
-Architecture: all
-Depends: ${misc:Depends}
-Description: WebRTC JavaScript video conferences
- Jitsi Meet is a WebRTC JavaScript application that uses Jitsi
- Videobridge to provide high quality, scalable video conferences.
- .
- It is a web interface to Jitsi Videobridge for audio and video
- forwarding and relaying.
-
-Package: jitsi-meet-web-config
-Architecture: all
-Depends: openssl, nginx | nginx-full | nginx-extras | apache2
-Description: Configuration for web serving of Jitsi Meet
- Jitsi Meet is a WebRTC JavaScript application that uses Jitsi
- Videobridge to provide high quality, scalable video conferences.
- .
- It is a web interface to Jitsi Videobridge for audio and video
- forwarding and relaying, using a webserver Nginx or Apache2.
- .
- This package contains configuration for Nginx to be used with
- Jitsi Meet.
-
-Package: jitsi-meet-prosody
-Architecture: all
-Depends: openssl, prosody | prosody-trunk | prosody-0.11
-Replaces: jitsi-meet-tokens
-Description: Prosody configuration for Jitsi Meet
- Jitsi Meet is a WebRTC JavaScript application that uses Jitsi
- Videobridge to provide high quality, scalable video conferences.
- .
- It is a web interface to Jitsi Videobridge for audio and video
- forwarding and relaying.
- .
- This package contains configuration for Prosody to be used with
- Jitsi Meet.
-
-Package: jitsi-meet-tokens
-Architecture: all
-Depends: ${misc:Depends}, prosody-trunk (>= 1nightly747) | prosody-0.11 | prosody (>= 0.11.2), libssl-dev, luarocks, jitsi-meet-prosody
-Description: Prosody token authentication plugin for Jitsi Meet
-
-Package: jitsi-meet-turnserver
-Architecture: all
-Breaks: apache2
-Pre-Depends: jitsi-meet-web-config
-Depends: ${misc:Depends}, nginx (>= 1.13.10) | nginx-full (>= 1.13.10) | nginx-extras (>= 1.13.10), jitsi-meet-prosody, coturn, dnsutils
-Description: Configures coturn to be used with Jitsi Meet

debian/copyright

@@ -1,38 +0,0 @@
-Format: http://dep.debian.net/deps/dep5
-Upstream-Name: Jitsi Meet
-Upstream-Contact: Emil Ivov <emcho@jitsi.org>
-Source: https://github.com/jitsi/jitsi-meet
-
-Files: *
-Copyright: 2015 Atlassian Pty Ltd
-License: Apache-2.0
-
-License: Apache-2.0
-On Debian systems, the full text of the Apache
- License version 2 can be found in the file
- '/usr/share/common-licenses/Apache-2.0'.
- Note:
- This project was originally contributed to the community under the MIT license
- and with the following notice:
- .
- The MIT License (MIT)
- .
- Copyright (c) 2013 ESTOS GmbH
- Copyright (c) 2013 BlueJimp SARL
- .
- Permission is hereby granted, free of charge, to any person obtaining a copy of
- this software and associated documentation files (the "Software"), to deal in
- the Software without restriction, including without limitation the rights to
- use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
- the Software, and to permit persons to whom the Software is furnished to do so,
- subject to the following conditions:
- .
- The above copyright notice and this permission notice shall be included in all
- copies or substantial portions of the Software.
- .
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
- FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
- COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
- IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

debian/jitsi-meet-prosody.README.Debian

@@ -1,7 +0,0 @@
-Prosody configuration for Jitsi Meet for Debian
-----------------------------
-
-Jitsi Meet is a WebRTC video conferencing application. This package contains 
-configuration of prosody which are needed for Jitsi Meet to work.
-
- -- Yasen Pramatarov <yasen@bluejimp.com>  Mon, 30 Jun 2014 23:05:18 +0100

debian/jitsi-meet-prosody.docs

@@ -1 +0,0 @@
-doc/debian/jitsi-meet-prosody/README

debian/jitsi-meet-prosody.install

@@ -1,2 +0,0 @@
-doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example   /usr/share/jitsi-meet-prosody/
-resources/prosody-plugins/                                  /usr/share/jitsi-meet/

debian/jitsi-meet-prosody.postinst

@@ -1,225 +0,0 @@
-#!/bin/bash
-# postinst script for jitsi-meet-prosody
-#
-# see: dh_installdeb(1)
-
-set -e
-
-# summary of how this script can be called:
-#        * <postinst> `configure' <most-recently-configured-version>
-#        * <old-postinst> `abort-upgrade' <new version>
-#        * <conflictor's-postinst> `abort-remove' `in-favour' <package>
-#          <new-version>
-#        * <postinst> `abort-remove'
-#        * <deconfigured's-postinst> `abort-deconfigure' `in-favour'
-#          <failed-install-package> <version> `removing'
-#          <conflicting-package> <version>
-# for details, see http://www.debian.org/doc/debian-policy/ or
-# the debian-policy package
-
-function generateRandomPassword() {
-    cat /dev/urandom | tr -dc 'a-zA-Z0-9' | head -c 16
-}
-
-case "$1" in
-    configure)
-
-        # loading debconf
-        . /usr/share/debconf/confmodule
-
-        # try to get host from jitsi-videobridge
-        db_get jitsi-videobridge/jvb-hostname
-        if [ -z "$RET" ] ; then
-            # server hostname
-            db_set jitsi-videobridge/jvb-hostname "localhost"
-            db_input critical jitsi-videobridge/jvb-hostname || true
-            db_go
-        fi
-        JVB_HOSTNAME="$RET"
-
-        db_get jitsi-videobridge/jvbsecret
-        if [ -z "$RET" ] ; then
-            db_input critical jitsi-videobridge/jvbsecret || true
-            db_go
-        fi
-        JVB_SECRET="$RET"
-
-        db_get jicofo/jicofo-authuser
-        if [ -z "$RET" ] ; then
-            db_input critical jicofo/jicofo-authuser || true
-            db_go
-        fi
-        JICOFO_AUTH_USER="$RET"
-
-        db_get jicofo/jicofo-authpassword
-        if [ -z "$RET" ] ; then
-            # if password is missing generate it, and store it
-            JICOFO_AUTH_PASSWORD=`generateRandomPassword`
-            db_set jicofo/jicofo-authpassword "$JICOFO_AUTH_PASSWORD"
-        else
-            JICOFO_AUTH_PASSWORD="$RET"
-        fi
-
-        db_get jicofo/jicofosecret
-        if [ -z "$RET" ] ; then
-            # if secret is missing generate it, and store it
-            JICOFO_SECRET=`generateRandomPassword`
-            db_set jicofo/jicofosecret "$JICOFO_SECRET"
-        else
-            JICOFO_SECRET="$RET"
-        fi
-
-        JICOFO_AUTH_DOMAIN="auth.$JVB_HOSTNAME"
-
-        # detect dpkg-reconfigure, just delete old links
-        db_get jitsi-meet-prosody/jvb-hostname
-        JVB_HOSTNAME_OLD=$RET
-        if [ -n "$RET" ] && [ ! "$JVB_HOSTNAME_OLD" = "$JVB_HOSTNAME" ] ; then
-            rm -f /etc/prosody/conf.d/$JVB_HOSTNAME_OLD.cfg.lua
-            rm -f /etc/prosody/certs/$JVB_HOSTNAME_OLD.key
-            rm -f /etc/prosody/certs/$JVB_HOSTNAME_OLD.crt
-        fi
-
-        # stores the hostname so we will reuse it later, like in purge
-        db_set jitsi-meet-prosody/jvb-hostname "$JVB_HOSTNAME"
-
-        db_get jitsi-meet-prosody/turn-secret
-        if [ -z "$RET" ] ; then
-            # 8-chars random secret used for the turnserver
-            TURN_SECRET=`generateRandomPassword`
-            db_set jitsi-meet-prosody/turn-secret "$TURN_SECRET"
-        else
-            TURN_SECRET="$RET"
-        fi
-
-        # and we're done with debconf
-        db_stop
-
-        PROSODY_CONFIG_PRESENT="true"
-        PROSODY_CREATE_JICOFO_USER="false"
-        PROSODY_HOST_CONFIG="/etc/prosody/conf.avail/$JVB_HOSTNAME.cfg.lua"
-        PROSODY_CONFIG_OLD="/etc/prosody/prosody.cfg.lua"
-        # if there is no prosody config extract our template
-        # check for config in conf.avail or check whether it wasn't already configured in main config
-        if [ ! -f $PROSODY_HOST_CONFIG ] && ! grep -q "VirtualHost \"$JVB_HOSTNAME\"" $PROSODY_CONFIG_OLD; then
-            PROSODY_CONFIG_PRESENT="false"
-            mkdir -p /etc/prosody/conf.avail/
-            mkdir -p /etc/prosody/conf.d/
-            cp /usr/share/jitsi-meet-prosody/prosody.cfg.lua-jvb.example $PROSODY_HOST_CONFIG
-            sed -i "s/jitmeet.example.com/$JVB_HOSTNAME/g" $PROSODY_HOST_CONFIG
-            sed -i "s/focusSecret/$JICOFO_SECRET/g" $PROSODY_HOST_CONFIG
-            sed -i "s/focusUser/$JICOFO_AUTH_USER/g" $PROSODY_HOST_CONFIG
-            sed -i "s/__turnSecret__/$TURN_SECRET/g" $PROSODY_HOST_CONFIG
-            if [ ! -f /etc/prosody/conf.d/$JVB_HOSTNAME.cfg.lua ]; then
-                ln -s $PROSODY_HOST_CONFIG /etc/prosody/conf.d/$JVB_HOSTNAME.cfg.lua
-            fi
-            PROSODY_CREATE_JICOFO_USER="true"
-            # on some distributions main prosody config doesn't include configs
-            # from conf.d folder enable it as this where we put our config by default
-            if ! grep -q "Include \"conf\.d\/\*\.cfg.lua\"" $PROSODY_CONFIG_OLD; then
-                echo -e "\nInclude \"conf.d/*.cfg.lua\"" >> $PROSODY_CONFIG_OLD
-            fi
-        fi
-
-        if [ "$PROSODY_CREATE_JICOFO_USER" = "true" ]; then
-            # create 'focus@auth.domain' prosody user
-            prosodyctl register $JICOFO_AUTH_USER $JICOFO_AUTH_DOMAIN $JICOFO_AUTH_PASSWORD
-            # trigger a restart
-            PROSODY_CONFIG_PRESENT="false"
-        fi
-
-        USER_EXISTS_CHECK=`prosodyctl adduser jvb@$JICOFO_AUTH_DOMAIN < /dev/null || true`
-        if [ ! "$USER_EXISTS_CHECK" = "That user already exists" ]; then
-            prosodyctl register jvb $JICOFO_AUTH_DOMAIN $JVB_SECRET || true
-        fi
-
-        # Check whether prosody config has the internal muc, if not add it,
-        # as we are migrating configs
-        if [ -f $PROSODY_HOST_CONFIG ] && ! grep -q "internal.auth.$JVB_HOSTNAME" $PROSODY_HOST_CONFIG; then
-            echo -e "\nComponent \"internal.auth.$JVB_HOSTNAME\" \"muc\"" >> $PROSODY_HOST_CONFIG
-            echo -e "    storage = \"memory\"" >> $PROSODY_HOST_CONFIG
-            echo -e "    modules_enabled = { \"ping\"; }" >> $PROSODY_HOST_CONFIG
-            echo -e "    admins = { \"$JICOFO_AUTH_USER@auth.$JVB_HOSTNAME\", \"jvb@auth.$JVB_HOSTNAME\" }" >> $PROSODY_HOST_CONFIG
-        fi
-
-        if [ ! -f /var/lib/prosody/$JVB_HOSTNAME.crt ]; then
-            # prosodyctl takes care for the permissions
-            # echo for using all default values
-            echo | prosodyctl cert generate $JVB_HOSTNAME
-
-            ln -sf /var/lib/prosody/$JVB_HOSTNAME.key /etc/prosody/certs/$JVB_HOSTNAME.key
-            ln -sf /var/lib/prosody/$JVB_HOSTNAME.crt /etc/prosody/certs/$JVB_HOSTNAME.crt
-        fi
-
-        PRTRUNK_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'prosody-trunk' 2>/dev/null | awk '{print $3}' || true)"
-        PR10_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'prosody-0.10' 2>/dev/null | awk '{print $3}' || true)"
-        PR_VER_INSTALLED=$(dpkg-query -f='${Version}\n' --show prosody  2>/dev/null || true)
-        if [ "$PRTRUNK_INSTALL_CHECK" = "installed" ] \
-            || [ "$PRTRUNK_INSTALL_CHECK" = "unpacked" ] ; then
-            if [ -f $PROSODY_HOST_CONFIG ]; then
-                sed -i 's/storage = \"memory\"/storage = \"null\"/g' $PROSODY_HOST_CONFIG
-
-                # trigger a restart
-                PROSODY_CONFIG_PRESENT="false"
-            fi
-        fi
-        if [ "$PR10_INSTALL_CHECK" = "installed" ] \
-            || [ "$PR10_INSTALL_CHECK" = "unpacked" ] \
-            || dpkg --compare-versions "$PR_VER_INSTALLED" gt "0.10" ; then
-
-            # if the version is 0.10.X (>0.10 and <0.11)
-            if [ -f $PROSODY_HOST_CONFIG ] \
-                && dpkg --compare-versions "$PR_VER_INSTALLED" lt "0.11" ; then
-                sed -i 's/storage = \"memory\"/storage = \"none\"/g' $PROSODY_HOST_CONFIG
-
-                # trigger a restart
-                PROSODY_CONFIG_PRESENT="false"
-            fi
-        fi
-
-        if [ ! -f /var/lib/prosody/$JICOFO_AUTH_DOMAIN.crt ]; then
-            # prosodyctl takes care for the permissions
-            # echo for using all default values
-            echo | prosodyctl cert generate $JICOFO_AUTH_DOMAIN
-
-            AUTH_KEY_FILE="/etc/prosody/certs/$JICOFO_AUTH_DOMAIN.key"
-            AUTH_CRT_FILE="/etc/prosody/certs/$JICOFO_AUTH_DOMAIN.crt"
-
-            ln -sf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.key $AUTH_KEY_FILE
-            ln -sf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.crt $AUTH_CRT_FILE
-            ln -sf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.crt /usr/local/share/ca-certificates/$JICOFO_AUTH_DOMAIN.crt
-
-            # we need to force updating certificates, in some cases java trust
-            # store not get re-generated with latest changes
-            update-ca-certificates -f
-
-            # don't fail on systems with custom config ($PROSODY_HOST_CONFIG is missing)
-            if [ -f $PROSODY_HOST_CONFIG ]; then
-                # now let's add the ssl cert for the auth. domain (we use # as a sed delimiter cause filepaths are confused with default / delimiter)
-                sed -i "s#VirtualHost \"$JICOFO_AUTH_DOMAIN\"#VirtualHost \"$JICOFO_AUTH_DOMAIN\"\n    ssl = {\n        key = \"$AUTH_KEY_FILE\";\n        certificate = \"$AUTH_CRT_FILE\";\n    \}#g" $PROSODY_HOST_CONFIG
-            fi
-
-            # trigger a restart
-            PROSODY_CONFIG_PRESENT="false"
-        fi
-
-        if [ "$PROSODY_CONFIG_PRESENT" = "false" ]; then
-            invoke-rc.d prosody restart || true
-        fi
-    ;;
-
-    abort-upgrade|abort-remove|abort-deconfigure)
-    ;;
-
-    *)
-        echo "postinst called with unknown argument \`$1'" >&2
-        exit 1
-    ;;
-esac
-
-# dh_installdeb will replace this with shell code automatically
-# generated by other debhelper scripts.
-
-#DEBHELPER#
-
-exit 0

debian/jitsi-meet-prosody.postrm

@@ -1,72 +0,0 @@
-#!/bin/sh
-# postrm script for jitsi-meet-prosody
-#
-# see: dh_installdeb(1)
-
-set -e
-
-# summary of how this script can be called:
-#        * <postrm> `remove'
-#        * <postrm> `purge'
-#        * <old-postrm> `upgrade' <new-version>
-#        * <new-postrm> `failed-upgrade' <old-version>
-#        * <new-postrm> `abort-install'
-#        * <new-postrm> `abort-install' <old-version>
-#        * <new-postrm> `abort-upgrade' <old-version>
-#        * <disappearer's-postrm> `disappear' <overwriter>
-#          <overwriter-version>
-# for details, see http://www.debian.org/doc/debian-policy/ or
-# the debian-policy package
-
-# Load debconf
-. /usr/share/debconf/confmodule
-
-
-case "$1" in
-    remove)
-        if [ -x "/etc/init.d/prosody" ]; then
-            invoke-rc.d prosody reload || true
-        fi
-    ;;
-
-    purge)
-        db_get jitsi-meet-prosody/jvb-hostname
-        JVB_HOSTNAME=$RET
-        if [ -n "$RET" ]; then
-            rm -f /etc/prosody/conf.avail/$JVB_HOSTNAME.cfg.lua
-            rm -f /etc/prosody/conf.d/$JVB_HOSTNAME.cfg.lua
-
-            JICOFO_AUTH_DOMAIN="auth.$JVB_HOSTNAME"
-            # clean up generated certificates
-            rm -f /etc/prosody/certs/$JVB_HOSTNAME.crt
-            rm -f /etc/prosody/certs/$JVB_HOSTNAME.key
-            rm -f /etc/prosody/certs/$JICOFO_AUTH_DOMAIN.crt
-            rm -f /etc/prosody/certs/$JICOFO_AUTH_DOMAIN.key
-            rm -rf /var/lib/prosody/$JICOFO_AUTH_DOMAIN.*
-            rm -rf /var/lib/prosody/$JVB_HOSTNAME.*
-
-            # clean created users
-            rm -rf /var/lib/prosody/`echo $JICOFO_AUTH_DOMAIN | sed -e "s/\./%2e/g"`
-        fi
-
-        # Clear the debconf variable
-        db_purge
-    ;;
-
-    upgrade|failed-upgrade|abort-install|abort-upgrade|disappear)
-    ;;
-
-    *)
-        echo "postrm called with unknown argument \`$1'" >&2
-        exit 1
-    ;;
-esac
-
-# dh_installdeb will replace this with shell code automatically
-# generated by other debhelper scripts.
-
-#DEBHELPER#
-
-db_stop
-
-exit 0

debian/jitsi-meet-prosody.templates

@@ -1,35 +0,0 @@
-Template: jitsi-meet-prosody/jvb-hostname
-Type: string
-_Description: The hostname of the current installation:
- The value for the hostname that is set in Jitsi Videobridge installation.
-
-Template: jitsi-videobridge/jvb-hostname
-Type: string
-_Description: The hostname of the current installation:
- The value for the hostname that is set in Jitsi Videobridge installation.
-
-Template: jitsi-videobridge/jvbsecret
-Type: password
-_Description: Jitsi Videobridge Component secret:
- The secret used by Jitsi Videobridge to connect to xmpp server as component.
-
-Template: jicofo/jicofo-authuser
-Type: string
-Default: focus
-_Description: Jicofo username:
- The jicofo needs an authenticated admin user to connect to xmpp server.
-
-Template: jicofo/jicofo-authpassword
-Type: password
-_Description: Jicofo user password:
- The secret used to connect to xmpp server as jicofo user.
-
-Template: jicofo/jicofosecret
-Type: password
-_Description: Jicofo Component secret:
- The secret used to connect to xmpp server as component
-
-Template: jitsi-meet-prosody/turn-secret
-Type: string
-_Description: The turn server secret
- The secret used to connect to turnserver server.

debian/jitsi-meet-tokens.README.Debian

@@ -1,7 +0,0 @@
-Token authentication plugin for Jitsi Meet
-----------------------------
-
-Jitsi Meet is a WebRTC video conferencing application. This package contains
-Prosody plugin which enables token authentication in Jitsi Meet installation.
-
- -- Pawel Domas <pawel.domas@jitsi.org>  Mon, 2 Nov 2015 14:45:00 -0600

debian/jitsi-meet-tokens.config

@@ -1,10 +0,0 @@
-#!/bin/sh -e
-
-# Source debconf library.
-. /usr/share/debconf/confmodule
-
-db_input critical jitsi-meet-tokens/appid || true
-db_go
-
-db_input critical jitsi-meet-tokens/appsecret || true
-db_go

debian/jitsi-meet-tokens.postinst

@@ -1,107 +0,0 @@
-#!/bin/bash
-# postinst script for jitsi-meet-tokens
-#
-# see: dh_installdeb(1)
-
-set -e
-
-# summary of how this script can be called:
-#        * <postinst> `configure' <most-recently-configured-version>
-#        * <old-postinst> `abort-upgrade' <new version>
-#        * <conflictor's-postinst> `abort-remove' `in-favour' <package>
-#          <new-version>
-#        * <postinst> `abort-remove'
-#        * <deconfigured's-postinst> `abort-deconfigure' `in-favour'
-#          <failed-install-package> <version> `removing'
-#          <conflicting-package> <version>
-# for details, see http://www.debian.org/doc/debian-policy/ or
-# the debian-policy package
-
-
-case "$1" in
-    configure)
-
-        # loading debconf
-        . /usr/share/debconf/confmodule
-
-        db_get jitsi-meet-prosody/jvb-hostname
-        JVB_HOSTNAME="$RET"
-
-        db_get jitsi-meet-tokens/appid
-        if [ "$RET" = "false" ] ; then
-            echo "Application ID is mandatory"
-            exit 1
-        fi
-        APP_ID=$RET
-
-        db_get jitsi-meet-tokens/appsecret
-        if [ "$RET" = "false" ] ; then
-            echo "Application secret is mandatory"
-        fi
-        APP_SECRET=$RET
-
-        PROSODY_HOST_CONFIG="/etc/prosody/conf.avail/$JVB_HOSTNAME.cfg.lua"
-
-        # Store config filename for purge
-        db_set jitsi-meet-prosody/prosody_config "$PROSODY_HOST_CONFIG"
-
-        db_stop
-
-        if [ -f "$PROSODY_HOST_CONFIG" ] ; then
-            # search for --plugin_paths, if this is not enabled this is the
-            # first time we install tokens package and needs a config change
-            if grep -q "\-\-plugin_paths" "$PROSODY_HOST_CONFIG"; then
-                # enable tokens in prosody host config
-                sed -i 's/--plugin_paths/plugin_paths/g' $PROSODY_HOST_CONFIG
-                sed -i 's/authentication = "anonymous"/authentication = "token"/g' $PROSODY_HOST_CONFIG
-                sed -i 's/ --allow_unencrypted_plain_auth/ allow_unencrypted_plain_auth/g' $PROSODY_HOST_CONFIG
-                sed -i "s/ --app_id=\"example_app_id\"/ app_id=\"$APP_ID\"/g" $PROSODY_HOST_CONFIG
-                sed -i "s/ --app_secret=\"example_app_secret\"/ app_secret=\"$APP_SECRET\"/g" $PROSODY_HOST_CONFIG
-                sed -i 's/ --modules_enabled = { "token_verification" }/ modules_enabled = { "token_verification" }/g' $PROSODY_HOST_CONFIG
-
-                # Install luajwt
-                if ! luarocks install luajwtjitsi; then
-                   echo "Failed to install luajwtjitsi - try installing it manually"
-                fi
-
-                # Install basexx
-                if ! luarocks install basexx; then
-                   echo "Failed to install basexx - try installing it manually"
-                fi
-
-                PR10_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'prosody-0.10' 2>/dev/null | awk '{print $3}' || true)"
-                PRTRUNK_INSTALL_CHECK="$(dpkg-query -f '${Status}' -W 'prosody-trunk' 2>/dev/null | awk '{print $3}' || true)"
-                PR_VER_INSTALLED=$(dpkg-query -f='${Version}\n' --show prosody  2>/dev/null || true)
-                if [ "$PR10_INSTALL_CHECK" = "installed" ] \
-                    || "$PR10_INSTALL_CHECK" = "unpacked"  \
-                    || "$PRTRUNK_INSTALL_CHECK" = "installed"  \
-                    || "$PRTRUNK_INSTALL_CHECK" = "unpacked"  \
-                    || dpkg --compare-versions "$PR_VER_INSTALLED" lt "0.11" ; then
-                    sed -i 's/module:hook_global(/module:hook(/g' /usr/share/jitsi-meet/prosody-plugins/mod_auth_token.lua
-                fi
-
-                if [ -x "/etc/init.d/prosody" ]; then
-                    invoke-rc.d prosody restart || true
-                fi
-            fi
-        else
-            echo "Prosody config not found at $PROSODY_HOST_CONFIG - unable to auto-configure token authentication"
-        fi
-
-    ;;
-
-    abort-upgrade|abort-remove|abort-deconfigure)
-    ;;
-
-    *)
-        echo "postinst called with unknown argument \`$1'" >&2
-        exit 1
-    ;;
-esac
-
-# dh_installdeb will replace this with shell code automatically
-# generated by other debhelper scripts.
-
-#DEBHELPER#
-
-exit 0

debian/jitsi-meet-tokens.postrm

@@ -1,75 +0,0 @@
-#!/bin/sh
-# postrm script for jitsi-meet-tokens
-#
-# see: dh_installdeb(1)
-
-set -e
-
-# summary of how this script can be called:
-#        * <postrm> `remove'
-#        * <postrm> `purge'
-#        * <old-postrm> `upgrade' <new-version>
-#        * <new-postrm> `failed-upgrade' <old-version>
-#        * <new-postrm> `abort-install'
-#        * <new-postrm> `abort-install' <old-version>
-#        * <new-postrm> `abort-upgrade' <old-version>
-#        * <disappearer's-postrm> `disappear' <overwriter>
-#          <overwriter-version>
-# for details, see http://www.debian.org/doc/debian-policy/ or
-# the debian-policy package
-
-# Load debconf
-. /usr/share/debconf/confmodule
-
-
-case "$1" in
-    remove)
-
-        db_get jitsi-meet-prosody/prosody_config
-        PROSODY_HOST_CONFIG=$RET
-
-        if [ -f "$PROSODY_HOST_CONFIG" ] ; then
-
-            db_get jitsi-meet-tokens/appid
-            APP_ID=$RET
-
-            db_get jitsi-meet-tokens/appsecret
-            APP_SECRET=$RET
-
-            # Revert prosody config
-            sed -i 's/plugin_paths/--plugin_paths/g' $PROSODY_HOST_CONFIG
-            sed -i 's/authentication = "token"/authentication = "anonymous"/g' $PROSODY_HOST_CONFIG
-            sed -i "s/ app_id=\"$APP_ID\"/ --app_id=\"example_app_id\"/g" $PROSODY_HOST_CONFIG
-            sed -i "s/ app_secret=\"$APP_SECRET\"/ --app_secret=\"example_app_secret\"/g" $PROSODY_HOST_CONFIG
-            sed -i 's/ -- "token_verification"/   "token_verification"/g' $PROSODY_HOST_CONFIG
-
-            if [ -x "/etc/init.d/prosody" ]; then
-                invoke-rc.d prosody restart || true
-            fi
-        fi
-
-        db_stop
-    ;;
-
-    purge)
-        # Clear the debconf variable
-        db_purge
-    ;;
-
-    upgrade|failed-upgrade|abort-install|abort-upgrade|disappear)
-    ;;
-
-    *)
-        echo "postrm called with unknown argument \`$1'" >&2
-        exit 1
-    ;;
-esac
-
-# dh_installdeb will replace this with shell code automatically
-# generated by other debhelper scripts.
-
-#DEBHELPER#
-
-db_stop
-
-exit 0

debian/jitsi-meet-tokens.templates

@@ -1,14 +0,0 @@
-Template: jitsi-meet-tokens/appid
-Type: string
-_Description: The application ID to be used by token authentication plugin:
-  Application ID:
-
-Template: jitsi-meet-tokens/appsecret
-Type: password
-_Description: The application secret to be used by token authentication plugin:
-  Application secret:
-
-Template: jitsi-meet-prosody/prosody_config
-Type: string
-_Description: The location of Jitsi Meet Prosody config file
-  Jitsi-meet Prosody config file location:

debian/jitsi-meet-turnserver.install

@@ -1,3 +0,0 @@
-doc/debian/jitsi-meet-turn/turnserver.conf          /usr/share/jitsi-meet-turnserver/
-doc/debian/jitsi-meet/jitsi-meet.conf               /usr/share/jitsi-meet-turnserver/
-doc/debian/jitsi-meet-turn/coturn-certbot-deploy.sh /usr/share/jitsi-meet-turnserver/