From 3f8bcd5a0e063c5a4c3d916e09b9d9826dab0c12 Mon Sep 17 00:00:00 2001
From: Evan Theurer <theurer@struktur.de>
Date: Tue, 5 May 2015 13:45:19 +0200
Subject: [PATCH 01/31] Add settings option to disable sound effects.

---
 static/js/controllers/appcontroller.js |   5 +-
 static/js/services/playsound.js        | 231 +++++++++++++------------
 static/partials/settings.html          |  13 ++
 3 files changed, 135 insertions(+), 114 deletions(-)

diff --git a/static/js/controllers/appcontroller.js b/static/js/controllers/appcontroller.js
index 2d3d6dfd..950a9bb0 100644
--- a/static/js/controllers/appcontroller.js
+++ b/static/js/controllers/appcontroller.js
@@ -55,7 +55,8 @@ define(["jquery", "angular", "underscore"], function($, angular, _) {
 					audioTypingNoiseDetection: true,
 					videoLeakyBucket: true,
 					videoNoiseReduction: false
-				}
+				},
+				playSoundEffects: true
 			}
 		};
 		$scope.master = angular.copy($scope.defaults);
@@ -119,4 +120,4 @@ define(["jquery", "angular", "underscore"], function($, angular, _) {
 
 	}];
 
-});
\ No newline at end of file
+});
diff --git a/static/js/services/playsound.js b/static/js/services/playsound.js
index eb682416..caf7dbaf 100644
--- a/static/js/services/playsound.js
+++ b/static/js/services/playsound.js
@@ -22,141 +22,148 @@
 "use strict";
 define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 
-	var SoundInterval = function(sound, id, time) {
-		this.sound = sound;
-		this.id = id;
-		this.interval = null;
-		this.time = time;
-	};
-	SoundInterval.prototype.start = function() {
-		if (this.interval !== null) {
-			return;
-		}
-		var id = this.id;
-		var player = _.bind(function() {
-			return this.sound.play(id);
-		}, this);
-		player();
-		this.interval = setInterval(player, this.time);
-	};
-	SoundInterval.prototype.stop = function() {
-		clearInterval(this.interval);
-		this.interval = null;
-		delete this.sound.intervals[this.id];
-	};
-
-	var Sound = function(options, aliases) {
-
-		this.sound = null;
-		this.intervals = {};
-		if (options) {
-			this.initialize(options, aliases);
-		}
+	// playSound
+	return ["appData", function(appData) {
 
-	};
+		var SoundInterval = function(sound, id, time) {
+			this.sound = sound;
+			this.id = id;
+			this.interval = null;
+			this.time = time;
+		};
+		SoundInterval.prototype.start = function() {
+			if (this.interval !== null) {
+				return;
+			}
+			var id = this.id;
+			var player = _.bind(function() {
+				return this.sound.play(id);
+			}, this);
+			player();
+			this.interval = setInterval(player, this.time);
+		};
+		SoundInterval.prototype.stop = function() {
+			clearInterval(this.interval);
+			this.interval = null;
+			delete this.sound.intervals[this.id];
+		};
 
-	Sound.prototype.initialize = function(options, aliases) {
+		var Sound = function(options, aliases) {
 
-		// Kill all the existing stuff if any.
-		if (this.sound) {
-			this.sound.stop();
-		}
-		_.each(this.intervals, function(i) {
-			i.stop();
-		});
-		this.intervals = {};
-
-		// Add error handler.
-		var onloaderror = options.onloaderror;
-		options.onloaderror = function(event) {
-			console.error("Failed to load sounds", event);
-			if (onloaderror) {
-				onloaderror.apply(this, arguments);
+			this.sound = null;
+			this.intervals = {};
+			if (options) {
+				this.initialize(options, aliases);
 			}
+
 		};
 
-		// Replace urls with their require generated URLs.
-		var urls = options.urls;
-		if (urls) {
-			var new_urls = [];
-			_.each(urls, function(u) {
-				u = require.toUrl(u);
-				new_urls.push(u);
+		Sound.prototype.initialize = function(options, aliases) {
+
+			// Kill all the existing stuff if any.
+			if (this.sound) {
+				this.sound.stop();
+			}
+			_.each(this.intervals, function(i) {
+				i.stop();
 			});
-			options.urls = new_urls;
-		}
+			this.intervals = {};
+
+			// Add error handler.
+			var onloaderror = options.onloaderror;
+			options.onloaderror = function(event) {
+				console.error("Failed to load sounds", event);
+				if (onloaderror) {
+					onloaderror.apply(this, arguments);
+				}
+			};
+
+			// Replace urls with their require generated URLs.
+			var urls = options.urls;
+			if (urls) {
+				var new_urls = [];
+				_.each(urls, function(u) {
+					u = require.toUrl(u);
+					new_urls.push(u);
+				});
+				options.urls = new_urls;
+			}
 
-		// Create the new shit.
-		this.players = {};
-		this.aliases = _.extend({}, aliases);
-		this.sound = new Howler.Howl(options);
+			// Create the new shit.
+			this.players = {};
+			this.aliases = _.extend({}, aliases);
+			this.sound = new Howler.Howl(options);
 
-		return this;
+			return this;
 
-	};
+		};
 
-	Sound.prototype.getId = function(id) {
+		Sound.prototype.getId = function(id) {
 
-		if (this.aliases.hasOwnProperty(id)) {
-			return this.aliases[id];
-		}
-		return id;
+			if (this.aliases.hasOwnProperty(id)) {
+				return this.aliases[id];
+			}
+			return id;
 
-	};
+		};
 
+		Sound.prototype.play = function(id, interval, autostart) {
 
-	Sound.prototype.play = function(id, interval, autostart) {
+			if (!this.sound) {
+				console.log("Play sound but not initialized.", id);
+				return null;
+			}
+			if (!this.shouldPlaySound(id)) {
+				return;
+			}
 
-		if (!this.sound) {
-			console.log("Play sound but not initialized.", id);
-			return null;
-		}
+			id = this.getId(id);
 
-		id = this.getId(id);
+			if (interval) {
 
-		if (interval) {
+				if (this.intervals.hasOwnProperty(id)) {
+					return this.intervals[id];
+				}
+				var i = this.intervals[id] = new SoundInterval(this, id, interval);
+				if (autostart) {
+					i.start();
+				}
+				return i;
+
+			} else {
+
+				var player = this.players[id];
+				var sound = this.sound;
+				if (!player) {
+					player = this.players[id] = (function(id) {
+						var data = {};
+						var cb = function(soundId) {
+							data.soundId = soundId;
+						};
+						var play = _.debounce(function() {
+							if (data.soundId) {
+								sound.stop(data.soundId);
+								data.soundId = null;
+							}
+							sound.play(id, cb);
+						}, 10);
+						return play;
+					}(id));
+				}
+				player()
 
-			if (this.intervals.hasOwnProperty(id)) {
-				return this.intervals[id];
 			}
-			var i = this.intervals[id] = new SoundInterval(this, id, interval);
-			if (autostart) {
-				i.start();
-			}
-			return i;
-
-		} else {
-
-			var player = this.players[id];
-			var sound = this.sound;
-			if (!player) {
-				player = this.players[id] = (function(id) {
-					var data = {};
-					var cb = function(soundId) {
-						data.soundId = soundId;
-					};
-					var play = _.debounce(function() {
-						if (data.soundId) {
-							sound.stop(data.soundId);
-							data.soundId = null;
-						}
-						sound.play(id, cb);
-					}, 10);
-					return play;
-				}(id));
-			}
-			player()
-
-		}
 
-	};
+		};
 
-	// Active initialized sound instances are kept here.
-	var registry = {};
-	window.PLAYSOUND = registry; // make available for debug.
+		Sound.prototype.shouldPlaySound = function (id) {
+			var data = appData.get();
+			return data && data.master.settings.playSoundEffects;
+		};
 
-	// playSound
-	return [function() {
+		// Active initialized sound instances are kept here.
+		var registry = {};
+		window.PLAYSOUND = registry; // make available for debug.
 
 		return {
 			initialize: function(options, name, aliases) {
diff --git a/static/partials/settings.html b/static/partials/settings.html
index c894303e..54898383 100644
--- a/static/partials/settings.html
+++ b/static/partials/settings.html
@@ -265,6 +265,19 @@
         </div>
       </div>
 
+      <div>
+        <legend>{{_('Sound effects')}}</legend>
+        <div class="form-group">
+          <div class="col-xs-8 col-xs-offset-4">
+            <div class="checkbox">
+              <label>
+                 <input type="checkbox" ng-model="user.settings.playSoundEffects"> {{_('Play Sound Effects')}}
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <hr/>
 
       <div class="form-group">

From ff7cdb583551a245d0ca72da5e7027b46169b499 Mon Sep 17 00:00:00 2001
From: Evan Theurer <theurer@struktur.de>
Date: Mon, 1 Jun 2015 18:15:48 +0200
Subject: [PATCH 02/31] Support alertify dialogs of custom type.

---
 static/js/controllers/uicontroller.js |  8 +++++-
 static/js/services/alertify.js        | 38 +++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/static/js/controllers/uicontroller.js b/static/js/controllers/uicontroller.js
index 2d927f4e..4a38d6a6 100644
--- a/static/js/controllers/uicontroller.js
+++ b/static/js/controllers/uicontroller.js
@@ -24,6 +24,12 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 
 	return ["$scope", "$rootScope", "$element", "$window", "$timeout", "safeDisplayName", "safeApply", "mediaStream", "appData", "playSound", "desktopNotify", "alertify", "toastr", "translation", "fileDownload", "localStorage", "screensharing", "localStatus", "dialogs", "rooms", "constraints", function($scope, $rootScope, $element, $window, $timeout, safeDisplayName, safeApply, mediaStream, appData, playSound, desktopNotify, alertify, toastr, translation, fileDownload, localStorage, screensharing, localStatus, dialogs, rooms, constraints) {
 
+		alertify.dialog.registerCustom({
+			baseType: 'notify',
+			type: 'webrtcUnsupported',
+			message: translation._("Your browser does not support WebRTC. No calls possible.")
+		});
+
 		// Avoid accidential reloads or exits when in a call.
 		$($window).on("beforeunload", function(event) {
 			if (appData.flags.manualUnload || !$scope.peer) {
@@ -714,7 +720,7 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 				return;
 			}
 			if (!$window.webrtcDetectedVersion) {
-				alertify.dialog.alert(translation._("Your browser does not support WebRTC. No calls possible."));
+				alertify.dialog.custom("webrtcUnsupported");
 				return;
 			}
 			if (mediaStream.config.Renegotiation && $window.webrtcDetectedBrowser === "firefox" && $window.webrtcDetectedVersion < 38) {
diff --git a/static/js/services/alertify.js b/static/js/services/alertify.js
index 02e14e88..cbf7c32a 100644
--- a/static/js/services/alertify.js
+++ b/static/js/services/alertify.js
@@ -89,7 +89,38 @@ define(["angular"], function(angular) {
 			});
 		};
 
+		var registeredCustomDialog = [];
 		var dialog = {
+			/**
+			* registerCustom registers a custom dialog. To overwrite an existing custom dialog simply use the same id.
+			*
+			* @param {Object} config Preferences for the custom dialog with the following properties:
+			* @param {String} config.baseType Existing dialog type to use as initial values and from which a template will be used.
+			* @param {String} config.type The ID of the custom dialog. The template name which is saved in $templateCache. If the the type is 'notify' the templateUrl must be '/dialogs/notify.html'.
+			* @param {String} [config.template] A custom template to use for the dialog instead of the baseType template.
+			* @param {String} [config.title] The title which the baseType modal dialog should display. If none is provided the baseType title is used.
+			* @param {String} [config.message] The message which the baseType modal dialog should display.
+			* @param {Function} [config.ok_cb] The callback function to be called on success.
+			* @param {Function} [config.err_cb] The callback function to be called on error.
+			*/
+			registerCustom: function(config) {
+				var conf = angular.extend({}, config);
+				if (!conf ||
+					conf && !conf.type ||
+					conf && !conf.baseType) {
+					throw Error("Custom template not configured correctly.");
+				}
+				var templateUrl = '/dialogs/' + conf.type + '.html';
+				if (conf.template) {
+					$templateCache.put(templateUrl, conf.template);
+				} else {
+					$templateCache.put(templateUrl, $templateCache.get('/dialogs/' + conf.baseType + '.html'));
+				}
+				if (!conf.title) {
+					conf.title = api.defaultMessages[conf.baseType];
+				}
+				registeredCustomDialog[conf.type] = conf;
+			},
 			exec: function(n, title, message, ok_cb, err_cb) {
 				if (!message && title) {
 					message = title;
@@ -104,6 +135,13 @@ define(["angular"], function(angular) {
 				}
 				return dlg;
 			},
+			custom: function(type) {
+				var config = registeredCustomDialog[type];
+				if (!config) {
+					throw new Error('The custom dialog type "' + type + '" is not registered.');
+				}
+				return dialog.exec(config.type, config.title, config.message, config.ok_cb, config.err_cb);
+			},
 			error: function(title, message, ok_cb, err_cb) {
 				return dialog.exec("error", title, message, ok_cb, err_cb);
 			},

From 037358075567aa3117dba3b61c570d047f44f3ea Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Wed, 8 Jul 2015 11:01:49 +0200
Subject: [PATCH 03/31] Do not use a separate section for a single checkbox.

---
 static/partials/settings.html | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/static/partials/settings.html b/static/partials/settings.html
index 54898383..b4fd34bb 100644
--- a/static/partials/settings.html
+++ b/static/partials/settings.html
@@ -110,6 +110,16 @@
             <span class="help-block">{{_('Set alternative room to join at start.')}}</span>
           </div>
         </div>
+        <div class="form-group">
+          <label class="col-xs-4 control-label">{{_('Notification sounds')}}</label>
+          <div class="col-xs-8">
+            <div class="checkbox">
+              <label>
+                 <input type="checkbox" ng-model="user.settings.playSoundEffects"/>&nbsp;
+              </label>
+            </div>
+          </div>
+        </div>
         <div class="form-group" ng-show="desktopNotify.supported">
           <label class="col-xs-4 control-label">{{_('Desktop notification')}}</label>
           <div class="col-xs-8">
@@ -265,19 +275,6 @@
         </div>
       </div>
 
-      <div>
-        <legend>{{_('Sound effects')}}</legend>
-        <div class="form-group">
-          <div class="col-xs-8 col-xs-offset-4">
-            <div class="checkbox">
-              <label>
-                 <input type="checkbox" ng-model="user.settings.playSoundEffects"> {{_('Play Sound Effects')}}
-              </label>
-            </div>
-          </div>
-        </div>
-      </div>
-
       <hr/>
 
       <div class="form-group">

From 197a3a69be86e39db52264f7ed42b65b35525310 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Wed, 8 Jul 2015 11:03:32 +0200
Subject: [PATCH 04/31] Rebuilt translation files and updated German.

---
 src/i18n/messages-de.po             | 7 +++++--
 src/i18n/messages-ja.po             | 6 +++++-
 src/i18n/messages-ko.po             | 6 +++++-
 src/i18n/messages-zh-cn.po          | 6 +++++-
 src/i18n/messages-zh-tw.po          | 6 +++++-
 src/i18n/messages.pot               | 5 ++++-
 static/translation/messages-de.json | 2 +-
 7 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/i18n/messages-de.po b/src/i18n/messages-de.po
index f713a1ee..54b0cab1 100644
--- a/src/i18n/messages-de.po
+++ b/src/i18n/messages-de.po
@@ -8,8 +8,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Spreed WebRTC 1.0\n"
 "Report-Msgid-Bugs-To: simon@struktur.de\n"
-"POT-Creation-Date: 2015-04-30 19:22+0200\n"
-"PO-Revision-Date: 2015-04-30 19:27+0100\n"
+"POT-Creation-Date: 2015-07-08 11:02+0200\n"
+"PO-Revision-Date: 2015-07-08 11:02+0100\n"
 "Last-Translator: Simon Eisenmann <simon@struktur.de>\n"
 "Language-Team: struktur AG <opensource@struktur.de>\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
@@ -365,6 +365,9 @@ msgstr "Standard Raum"
 msgid "Set alternative room to join at start."
 msgstr " Raum wird beim Start automatisch betreten."
 
+msgid "Notification sounds"
+msgstr "Klänge"
+
 msgid "Desktop notification"
 msgstr "Desktop-Benachrichtigung"
 
diff --git a/src/i18n/messages-ja.po b/src/i18n/messages-ja.po
index c6fbb36d..e49cc940 100644
--- a/src/i18n/messages-ja.po
+++ b/src/i18n/messages-ja.po
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Spreed WebRTC 1.0\n"
 "Report-Msgid-Bugs-To: simon@struktur.de\n"
-"POT-Creation-Date: 2015-04-30 19:22+0200\n"
+"POT-Creation-Date: 2015-07-08 11:02+0200\n"
 "PO-Revision-Date: 2014-04-23 22:25+0100\n"
 "Last-Translator: Curt Frisemo <curt.frisemo@spreed.com>\n"
 "Language-Team: Curt Frisemo <curt.frisemo@spreed.com>\n"
@@ -357,6 +357,10 @@ msgstr "デフォルト・ルーム"
 msgid "Set alternative room to join at start."
 msgstr "スタート時に別のルームに参加する."
 
+#, fuzzy
+msgid "Notification sounds"
+msgstr "デスクトップ通知"
+
 msgid "Desktop notification"
 msgstr "デスクトップ通知"
 
diff --git a/src/i18n/messages-ko.po b/src/i18n/messages-ko.po
index d9a4e3c5..a0bd3d25 100644
--- a/src/i18n/messages-ko.po
+++ b/src/i18n/messages-ko.po
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Spreed WebRTC 1.0\n"
 "Report-Msgid-Bugs-To: simon@struktur.de\n"
-"POT-Creation-Date: 2015-04-30 19:22+0200\n"
+"POT-Creation-Date: 2015-07-08 11:02+0200\n"
 "PO-Revision-Date: 2014-04-13 20:30+0900\n"
 "Last-Translator: Curt Frisemo <curt.frisemo@spreed.com>\n"
 "Language-Team: Curt Frisemo <curt.frisemo@spreed.com>\n"
@@ -357,6 +357,10 @@ msgstr "기본 방"
 msgid "Set alternative room to join at start."
 msgstr "시작시에 다른 방에 합류하도록 설정 되었습니다"
 
+#, fuzzy
+msgid "Notification sounds"
+msgstr "데스크탑에 통보"
+
 msgid "Desktop notification"
 msgstr "데스크탑에 통보"
 
diff --git a/src/i18n/messages-zh-cn.po b/src/i18n/messages-zh-cn.po
index c154f344..95ad352d 100644
--- a/src/i18n/messages-zh-cn.po
+++ b/src/i18n/messages-zh-cn.po
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Spreed WebRTC 1.0\n"
 "Report-Msgid-Bugs-To: simon@struktur.de\n"
-"POT-Creation-Date: 2015-04-30 19:22+0200\n"
+"POT-Creation-Date: 2015-07-08 11:02+0200\n"
 "PO-Revision-Date: 2014-05-21 09:54+0800\n"
 "Last-Translator: Michael P.\n"
 "Language-Team: Curt Frisemo <curt.frisemo@spreed.com>\n"
@@ -357,6 +357,10 @@ msgstr "系统默认房间"
 msgid "Set alternative room to join at start."
 msgstr "重设初始默认房间"
 
+#, fuzzy
+msgid "Notification sounds"
+msgstr "桌面提醒"
+
 msgid "Desktop notification"
 msgstr "桌面提醒"
 
diff --git a/src/i18n/messages-zh-tw.po b/src/i18n/messages-zh-tw.po
index 5cadd480..7b070b3c 100644
--- a/src/i18n/messages-zh-tw.po
+++ b/src/i18n/messages-zh-tw.po
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Spreed WebRTC 1.0\n"
 "Report-Msgid-Bugs-To: simon@struktur.de\n"
-"POT-Creation-Date: 2015-04-30 19:22+0200\n"
+"POT-Creation-Date: 2015-07-08 11:02+0200\n"
 "PO-Revision-Date: 2014-05-21 09:55+0800\n"
 "Last-Translator: Michael P.\n"
 "Language-Team: Curt Frisemo <curt.frisemo@spreed.com>\n"
@@ -357,6 +357,10 @@ msgstr "系統默認房間"
 msgid "Set alternative room to join at start."
 msgstr "重設初始默認房間"
 
+#, fuzzy
+msgid "Notification sounds"
+msgstr "桌面提醒"
+
 msgid "Desktop notification"
 msgstr "桌面提醒"
 
diff --git a/src/i18n/messages.pot b/src/i18n/messages.pot
index 584420a1..2b0ba678 100644
--- a/src/i18n/messages.pot
+++ b/src/i18n/messages.pot
@@ -9,7 +9,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Spreed WebRTC 1.0\n"
 "Report-Msgid-Bugs-To: simon@struktur.de\n"
-"POT-Creation-Date: 2015-04-30 19:22+0200\n"
+"POT-Creation-Date: 2015-07-08 11:02+0200\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -350,6 +350,9 @@ msgstr ""
 msgid "Set alternative room to join at start."
 msgstr ""
 
+msgid "Notification sounds"
+msgstr ""
+
 msgid "Desktop notification"
 msgstr ""
 
diff --git a/static/translation/messages-de.json b/static/translation/messages-de.json
index 35c2bbc5..584ddc56 100644
--- a/static/translation/messages-de.json
+++ b/static/translation/messages-de.json
@@ -1 +1 @@
-{"domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural_forms":"nplurals=2; plural=(n != 1)"},"Standard view":["Standardansicht"],"Large view":["Große Videos"],"Kiosk view":["Kiosk-Ansicht"],"Auditorium":["Auditorium"],"Start chat":["Chat starten"],"Start video call":["Video-Anruf starten"],"Start audio conference":["Audio-Konferenz starten"],"No one else here":["Niemand sonst hier"],"Take":["Los"],"Retake":["Nochmal"],"Cancel":["Abbrechen"],"Set as Profile Picture":["Als Bild setzen"],"Take picture":["Bild machen"],"Upload picture":["Bild hochladen"],"Waiting for camera":["Warte auf die Kamera"],"Picture":["Bild"],"The file couldn't be read.":["Die Datei konnte nicht geöffnet werden."],"The file is not an image.":["Diese Datei ist kein Bild."],"The file is too large. Max. %d MB.":["Diese Datei ist zu groß. Max. %d MB."],"Select file":["Datei wählen"],"Chat sessions":["Chat-Sitzungen"],"Room chat":["Raum-Chat"],"Peer to peer":["Peer-to-peer"],"Close chat":["Chat schließen"],"Upload files":["Dateien hochladen"],"Share my location":["Meinen Standort teilen"],"Clear chat":["Chat löschen"],"is typing...":[" schreibt gerade..."],"has stopped typing...":[" schreibt nicht mehr..."],"Type here to chat...":["Nachricht hier eingeben..."],"Send":["Senden"],"Accept":["Akzeptieren"],"Reject":["Abweisen"],"You have no contacts.":["Sie haben keine Kontakte."],"To add new contacts, join a room and create a contact add request by clicking on the star icon next to a user entry.":["Betreten Sie einen Raum und klicken dann auf das Stern-Symbol eines anderen Nutzers um eine Kontaktanfrage zu starten."],"Edit contact":["Kontakt bearbeiten"],"Edit":["Bearbeiten"],"Name":["Name"],"Remove":["Entfernen"],"Refresh":["Aktualisieren"],"Save":["Speichern"],"Close":["Schließen"],"File sharing":["Datei-Austausch"],"File is no longer available":["Datei ist nicht mehr verfügbar"],"Download":["Laden"],"Open":["Öffnen"],"Unshare":["Zurückziehen"],"Retry":["Nochmal versuchen"],"Download failed.":["Fehler beim Download."],"Share a YouTube video":["Ein YouTube Video teilen"],"Share a file as presentation":["Datei als Präsentation teilen."],"Share your screen":["Bildschirm freigeben"],"Chat":["Chat"],"Contacts":["Kontakte"],"Mute microphone":["Mikrofon abschalten"],"Turn camera off":["Kamera abschalten"],"Settings":["Einstellungen"],"Loading presentation ...":["Präsentation wird geladen..."],"Please upload a document":["Bitte Dokument hochladen"],"Documents are shared with everyone in this call. The supported file types are PDF and OpenDocument files.":["Das Dokument wird mit allen Gesprächsteilnehmern geteilt. Unterstützt werden PDF und OpenDocument Dateien."],"Upload":["Hochladen"],"You can drag files here too.":["Sie können Dateien auch hierhin ziehen."],"Presentation controls":["Präsentations-Steuerung"],"Prev":["Zurück"],"Next":["Vor"],"Change room":["Raum wechseln"],"Room":["Raum"],"Leave room":["Raum verlassen"],"Main":["Standard"],"Current room":["Raum"],"Screen sharing options":["Optionen für Bildschirmfreigabe"],"Fit screen.":["Bildschirm einpassen."],"Share screen":["Bildschirm teilen"],"Please select what to share.":["Bitte wählen Sie aus, was geteilt werden soll."],"Screen":["Bildschirm"],"Window":["Fenster"],"Application":["Anwendung"],"Share the whole screen. Click share to select the screen.":["Gesamten Bildschirm teilen. Klicken Sie auf Teilen um den Bildschirm auszuwählen."],"Share a single window. Click share to select the window.":["Einzelnes Fenster teilen. Klicken Sie auf Teilen um das Fenster auszuwählen."],"Share all windows of a application. This can leak content behind windows when windows get moved. Click share to select the application.":["Alle Fenster einer Anwendung teilen. Es wird u.U. Inhalt hinter Fenstern der Anwendung geteilt, wenn diese verschoben werden. Klicken Sie auf Teilen um die Anwendung auszuwählen."],"Share":["Teilen"],"Profile":["Profil"],"Your name":["Ihr Name"],"Your picture":["Ihr Bild"],"Status message":["Status Nachricht"],"What's on your mind?":["Was machen Sie gerade?"],"Your picture, name and status message identify yourself in calls, chats and rooms.":["Ihr Bild, Name und Status Nachricht repräsentiert Sie in Anrufen, Chats und Räumen."],"Your ID":["Ihre ID"],"Register":["Registrieren"],"Authenticated by certificate. To log out you have to remove your certificate from the browser.":["Mit Zertifikat angemeldet. Melden Sie sich ab indem Sie das Zertifikat aus dem Browser entfernen."],"Sign in":["Anmelden"],"Create an account":["Registrieren"],"Sign out":["Abmelden"],"Manage account":["Konto verwalten"],"Media":["Kamera / Mikrofon"],"Microphone":["Mikrofon"],"Camera":["Kamera"],"Video quality":["Video-Qualität"],"Low":["Gering"],"High":["Hoch"],"HD":["HD"],"Full HD":["Full HD"],"General":["Allgemein"],"Language":["Sprache"],"Language changes become active on reload.":["Sie müssen die Seite neu laden, um die Spracheinstellung zu übernehmen."],"Default room":["Standard Raum"],"Set alternative room to join at start.":[" Raum wird beim Start automatisch betreten."],"Desktop notification":["Desktop-Benachrichtigung"],"Enable":["Aktivieren"],"Denied - check your browser settings":["Verweigert - prüfen Sie die Browser-Einstellungen"],"Allowed":["Aktiviert"],"Advanced settings":["Erweiterte Einstellungen"],"Play audio on same device as selected microphone":["Audioausgabe auf dem zum Mikrofon gehörenden Gerät"],"Experimental AEC":["Experimentelle AEC"],"Experimental AGC":["Experimentelle AGC"],"Experimental noise suppression":["Experimentelle Geräuschunterdrückung"],"Max video frame rate":["Max. Bildwiederholrate"],"auto":["auto"],"Send stereo audio":["Audio in Stereo übertragen"],"Sending stereo audio disables echo cancellation. Enable only if you have stereo input.":["Um Stereo zu übertragen wird die Echo-Unterdrückung deaktiviert. Nur aktivieren wenn das Eingangssignal Stereo ist."],"Detect CPU over use":["CPU-Überlast erkennen"],"Automatically reduces video quality as needed.":["Reduziert die Videoqualität wenn nötig."],"Optimize for high resolution video":["Für hohe Auflösung optimieren"],"Reduce video noise":["Rauschen reduzieren"],"Enable experiments":["Experimente aktivieren"],"Show advanced settings":["Erweiterte Einstellungen anzeigen"],"Hide advanced settings":["Erweiterte Einstellungen ausblenden"],"Remember settings":["Einstellungen merken"],"Your ID will still be kept - press the log out button above to delete the ID.":["Ihre ID bleibt dennoch gespeichert. Klicken Sie Ausloggen weiter oben um die ID zu löschen."],"Room link":["Raum-Link"],"Invite by Email":["Per E-Mail einladen"],"Invite with Facebook":["Mit Facebook einladen"],"Invite with Twitter":["Mit Twitter einladen"],"Invite with Google Plus":["Mit Google Plus einladen"],"Invite with XING":["Mit XING einladen"],"Initializing":["Initialisiere"],"Online":["Online"],"Calling":["Verbinde mit"],"Hangup":["Auflegen"],"In call with":["Verbunden mit"],"Conference with":["Konferenz mit"],"Your are offline":["Sie sind offline"],"Go online":["Online gehen"],"Connection interrupted":["Verbindung unterbrochen"],"An error occured":["Ein Fehler ist aufgetreten"],"Incoming call":["Eingehender Anruf"],"from":["von"],"Accept call":["Anruf annehmen"],"Waiting for camera/microphone access":["Warte auf Kamera/Mikrofon Freigabe"],"Your audio level":["Ihr Audio-Pegel"],"Checking camera and microphone access.":["Prüfe Zugriff auf Kamera und Mikrofon."],"Please allow access to your camera and microphone.":["Bitte gestatten Sie den Zugriff auf Ihre Kamera und Mikrofon."],"Camera / microphone access required.":["Kamera / Mikrofon Zugriff wird benötigt."],"Please check your browser settings and allow camera and microphone access for this site.":["Bitte prüfen Sie Ihre Browser-Einstellungen und gestatten Sie den Zugriff auf Kamera und Mikrofon für diese Seite."],"Skip check":["Überspringen"],"Click here for help (Google Chrome).":["Hier klicken für weitere Infos (Google Chrome)."],"Please set your user details and settings.":["Bitte vervollständigen Sie Ihre Daten und Einstellungen."],"Enter a room name":["Raum eingeben"],"Random room name":["Zufälliger Raum"],"Enter room":["Raum betreten"],"Enter the name of an existing room. You can create new rooms when you are signed in.":["Geben Sie den Namen eines existierenden Raums ein. Melden Sie sich an um eigene Räume zu erstellen."],"Room history":["Raum-Verlauf"],"Please sign in.":["Bitte melden Sie sich an."],"Videos play simultaneously for everyone in this call.":["Das Video wird bei allen Gesprächsteilnehmern angezeigt."],"YouTube URL":["YouTube URL"],"Could not load YouTube player API, please check your network / firewall settings.":["Es konnte keine Verbindung zu YouTube aufgebaut werden. Bitte prüfen Sie Ihre Internetverbindung / Firewall."],"Currently playing":["Aktuelles Video"],"YouTube controls":["YouTube Steuerung"],"YouTube video to share":["YouTube Video teilen"],"Peer to peer chat active.":["Peer-to-peer Chat ist aktiv."],"Peer to peer chat is now off.":["Peer-to-peer Chat ist nicht mehr aktiv."]," is now offline.":[" ist jetzt offline."]," is now online.":[" ist jetzt online."],"You share file:":["Sie geben eine Datei frei:"],"Incoming file:":["Eingehende Datei:"],"You shared your location:":["Sie haben Ihren Standort geteilt:"],"Location received:":["Standort erhalten:"],"You accepted the contact request.":["Sie haben die Kontaktanfrage angenommen."],"You rejected the contact request.":["Sie haben die Kontaktanfrage abgelehnt."],"You sent a contact request.":["Sie haben eine Kontaktanfrage gesendet."],"Your contact request was accepted.":["Ihre Kontaktanfrage wurde angenommen."],"Incoming contact request.":["Kontaktanfrage erhalten."],"Your contact request was rejected.":["Ihre Kontaktanfrage wurde abgelehnt."],"Edit Contact":["Kontakt bearbeiten"],"Close this window and disconnect?":["Fenster schließen und die Verbindung trennen?"],"Contacts Manager":["Kontakte"],"Restart required to apply updates. Click ok to restart now.":["Es stehen Updates zur Verfügung. Klicken Sie Ok um die Anwendung  neu zu starten."],"Failed to access camera/microphone.":["Fehler beim Zugriff auf die Kamera / das Mikrofon."],"Failed to establish peer connection.":["Fehler beim Verbindungsaufbau."],"We are sorry but something went wrong. Boo boo.":["Leider ist ein Fehler aufgetreten. Buhuhu."],"Oops":["Hoppla"],"Peer connection failed. Check your settings.":["Verbindung fehlgeschlagen. Überprüfen Sie Ihre Einstellungen."],"User hung up because of error.":["Teilnehmer hat aufgelegt, da ein Fehler aufgetreten ist."]," is busy. Try again later.":[" ist in einem Gespräch. Probieren Sie es später."]," rejected your call.":[" hat Ihren Anruf abgelehnt."]," does not pick up.":[" nimmt nicht ab."]," tried to call you":[" hat versucht Sie anzurufen"]," called you":[" hat Sie angerufen"],"Your browser is not supported. Please upgrade to a current version.":["Ihr Browser wird nicht unterstützt. Bitte aktualisieren Sie auf eine aktuelle Version."],"Your browser does not support WebRTC. No calls possible.":["Ihr Browser unterstützt kein WebRTC. Keine Anrufe möglich."],"Chat with":["Chat mit"],"Message from ":["Nachricht von "],"You are now in room %s ...":["Sie sind nun im Raum %s ..."],"Your browser does not support file transfer.":["Mit Ihrem Browser können keine Dateien übertragen werden."],"Could not load PDF: Please make sure to select a PDF document.":["PDF konnte nicht geladen werden - Bitte stellen Sie sicher, dass Sie ein gültiges PDF-Dokument ausgewählt haben."],"Could not load PDF: Missing PDF file.":["Das PDF konnte nicht geladen werden: Datei fehlt."],"An error occurred while loading the PDF (%s).":["Beim Laden des PDF's ist ein Fehler aufgetreten (%s)."],"An unknown error occurred while loading the PDF.":["Beim Laden des PDF ist ein unbekannter Fehler aufgetreten."],"An error occurred while loading the PDF page (%s).":["Beim Laden der PDF-Seite ist ein Fehler aufgetreten (%s)."],"An unknown error occurred while loading the PDF page.":["Beim Laden der PDF-Seite ist ein unbekannter Fehler aufgetreten (%s)."],"An error occurred while rendering the PDF page (%s).":["Beim Anzeigen der PDF-Seite ist ein Fehler aufgetreten (%s)."],"An unknown error occurred while rendering the PDF page.":["Beim Anzeigen der PDF-Seite ist ein ubekannter Fehler aufgetreten."],"Only PDF documents and OpenDocument files can be shared at this time.":["Es können nur Dokumente im PDF oder OpenDocument-Format als Präsentation verwendet werden."],"Failed to start screen sharing (%s).":["Die Bildschirmfreigabe konnte nicht gestartet werden (%s)."],"Permission to start screen sharing was denied. Make sure to have enabled screen sharing access for your browser. Copy chrome://flags/#enable-usermedia-screen-capture and open it with your browser and enable the flag on top. Then restart the browser and you are ready to go.":["Die Berechtigung für die Bildschirmaufzeichnung wurde verweigert. Bitte stellen Sie sicher die Unterstützung für Bildschimaufzeichnung in Ihrem Browser aktiviert ist. Kopieren Sie dazu chrome://flags/#enable-usermedia-screen-capture und öffnen Sie diese Adresse in Ihrem Browser. Aktivieren Sie die oberste Einstellung und starten dann den Browser neu. Anschließend können Sie die Bildschirmfreigabe benutzen."],"Permission to start screen sharing was denied.":["Die Berechtigung den Bildschirm freizugeben wurde verweigert."],"Use browser language":["Browsereinstellung"],"Meet with me here:":["Meeting:"],"Room name":["Raum-Name"],"The request contains an invalid parameter value. Please check the URL of the video you want to share and try again.":["Die Anfrage enthält falsche Parameter. Bitte prüfen Sie die URL des Videos."],"The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred. Please try again later.":["Dieser Inhalt kann nicht im HTML5-Player abgespielt werden oder ein anderer HTML5-Player-Fehler ist aufgetreten. Bitte versuchen Sie es später wieder."],"The video requested was not found. Please check the URL of the video you want to share and try again.":["Das Video wurde nicht gefunden. Bitte prüfen Sie die URL des Videos."],"The owner of the requested video does not allow it to be played in embedded players.":["Der Eigentümer des Videos hat das Video nicht für eingebettete Anzeige freigegeben."],"An unknown error occurred while playing back the video (%s). Please try again later.":["Beim Abspielen des Videos ist ein unbekannter Fehler aufgetreten (%s). Bitte versuchen Sie es später wieder."],"An unknown error occurred while playing back the video. Please try again later.":["Beim Abspielen des Videos ist ein unbekannter Fehler aufgetreten. Bitte versuchen Sie es später wieder."],"Unknown URL format. Please make sure to enter a valid YouTube URL.":["Unbekanntes URL-Format. Bitte geben Sie eine gültige YouTube URL ein."],"Error":["Fehler"],"Hint":["Hinweis"],"Please confirm":["Bitte bestätigen"],"More information required":["Weitere Informationen nötig"],"Ok":["OK"],"Screen sharing requires a browser extension. Please add the Spreed WebRTC screen sharing extension to Chrome and try again.":["Die Bildschrimfreigabe benötigt eine Browser-Erweiterung. Bitte fügen Sie die \"Spreed WebRTC screen sharing\" Erweiterung zu Chrome hinzu."],"Access code required":["Bitte Zugriffscode eingeben"],"Access denied":["Zugriff verweigert"],"Please provide a valid access code.":["Bitte geben Sie einen gültigen Zugriffscode ein."],"Failed to verify access code. Check your Internet connection and try again.":["Der Zugriffscode konnte nicht überprueft werden. Bitte prüfen Sie Ihre Internetverbindung."],"PIN for room %s is now '%s'.":["PIN für Raum %s ist jetzt '%s'."],"PIN lock has been removed from room %s.":["Raum %s ist nicht mehr PIN-geschützt."],"Enter the PIN for room %s":["Geben Sie die PIN für Raum %s ein"],"Please sign in to create rooms.":["Bitte melden Sie sich an um Räume zu erstellen."],"and %s":["und %s"],"and %d others":["und %d weiteren"],"User":["Teilnehmer"],"Someone":["Unbekannt"],"Me":["Ich"]}}}
\ No newline at end of file
+{"domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural_forms":"nplurals=2; plural=(n != 1)"},"Standard view":["Standardansicht"],"Large view":["Große Videos"],"Kiosk view":["Kiosk-Ansicht"],"Auditorium":["Auditorium"],"Start chat":["Chat starten"],"Start video call":["Video-Anruf starten"],"Start audio conference":["Audio-Konferenz starten"],"No one else here":["Niemand sonst hier"],"Take":["Los"],"Retake":["Nochmal"],"Cancel":["Abbrechen"],"Set as Profile Picture":["Als Bild setzen"],"Take picture":["Bild machen"],"Upload picture":["Bild hochladen"],"Waiting for camera":["Warte auf die Kamera"],"Picture":["Bild"],"The file couldn't be read.":["Die Datei konnte nicht geöffnet werden."],"The file is not an image.":["Diese Datei ist kein Bild."],"The file is too large. Max. %d MB.":["Diese Datei ist zu groß. Max. %d MB."],"Select file":["Datei wählen"],"Chat sessions":["Chat-Sitzungen"],"Room chat":["Raum-Chat"],"Peer to peer":["Peer-to-peer"],"Close chat":["Chat schließen"],"Upload files":["Dateien hochladen"],"Share my location":["Meinen Standort teilen"],"Clear chat":["Chat löschen"],"is typing...":[" schreibt gerade..."],"has stopped typing...":[" schreibt nicht mehr..."],"Type here to chat...":["Nachricht hier eingeben..."],"Send":["Senden"],"Accept":["Akzeptieren"],"Reject":["Abweisen"],"You have no contacts.":["Sie haben keine Kontakte."],"To add new contacts, join a room and create a contact add request by clicking on the star icon next to a user entry.":["Betreten Sie einen Raum und klicken dann auf das Stern-Symbol eines anderen Nutzers um eine Kontaktanfrage zu starten."],"Edit contact":["Kontakt bearbeiten"],"Edit":["Bearbeiten"],"Name":["Name"],"Remove":["Entfernen"],"Refresh":["Aktualisieren"],"Save":["Speichern"],"Close":["Schließen"],"File sharing":["Datei-Austausch"],"File is no longer available":["Datei ist nicht mehr verfügbar"],"Download":["Laden"],"Open":["Öffnen"],"Unshare":["Zurückziehen"],"Retry":["Nochmal versuchen"],"Download failed.":["Fehler beim Download."],"Share a YouTube video":["Ein YouTube Video teilen"],"Share a file as presentation":["Datei als Präsentation teilen."],"Share your screen":["Bildschirm freigeben"],"Chat":["Chat"],"Contacts":["Kontakte"],"Mute microphone":["Mikrofon abschalten"],"Turn camera off":["Kamera abschalten"],"Settings":["Einstellungen"],"Loading presentation ...":["Präsentation wird geladen..."],"Please upload a document":["Bitte Dokument hochladen"],"Documents are shared with everyone in this call. The supported file types are PDF and OpenDocument files.":["Das Dokument wird mit allen Gesprächsteilnehmern geteilt. Unterstützt werden PDF und OpenDocument Dateien."],"Upload":["Hochladen"],"You can drag files here too.":["Sie können Dateien auch hierhin ziehen."],"Presentation controls":["Präsentations-Steuerung"],"Prev":["Zurück"],"Next":["Vor"],"Change room":["Raum wechseln"],"Room":["Raum"],"Leave room":["Raum verlassen"],"Main":["Standard"],"Current room":["Raum"],"Screen sharing options":["Optionen für Bildschirmfreigabe"],"Fit screen.":["Bildschirm einpassen."],"Share screen":["Bildschirm teilen"],"Please select what to share.":["Bitte wählen Sie aus, was geteilt werden soll."],"Screen":["Bildschirm"],"Window":["Fenster"],"Application":["Anwendung"],"Share the whole screen. Click share to select the screen.":["Gesamten Bildschirm teilen. Klicken Sie auf Teilen um den Bildschirm auszuwählen."],"Share a single window. Click share to select the window.":["Einzelnes Fenster teilen. Klicken Sie auf Teilen um das Fenster auszuwählen."],"Share all windows of a application. This can leak content behind windows when windows get moved. Click share to select the application.":["Alle Fenster einer Anwendung teilen. Es wird u.U. Inhalt hinter Fenstern der Anwendung geteilt, wenn diese verschoben werden. Klicken Sie auf Teilen um die Anwendung auszuwählen."],"Share":["Teilen"],"Profile":["Profil"],"Your name":["Ihr Name"],"Your picture":["Ihr Bild"],"Status message":["Status Nachricht"],"What's on your mind?":["Was machen Sie gerade?"],"Your picture, name and status message identify yourself in calls, chats and rooms.":["Ihr Bild, Name und Status Nachricht repräsentiert Sie in Anrufen, Chats und Räumen."],"Your ID":["Ihre ID"],"Register":["Registrieren"],"Authenticated by certificate. To log out you have to remove your certificate from the browser.":["Mit Zertifikat angemeldet. Melden Sie sich ab indem Sie das Zertifikat aus dem Browser entfernen."],"Sign in":["Anmelden"],"Create an account":["Registrieren"],"Sign out":["Abmelden"],"Manage account":["Konto verwalten"],"Media":["Kamera / Mikrofon"],"Microphone":["Mikrofon"],"Camera":["Kamera"],"Video quality":["Video-Qualität"],"Low":["Gering"],"High":["Hoch"],"HD":["HD"],"Full HD":["Full HD"],"General":["Allgemein"],"Language":["Sprache"],"Language changes become active on reload.":["Sie müssen die Seite neu laden, um die Spracheinstellung zu übernehmen."],"Default room":["Standard Raum"],"Set alternative room to join at start.":[" Raum wird beim Start automatisch betreten."],"Notification sounds":["Klänge"],"Desktop notification":["Desktop-Benachrichtigung"],"Enable":["Aktivieren"],"Denied - check your browser settings":["Verweigert - prüfen Sie die Browser-Einstellungen"],"Allowed":["Aktiviert"],"Advanced settings":["Erweiterte Einstellungen"],"Play audio on same device as selected microphone":["Audioausgabe auf dem zum Mikrofon gehörenden Gerät"],"Experimental AEC":["Experimentelle AEC"],"Experimental AGC":["Experimentelle AGC"],"Experimental noise suppression":["Experimentelle Geräuschunterdrückung"],"Max video frame rate":["Max. Bildwiederholrate"],"auto":["auto"],"Send stereo audio":["Audio in Stereo übertragen"],"Sending stereo audio disables echo cancellation. Enable only if you have stereo input.":["Um Stereo zu übertragen wird die Echo-Unterdrückung deaktiviert. Nur aktivieren wenn das Eingangssignal Stereo ist."],"Detect CPU over use":["CPU-Überlast erkennen"],"Automatically reduces video quality as needed.":["Reduziert die Videoqualität wenn nötig."],"Optimize for high resolution video":["Für hohe Auflösung optimieren"],"Reduce video noise":["Rauschen reduzieren"],"Enable experiments":["Experimente aktivieren"],"Show advanced settings":["Erweiterte Einstellungen anzeigen"],"Hide advanced settings":["Erweiterte Einstellungen ausblenden"],"Remember settings":["Einstellungen merken"],"Your ID will still be kept - press the log out button above to delete the ID.":["Ihre ID bleibt dennoch gespeichert. Klicken Sie Ausloggen weiter oben um die ID zu löschen."],"Room link":["Raum-Link"],"Invite by Email":["Per E-Mail einladen"],"Invite with Facebook":["Mit Facebook einladen"],"Invite with Twitter":["Mit Twitter einladen"],"Invite with Google Plus":["Mit Google Plus einladen"],"Invite with XING":["Mit XING einladen"],"Initializing":["Initialisiere"],"Online":["Online"],"Calling":["Verbinde mit"],"Hangup":["Auflegen"],"In call with":["Verbunden mit"],"Conference with":["Konferenz mit"],"Your are offline":["Sie sind offline"],"Go online":["Online gehen"],"Connection interrupted":["Verbindung unterbrochen"],"An error occured":["Ein Fehler ist aufgetreten"],"Incoming call":["Eingehender Anruf"],"from":["von"],"Accept call":["Anruf annehmen"],"Waiting for camera/microphone access":["Warte auf Kamera/Mikrofon Freigabe"],"Your audio level":["Ihr Audio-Pegel"],"Checking camera and microphone access.":["Prüfe Zugriff auf Kamera und Mikrofon."],"Please allow access to your camera and microphone.":["Bitte gestatten Sie den Zugriff auf Ihre Kamera und Mikrofon."],"Camera / microphone access required.":["Kamera / Mikrofon Zugriff wird benötigt."],"Please check your browser settings and allow camera and microphone access for this site.":["Bitte prüfen Sie Ihre Browser-Einstellungen und gestatten Sie den Zugriff auf Kamera und Mikrofon für diese Seite."],"Skip check":["Überspringen"],"Click here for help (Google Chrome).":["Hier klicken für weitere Infos (Google Chrome)."],"Please set your user details and settings.":["Bitte vervollständigen Sie Ihre Daten und Einstellungen."],"Enter a room name":["Raum eingeben"],"Random room name":["Zufälliger Raum"],"Enter room":["Raum betreten"],"Enter the name of an existing room. You can create new rooms when you are signed in.":["Geben Sie den Namen eines existierenden Raums ein. Melden Sie sich an um eigene Räume zu erstellen."],"Room history":["Raum-Verlauf"],"Please sign in.":["Bitte melden Sie sich an."],"Videos play simultaneously for everyone in this call.":["Das Video wird bei allen Gesprächsteilnehmern angezeigt."],"YouTube URL":["YouTube URL"],"Could not load YouTube player API, please check your network / firewall settings.":["Es konnte keine Verbindung zu YouTube aufgebaut werden. Bitte prüfen Sie Ihre Internetverbindung / Firewall."],"Currently playing":["Aktuelles Video"],"YouTube controls":["YouTube Steuerung"],"YouTube video to share":["YouTube Video teilen"],"Peer to peer chat active.":["Peer-to-peer Chat ist aktiv."],"Peer to peer chat is now off.":["Peer-to-peer Chat ist nicht mehr aktiv."]," is now offline.":[" ist jetzt offline."]," is now online.":[" ist jetzt online."],"You share file:":["Sie geben eine Datei frei:"],"Incoming file:":["Eingehende Datei:"],"You shared your location:":["Sie haben Ihren Standort geteilt:"],"Location received:":["Standort erhalten:"],"You accepted the contact request.":["Sie haben die Kontaktanfrage angenommen."],"You rejected the contact request.":["Sie haben die Kontaktanfrage abgelehnt."],"You sent a contact request.":["Sie haben eine Kontaktanfrage gesendet."],"Your contact request was accepted.":["Ihre Kontaktanfrage wurde angenommen."],"Incoming contact request.":["Kontaktanfrage erhalten."],"Your contact request was rejected.":["Ihre Kontaktanfrage wurde abgelehnt."],"Edit Contact":["Kontakt bearbeiten"],"Close this window and disconnect?":["Fenster schließen und die Verbindung trennen?"],"Contacts Manager":["Kontakte"],"Restart required to apply updates. Click ok to restart now.":["Es stehen Updates zur Verfügung. Klicken Sie Ok um die Anwendung  neu zu starten."],"Failed to access camera/microphone.":["Fehler beim Zugriff auf die Kamera / das Mikrofon."],"Failed to establish peer connection.":["Fehler beim Verbindungsaufbau."],"We are sorry but something went wrong. Boo boo.":["Leider ist ein Fehler aufgetreten. Buhuhu."],"Oops":["Hoppla"],"Peer connection failed. Check your settings.":["Verbindung fehlgeschlagen. Überprüfen Sie Ihre Einstellungen."],"User hung up because of error.":["Teilnehmer hat aufgelegt, da ein Fehler aufgetreten ist."]," is busy. Try again later.":[" ist in einem Gespräch. Probieren Sie es später."]," rejected your call.":[" hat Ihren Anruf abgelehnt."]," does not pick up.":[" nimmt nicht ab."]," tried to call you":[" hat versucht Sie anzurufen"]," called you":[" hat Sie angerufen"],"Your browser is not supported. Please upgrade to a current version.":["Ihr Browser wird nicht unterstützt. Bitte aktualisieren Sie auf eine aktuelle Version."],"Your browser does not support WebRTC. No calls possible.":["Ihr Browser unterstützt kein WebRTC. Keine Anrufe möglich."],"Chat with":["Chat mit"],"Message from ":["Nachricht von "],"You are now in room %s ...":["Sie sind nun im Raum %s ..."],"Your browser does not support file transfer.":["Mit Ihrem Browser können keine Dateien übertragen werden."],"Could not load PDF: Please make sure to select a PDF document.":["PDF konnte nicht geladen werden - Bitte stellen Sie sicher, dass Sie ein gültiges PDF-Dokument ausgewählt haben."],"Could not load PDF: Missing PDF file.":["Das PDF konnte nicht geladen werden: Datei fehlt."],"An error occurred while loading the PDF (%s).":["Beim Laden des PDF's ist ein Fehler aufgetreten (%s)."],"An unknown error occurred while loading the PDF.":["Beim Laden des PDF ist ein unbekannter Fehler aufgetreten."],"An error occurred while loading the PDF page (%s).":["Beim Laden der PDF-Seite ist ein Fehler aufgetreten (%s)."],"An unknown error occurred while loading the PDF page.":["Beim Laden der PDF-Seite ist ein unbekannter Fehler aufgetreten (%s)."],"An error occurred while rendering the PDF page (%s).":["Beim Anzeigen der PDF-Seite ist ein Fehler aufgetreten (%s)."],"An unknown error occurred while rendering the PDF page.":["Beim Anzeigen der PDF-Seite ist ein ubekannter Fehler aufgetreten."],"Only PDF documents and OpenDocument files can be shared at this time.":["Es können nur Dokumente im PDF oder OpenDocument-Format als Präsentation verwendet werden."],"Failed to start screen sharing (%s).":["Die Bildschirmfreigabe konnte nicht gestartet werden (%s)."],"Permission to start screen sharing was denied. Make sure to have enabled screen sharing access for your browser. Copy chrome://flags/#enable-usermedia-screen-capture and open it with your browser and enable the flag on top. Then restart the browser and you are ready to go.":["Die Berechtigung für die Bildschirmaufzeichnung wurde verweigert. Bitte stellen Sie sicher die Unterstützung für Bildschimaufzeichnung in Ihrem Browser aktiviert ist. Kopieren Sie dazu chrome://flags/#enable-usermedia-screen-capture und öffnen Sie diese Adresse in Ihrem Browser. Aktivieren Sie die oberste Einstellung und starten dann den Browser neu. Anschließend können Sie die Bildschirmfreigabe benutzen."],"Permission to start screen sharing was denied.":["Die Berechtigung den Bildschirm freizugeben wurde verweigert."],"Use browser language":["Browsereinstellung"],"Meet with me here:":["Meeting:"],"Room name":["Raum-Name"],"The request contains an invalid parameter value. Please check the URL of the video you want to share and try again.":["Die Anfrage enthält falsche Parameter. Bitte prüfen Sie die URL des Videos."],"The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred. Please try again later.":["Dieser Inhalt kann nicht im HTML5-Player abgespielt werden oder ein anderer HTML5-Player-Fehler ist aufgetreten. Bitte versuchen Sie es später wieder."],"The video requested was not found. Please check the URL of the video you want to share and try again.":["Das Video wurde nicht gefunden. Bitte prüfen Sie die URL des Videos."],"The owner of the requested video does not allow it to be played in embedded players.":["Der Eigentümer des Videos hat das Video nicht für eingebettete Anzeige freigegeben."],"An unknown error occurred while playing back the video (%s). Please try again later.":["Beim Abspielen des Videos ist ein unbekannter Fehler aufgetreten (%s). Bitte versuchen Sie es später wieder."],"An unknown error occurred while playing back the video. Please try again later.":["Beim Abspielen des Videos ist ein unbekannter Fehler aufgetreten. Bitte versuchen Sie es später wieder."],"Unknown URL format. Please make sure to enter a valid YouTube URL.":["Unbekanntes URL-Format. Bitte geben Sie eine gültige YouTube URL ein."],"Error":["Fehler"],"Hint":["Hinweis"],"Please confirm":["Bitte bestätigen"],"More information required":["Weitere Informationen nötig"],"Ok":["OK"],"Screen sharing requires a browser extension. Please add the Spreed WebRTC screen sharing extension to Chrome and try again.":["Die Bildschrimfreigabe benötigt eine Browser-Erweiterung. Bitte fügen Sie die \"Spreed WebRTC screen sharing\" Erweiterung zu Chrome hinzu."],"Access code required":["Bitte Zugriffscode eingeben"],"Access denied":["Zugriff verweigert"],"Please provide a valid access code.":["Bitte geben Sie einen gültigen Zugriffscode ein."],"Failed to verify access code. Check your Internet connection and try again.":["Der Zugriffscode konnte nicht überprueft werden. Bitte prüfen Sie Ihre Internetverbindung."],"PIN for room %s is now '%s'.":["PIN für Raum %s ist jetzt '%s'."],"PIN lock has been removed from room %s.":["Raum %s ist nicht mehr PIN-geschützt."],"Enter the PIN for room %s":["Geben Sie die PIN für Raum %s ein"],"Please sign in to create rooms.":["Bitte melden Sie sich an um Räume zu erstellen."],"and %s":["und %s"],"and %d others":["und %d weiteren"],"User":["Teilnehmer"],"Someone":["Unbekannt"],"Me":["Ich"]}}}
\ No newline at end of file

From 9a3f98de3439fc12c4905ebe47cf933a2b838fd9 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Wed, 8 Jul 2015 11:08:32 +0200
Subject: [PATCH 05/31] Moved registry back to outer scope.

---
 static/js/services/playsound.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/js/services/playsound.js b/static/js/services/playsound.js
index caf7dbaf..57be32e3 100644
--- a/static/js/services/playsound.js
+++ b/static/js/services/playsound.js
@@ -22,6 +22,10 @@
 "use strict";
 define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 
+	// Active initialized sound instances are kept here.
+	var registry = {};
+	window.PLAYSOUND = registry; // make available for debug.
+
 	// playSound
 	return ["appData", function(appData) {
 
@@ -156,15 +160,11 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 
 		};
 
-		Sound.prototype.shouldPlaySound = function (id) {
+		Sound.prototype.shouldPlaySound = function(id) {
 			var data = appData.get();
 			return data && data.master.settings.playSoundEffects;
 		};
 
-		// Active initialized sound instances are kept here.
-		var registry = {};
-		window.PLAYSOUND = registry; // make available for debug.
-
 		return {
 			initialize: function(options, name, aliases) {
 				if (!name) {

From 78d15a3040b876dfb924406603c81b6553147157 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Wed, 8 Jul 2015 11:19:01 +0200
Subject: [PATCH 06/31] Added playsound service api to disable sounds by id.

---
 static/js/services/playsound.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/static/js/services/playsound.js b/static/js/services/playsound.js
index 57be32e3..d1677be8 100644
--- a/static/js/services/playsound.js
+++ b/static/js/services/playsound.js
@@ -24,6 +24,7 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 
 	// Active initialized sound instances are kept here.
 	var registry = {};
+	var disabled = {};
 	window.PLAYSOUND = registry; // make available for debug.
 
 	// playSound
@@ -118,7 +119,7 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 				return null;
 			}
 			if (!this.shouldPlaySound(id)) {
-				return;
+				return null;
 			}
 
 			id = this.getId(id);
@@ -161,6 +162,9 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 		};
 
 		Sound.prototype.shouldPlaySound = function(id) {
+			if (disabled[id]) {
+				return false;
+			}
 			var data = appData.get();
 			return data && data.master.settings.playSoundEffects;
 		};
@@ -198,6 +202,15 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 					time = 1500;
 				}
 				return s.play(id, time);
+			},
+			disable: function(id, status) {
+				// Use disable disable play back of a certain sound id.
+				// Pass status as false to reenable.
+				if (status !== false) {
+					disabled[id] = true;
+				} else {
+					delete disabled[id];
+				}
 			}
 		}
 

From 8d28b9a597ba329673231d478de857cf7b6434c5 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Thu, 9 Jul 2015 10:06:41 +0200
Subject: [PATCH 07/31] Use a refcount for disable sound.

---
 static/js/services/playsound.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/static/js/services/playsound.js b/static/js/services/playsound.js
index d1677be8..e2a021b6 100644
--- a/static/js/services/playsound.js
+++ b/static/js/services/playsound.js
@@ -162,7 +162,7 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 		};
 
 		Sound.prototype.shouldPlaySound = function(id) {
-			if (disabled[id]) {
+			if (disabled.hasOwnProperty(id) && disabled[id] >= 1) {
 				return false;
 			}
 			var data = appData.get();
@@ -204,11 +204,19 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 				return s.play(id, time);
 			},
 			disable: function(id, status) {
-				// Use disable disable play back of a certain sound id.
-				// Pass status as false to reenable.
+				// Disable play back of a certain sound id. Pass status as false to re-enable.
+				if (!disabled.hasOwnProperty(id)) {
+					disabled[id] = 0;
+				}
 				if (status !== false) {
-					disabled[id] = true;
+					// Increment for disable.
+					disabled[id]++;
 				} else {
+					// Decrement for eenable.
+					disabled[id]--;
+				}
+				if (disabled[id] === 0) {
+					// Cleanup when 0.
 					delete disabled[id];
 				}
 			}

From 05a5b1b4bf6f1d657c3667e20b9fcf1dc989f11d Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Thu, 9 Jul 2015 10:07:20 +0200
Subject: [PATCH 08/31] Disable joined and left sound when in a call.

---
 static/js/controllers/uicontroller.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/static/js/controllers/uicontroller.js b/static/js/controllers/uicontroller.js
index 4a38d6a6..9693366e 100644
--- a/static/js/controllers/uicontroller.js
+++ b/static/js/controllers/uicontroller.js
@@ -231,6 +231,19 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 			mediaStream.webrtc.setAudioMute(cameraMute);
 		});
 
+		$scope.$watch("peer", function(c, o) {
+			// Watch for peer and disable some sounds while there is a peer.
+			if (c && !o) {
+				// New call.
+				playSound.disable("joined");
+				playSound.disable("left");
+			} else if (!c && o) {
+				// No longer in call.
+				playSound.disable("joined", false);
+				playSound.disable("left", false);
+			}
+		});
+
 		var ringer = playSound.interval("ring", null, 4000);
 		var dialer = playSound.interval("dial", null, 4000);
 		var dialerEnabled = false;

From 63c3895a4a347a55e12302c4971990af0b51967e Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Thu, 9 Jul 2015 14:21:25 +0200
Subject: [PATCH 09/31] Added support for (gpm)[https://github.com/pote/gpm]

---
 Godeps       | 11 +++++++++++
 Makefile.am  |  8 ++++++--
 configure.ac |  7 +++++++
 3 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 Godeps

diff --git a/Godeps b/Godeps
new file mode 100644
index 00000000..d35db730
--- /dev/null
+++ b/Godeps
@@ -0,0 +1,11 @@
+github.com/gorilla/context						215affda49addc4c8ef7e2534915df2c8c35c6cd
+github.com/gorilla/mux							94903de8c98a68d8b4483c529b26a5d146e386a2
+github.com/gorilla/securecookie					1b0c7f6e9ab3d7f500fd7d50c7ad835ff428139b
+github.com/gorilla/websocket					1e6e1281b05fe5eaaf3300bdedb8e75880b9c6fd
+github.com/longsleep/pkac						0.0.1
+github.com/satori/go.uuid						46e1db27972f44c7722f23195ba6a8d2c2f3a0a3
+github.com/strukturag/goacceptlanguageparser	goacceptlanguageparser_v100
+github.com/strukturag/httputils					httputils_v012
+github.com/strukturag/phoenix					phoenix_v0130
+github.com/strukturag/sloth						v0.9.2
+code.google.com/p/goconf/...					a4db5c465ed1
\ No newline at end of file
diff --git a/Makefile.am b/Makefile.am
index e3dcb99b..8c7fc254 100644
--- a/Makefile.am
+++ b/Makefile.am
@@ -42,7 +42,7 @@ DIST_BIN := $(DIST)/bin
 
 all: build
 
-build: binary assets
+build: get binary assets
 
 gopath:
 	@echo GOPATH=$(GOPATH)
@@ -59,7 +59,11 @@ endif
 
 getupdate: vendorclean get
 
-binary: get
+gpm:
+	@if [ "$(GPM)" = "" ]; then echo "Command 'gpm' not found"; exit 1; fi
+	$(GPM) install
+
+binary:
 	$(GO) build $(GOBUILDFLAGS) -o bin/$(EXENAME) -ldflags '$(LDFLAGS)' app/$(EXENAME)
 
 binaryrace: GOBUILDFLAGS := $(GOBUILDFLAGS) -race
diff --git a/configure.ac b/configure.ac
index a068e3f0..7b49dde9 100644
--- a/configure.ac
+++ b/configure.ac
@@ -57,6 +57,13 @@ AC_PROG_AWK
 
 AC_PATH_PROGS([FIND],[find])
 
+AC_PATH_PROGS([GPM],[gpm])
+if test x"${GPM}" != x"" ; then
+    AC_MSG_CHECKING([for version of gpm])
+    GPM_VERSION=`$GPM version 2>&1 | $SED 's/^>> gpm v//'`
+    AC_MSG_RESULT([$GPM_VERSION])
+fi
+
 AC_PATH_PROG([JSHINT],jshint, [], [$PWD/node_modules/.bin$PATH_SEPARATOR$PATH])
 if test x"${JSHINT}" != x"" ; then
     AC_MSG_CHECKING([for version of jshint])

From 652cefb9afc46d6de4313ec627c915d9c0c1592a Mon Sep 17 00:00:00 2001
From: Evan Theurer <theurer@struktur.de>
Date: Thu, 16 Jul 2015 17:05:56 +0200
Subject: [PATCH 10/31] Handle peercall event remoteStreamAdded being triggered
 without a stream.

---
 static/js/directives/screenshare.js | 8 +++++---
 static/js/services/videowaiter.js   | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/static/js/directives/screenshare.js b/static/js/directives/screenshare.js
index 0e6c0726..58e73dd7 100644
--- a/static/js/directives/screenshare.js
+++ b/static/js/directives/screenshare.js
@@ -95,9 +95,11 @@ define(['jquery', 'underscore', 'text!partials/screenshare.html', 'text!partials
 				mediaStream.webrtc.doSubscribeScreenshare(from, token, {
 					created: function(peerscreenshare) {
 						peerscreenshare.e.on("remoteStreamAdded", function(event, stream) {
-							$scope.$apply(function(scope) {
-								scope.addRemoteStream(stream, peerscreenshare);
-							});
+							if (stream) {
+								$scope.$apply(function(scope) {
+									scope.addRemoteStream(stream, peerscreenshare);
+								});
+							}
 						});
 						peerscreenshare.e.on("remoteStreamRemoved", function(event, stream) {
 							safeApply($scope, function(scope) {
diff --git a/static/js/services/videowaiter.js b/static/js/services/videowaiter.js
index 6a57af9b..a57cb79e 100644
--- a/static/js/services/videowaiter.js
+++ b/static/js/services/videowaiter.js
@@ -36,7 +36,7 @@ define(["underscore"], function(_) {
 				}
 				return;
 			}
-			var videoTracks = stream.getVideoTracks();
+			var videoTracks = stream && stream.getVideoTracks() || [];
 			//console.log("wait for video", videoTracks.length, video.currentTime, video.videoHeight, video);
 			if (videoTracks.length === 0 && this.count >= 10) {
 				cb(false, video, stream);

From 0904a05bfd1accc138767bc619c549041f48ed2c Mon Sep 17 00:00:00 2001
From: Joachim Bauch <bauch@struktur.de>
Date: Tue, 21 Jul 2015 11:22:27 +0200
Subject: [PATCH 11/31] Update dependencies to latest versions: -
 github.com/gorilla/mux - github.com/gorilla/securecookie -
 github.com/gorilla/websocket - github.com/satori/go.uuid -
 github.com/strukturag/phoenix

---
 Godeps | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/Godeps b/Godeps
index d35db730..576b1c72 100644
--- a/Godeps
+++ b/Godeps
@@ -1,11 +1,11 @@
 github.com/gorilla/context						215affda49addc4c8ef7e2534915df2c8c35c6cd
-github.com/gorilla/mux							94903de8c98a68d8b4483c529b26a5d146e386a2
-github.com/gorilla/securecookie					1b0c7f6e9ab3d7f500fd7d50c7ad835ff428139b
-github.com/gorilla/websocket					1e6e1281b05fe5eaaf3300bdedb8e75880b9c6fd
+github.com/gorilla/mux							ba336c9cfb43552c90de6cb2ceedd3271c747558
+github.com/gorilla/securecookie					aeade84400a85c6875264ae51c7a56ecdcb61751
+github.com/gorilla/websocket					6eb6ad425a89d9da7a5549bc6da8f79ba5c17844
 github.com/longsleep/pkac						0.0.1
-github.com/satori/go.uuid						46e1db27972f44c7722f23195ba6a8d2c2f3a0a3
+github.com/satori/go.uuid						afe1e2ddf0f05b7c29d388a3f8e76cb15c2231ca
 github.com/strukturag/goacceptlanguageparser	goacceptlanguageparser_v100
 github.com/strukturag/httputils					httputils_v012
-github.com/strukturag/phoenix					phoenix_v0130
+github.com/strukturag/phoenix					phoenix_v0131
 github.com/strukturag/sloth						v0.9.2
-code.google.com/p/goconf/...					a4db5c465ed1
\ No newline at end of file
+code.google.com/p/goconf/...					a4db5c465ed1

From 4315c6fe758763f7e14509dd6c77b5c4c343bfab Mon Sep 17 00:00:00 2001
From: Joachim Bauch <bauch@struktur.de>
Date: Tue, 21 Jul 2015 11:37:30 +0200
Subject: [PATCH 12/31] Check GPM setup in Travis.

---
 .travis.yml | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index bd8c9558..2c65144b 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -10,7 +10,8 @@ go:
   - tip
 
 env:
-  - GEM_HOME=/var/lib/gems/1.9.1
+  - GEM_HOME=/var/lib/gems/1.9.1 USE_GODEPS=0
+  - GEM_HOME=/var/lib/gems/1.9.1 USE_GODEPS=1
 
 before_install:
   - sudo add-apt-repository -y ppa:chris-lea/node.js
@@ -21,11 +22,13 @@ install:
   - sudo gem1.9.1 install compass
   - sudo gem1.9.1 install scss-lint
   - npm install
+  - if [ "$USE_GODEPS" = "1" ]; then wget https://raw.githubusercontent.com/pote/gpm/v1.3.2/bin/gpm && chmod +x gpm && sudo mv gpm /usr/local/bin; fi
 
 script:
   - ./autogen.sh
   - ./configure
-  - make get
+  - if [ "$USE_GODEPS" = "0" ]; then make get; fi
+  - if [ "$USE_GODEPS" = "1" ]; then make gpm; fi
   - make styleshint
   # TODO(fancycode): enable styleslint once all styles have been fixed
   # - make styleslint

From 6cd8ce125855457aed89012e4a60fabe12ae3abc Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 12:32:42 +0200
Subject: [PATCH 13/31] Added media-src to CSP example.

---
 server.conf.in | 1 +
 1 file changed, 1 insertion(+)

diff --git a/server.conf.in b/server.conf.in
index a66af10f..b57031a7 100644
--- a/server.conf.in
+++ b/server.conf.in
@@ -118,6 +118,7 @@ serverRealm = local
 ;   img-src 'self' data: blob:;
 ;   connect-src 'self' wss://server:port/ws blob:;
 ;   font-src 'self' data: blob:;
+;   media-src 'self' blob:;
 ;contentSecurityPolicy =
 ; Content-Security-Policy-Report-Only HTTP response header value. Use this
 ; to test your CSP before putting it into production.

From e2077261485c980887dd434856eecd298e04d107 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 14:46:08 +0200
Subject: [PATCH 14/31] Updated WebRTC adapter to latest version.

---
 static/js/controllers/uicontroller.js |  10 +-
 static/js/libs/webrtc.adapter.js      | 502 ++++++++++++++++++++------
 static/js/mediastream/usermedia.js    |  13 -
 static/js/services/constraints.js     |  27 +-
 static/js/services/mediastream.js     |   4 +-
 5 files changed, 423 insertions(+), 133 deletions(-)

diff --git a/static/js/controllers/uicontroller.js b/static/js/controllers/uicontroller.js
index 9693366e..07fd3af1 100644
--- a/static/js/controllers/uicontroller.js
+++ b/static/js/controllers/uicontroller.js
@@ -727,15 +727,15 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 		});
 
 		_.defer(function() {
-			if (!Modernizr.websockets) {
-				alertify.dialog.alert(translation._("Your browser is not supported. Please upgrade to a current version."));
-				$scope.setStatus("unsupported");
-				return;
-			}
 			if (!$window.webrtcDetectedVersion) {
 				alertify.dialog.custom("webrtcUnsupported");
 				return;
 			}
+			if (!Modernizr.websockets || $window.webrtcDetectedVersion < $window.webrtcMinimumVersion) {
+				alertify.dialog.alert(translation._("Your browser is not supported. Please upgrade to a current version."));
+				$scope.setStatus("unsupported");
+				return;
+			}
 			if (mediaStream.config.Renegotiation && $window.webrtcDetectedBrowser === "firefox" && $window.webrtcDetectedVersion < 38) {
 				// See https://bugzilla.mozilla.org/show_bug.cgi?id=1017888
 				// and https://bugzilla.mozilla.org/show_bug.cgi?id=840728
diff --git a/static/js/libs/webrtc.adapter.js b/static/js/libs/webrtc.adapter.js
index 8cf4a8f5..4ab95c73 100644
--- a/static/js/libs/webrtc.adapter.js
+++ b/static/js/libs/webrtc.adapter.js
@@ -30,30 +30,62 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
-var RTCPeerConnection = null;
 var getUserMedia = null;
 var attachMediaStream = null;
 var reattachMediaStream = null;
 var webrtcDetectedBrowser = null;
 var webrtcDetectedVersion = null;
+var webrtcMinimumVersion = null;
+var webrtcUtils = {
+  log: function() {
+    // suppress console.log output when being included as a module.
+    if (!(typeof module !== 'undefined' ||
+        typeof require === 'function') && (typeof define === 'function')) {
+      console.log.apply(console, arguments);
+    }
+  }
+};
 
-if (navigator.mozGetUserMedia) {
-  console.log('This appears to be Firefox');
+if (typeof window === 'undefined' || !window.navigator) {
+  webrtcUtils.log('This does not appear to be a browser');
+  webrtcDetectedBrowser = 'not a browser';
+} else if (navigator.mozGetUserMedia) {
+  webrtcUtils.log('This appears to be Firefox');
 
   webrtcDetectedBrowser = 'firefox';
 
+  // the detected firefox version.
   webrtcDetectedVersion =
     parseInt(navigator.userAgent.match(/Firefox\/([0-9]+)\./)[1], 10);
 
+  // the minimum firefox version still supported by adapter.
+  webrtcMinimumVersion = 31;
+
   // The RTCPeerConnection object.
   window.RTCPeerConnection = function(pcConfig, pcConstraints) {
-    // .urls is not supported in FF yet.
-    if (pcConfig && pcConfig.iceServers) {
-      for (var i = 0; i < pcConfig.iceServers.length; i++) {
-        if (pcConfig.iceServers[i].hasOwnProperty('urls')) {
-          pcConfig.iceServers[i].url = pcConfig.iceServers[i].urls;
-          delete pcConfig.iceServers[i].urls;
+    if (webrtcDetectedVersion < 38) {
+      // .urls is not supported in FF < 38.
+      // create RTCIceServers with a single url.
+      if (pcConfig && pcConfig.iceServers) {
+        var newIceServers = [];
+        for (var i = 0; i < pcConfig.iceServers.length; i++) {
+          var server = pcConfig.iceServers[i];
+          if (server.hasOwnProperty('urls')) {
+            for (var j = 0; j < server.urls.length; j++) {
+              var newServer = {
+                url: server.urls[j]
+              };
+              if (server.urls[j].indexOf('turn') === 0) {
+                newServer.username = server.username;
+                newServer.credential = server.credential;
+              }
+              newIceServers.push(newServer);
+            }
+          } else {
+            newIceServers.push(pcConfig.iceServers[i]);
+          }
         }
+        pcConfig.iceServers = newIceServers;
       }
     }
     return new mozRTCPeerConnection(pcConfig, pcConstraints);
@@ -65,139 +97,407 @@ if (navigator.mozGetUserMedia) {
   // The RTCIceCandidate object.
   window.RTCIceCandidate = mozRTCIceCandidate;
 
-  // getUserMedia shim (only difference is the prefix).
-  // Code from Adam Barth.
-  getUserMedia = navigator.mozGetUserMedia.bind(navigator);
-  navigator.getUserMedia = getUserMedia;
-
-  // Creates ICE server from the URL for FF.
-  window.createIceServer = function(url, username, password) {
-    var iceServer = null;
-    var urlParts = url.split(':');
-    if (urlParts[0].indexOf('stun') === 0) {
-      // Create ICE server with STUN URL.
-      iceServer = {
-        'url': url
-      };
-    } else if (urlParts[0].indexOf('turn') === 0) {
-      if (webrtcDetectedVersion < 27) {
-        // Create iceServer with turn url.
-        // Ignore the transport parameter from TURN url for FF version <=27.
-        var turnUrlParts = url.split('?');
-        // Return null for createIceServer if transport=tcp.
-        if (turnUrlParts.length === 1 ||
-          turnUrlParts[1].indexOf('transport=udp') === 0) {
-          iceServer = {
-            'url': turnUrlParts[0],
-            'credential': password,
-            'username': username
-          };
+  // getUserMedia constraints shim.
+  getUserMedia = function(constraints, onSuccess, onError) {
+    var constraintsToFF37 = function(c) {
+      if (typeof c !== 'object' || c.require) {
+        return c;
+      }
+      var require = [];
+      Object.keys(c).forEach(function(key) {
+        if (key === 'require' || key === 'advanced' || key === 'mediaSource') {
+          return;
         }
-      } else {
-        // FF 27 and above supports transport parameters in TURN url,
-        // So passing in the full url to create iceServer.
-        iceServer = {
-          'url': url,
-          'credential': password,
-          'username': username
-        };
+        var r = c[key] = (typeof c[key] === 'object') ?
+            c[key] : {ideal: c[key]};
+        if (r.min !== undefined ||
+            r.max !== undefined || r.exact !== undefined) {
+          require.push(key);
+        }
+        if (r.exact !== undefined) {
+          if (typeof r.exact === 'number') {
+            r.min = r.max = r.exact;
+          } else {
+            c[key] = r.exact;
+          }
+          delete r.exact;
+        }
+        if (r.ideal !== undefined) {
+          c.advanced = c.advanced || [];
+          var oc = {};
+          if (typeof r.ideal === 'number') {
+            oc[key] = {min: r.ideal, max: r.ideal};
+          } else {
+            oc[key] = r.ideal;
+          }
+          c.advanced.push(oc);
+          delete r.ideal;
+          if (!Object.keys(r).length) {
+            delete c[key];
+          }
+        }
+      });
+      if (require.length) {
+        c.require = require;
+      }
+      return c;
+    };
+    if (webrtcDetectedVersion < 38) {
+      webrtcUtils.log('spec: ' + JSON.stringify(constraints));
+      if (constraints.audio) {
+        constraints.audio = constraintsToFF37(constraints.audio);
       }
+      if (constraints.video) {
+        constraints.video = constraintsToFF37(constraints.video);
+      }
+      webrtcUtils.log('ff37: ' + JSON.stringify(constraints));
     }
-    return iceServer;
+    return navigator.mozGetUserMedia(constraints, onSuccess, onError);
   };
 
-  window.createIceServers = function(urls, username, password) {
-    var iceServers = [];
-    // Use .url for FireFox.
-    for (var i = 0; i < urls.length; i++) {
-      var iceServer =
-        window.createIceServer(urls[i], username, password);
-      if (iceServer !== null) {
-        iceServers.push(iceServer);
-      }
-    }
-    return iceServers;
+  navigator.getUserMedia = getUserMedia;
+
+  // Shim for mediaDevices on older versions.
+  if (!navigator.mediaDevices) {
+    navigator.mediaDevices = {getUserMedia: requestUserMedia,
+      addEventListener: function() { },
+      removeEventListener: function() { }
+    };
+  }
+  navigator.mediaDevices.enumerateDevices =
+      navigator.mediaDevices.enumerateDevices || function() {
+    return new Promise(function(resolve) {
+      var infos = [
+        {kind: 'audioinput', deviceId: 'default', label:'', groupId:''},
+        {kind: 'videoinput', deviceId: 'default', label:'', groupId:''}
+      ];
+      resolve(infos);
+    });
   };
 
+  if (webrtcDetectedVersion < 41) {
+    // Work around http://bugzil.la/1169665
+    var orgEnumerateDevices =
+        navigator.mediaDevices.enumerateDevices.bind(navigator.mediaDevices);
+    navigator.mediaDevices.enumerateDevices = function() {
+      return orgEnumerateDevices().catch(function(e) {
+        if (e.name === 'NotFoundError') {
+          return [];
+        }
+        throw e;
+      });
+    };
+  }
   // Attach a media stream to an element.
   attachMediaStream = function(element, stream) {
-    console.log('Attaching media stream');
     element.mozSrcObject = stream;
   };
 
   reattachMediaStream = function(to, from) {
-    console.log('Reattaching media stream');
     to.mozSrcObject = from.mozSrcObject;
   };
 
 } else if (navigator.webkitGetUserMedia) {
-  console.log('This appears to be Chrome');
+  webrtcUtils.log('This appears to be Chrome');
 
   webrtcDetectedBrowser = 'chrome';
-  // Temporary fix until crbug/374263 is fixed.
-  // Setting Chrome version to 999, if version is unavailable.
-  var result = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
-  if (result !== null) {
-    webrtcDetectedVersion = parseInt(result[2], 10);
-  } else {
-    webrtcDetectedVersion = 999;
-  }
 
-  // Creates iceServer from the url for Chrome M33 and earlier.
-  window.createIceServer = function(url, username, password) {
-    var iceServer = null;
-    var urlParts = url.split(':');
-    if (urlParts[0].indexOf('stun') === 0) {
-      // Create iceServer with stun url.
-      iceServer = {
-        'url': url
+  // the detected chrome version.
+  webrtcDetectedVersion =
+    parseInt(navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./)[2], 10);
+
+  // the minimum chrome version still supported by adapter.
+  webrtcMinimumVersion = 38;
+
+  // The RTCPeerConnection object.
+  window.RTCPeerConnection = function(pcConfig, pcConstraints) {
+    var pc = new webkitRTCPeerConnection(pcConfig, pcConstraints);
+    var origGetStats = pc.getStats.bind(pc);
+    pc.getStats = function(selector, successCallback, errorCallback) { // jshint ignore: line
+      var self = this;
+      var args = arguments;
+
+      // If selector is a function then we are in the old style stats so just
+      // pass back the original getStats format to avoid breaking old users.
+      if (arguments.length > 0 && typeof selector === 'function') {
+        return origGetStats(selector, successCallback);
+      }
+
+      var fixChromeStats = function(response) {
+        var standardReport = {};
+        var reports = response.result();
+        reports.forEach(function(report) {
+          var standardStats = {
+            id: report.id,
+            timestamp: report.timestamp,
+            type: report.type
+          };
+          report.names().forEach(function(name) {
+            standardStats[name] = report.stat(name);
+          });
+          standardReport[standardStats.id] = standardStats;
+        });
+
+        return standardReport;
       };
-    } else if (urlParts[0].indexOf('turn') === 0) {
-      // Chrome M28 & above uses below TURN format.
-      iceServer = {
-        'url': url,
-        'credential': password,
-        'username': username
+
+      if (arguments.length >= 2) {
+        var successCallbackWrapper = function(response) {
+          args[1](fixChromeStats(response));
+        };
+
+        return origGetStats.apply(this, [successCallbackWrapper, arguments[0]]);
+      }
+
+      // promise-support
+      return new Promise(function(resolve, reject) {
+        origGetStats.apply(self, [resolve, reject]);
+      });
+    };
+
+    return pc;
+  };
+
+  // add promise support
+  ['createOffer', 'createAnswer'].forEach(function(method) {
+    var nativeMethod = webkitRTCPeerConnection.prototype[method];
+    webkitRTCPeerConnection.prototype[method] = function() {
+      var self = this;
+      if (arguments.length < 1 || (arguments.length === 1 &&
+          typeof(arguments[0]) === 'object')) {
+        var opts = arguments.length === 1 ? arguments[0] : undefined;
+        return new Promise(function(resolve, reject) {
+          nativeMethod.apply(self, [resolve, reject, opts]);
+        });
+      } else {
+        return nativeMethod.apply(this, arguments);
+      }
+    };
+  });
+
+  ['setLocalDescription', 'setRemoteDescription',
+      'addIceCandidate'].forEach(function(method) {
+    var nativeMethod = webkitRTCPeerConnection.prototype[method];
+    webkitRTCPeerConnection.prototype[method] = function() {
+      var args = arguments;
+      var self = this;
+      return new Promise(function(resolve, reject) {
+        nativeMethod.apply(self, [args[0],
+            function() {
+              resolve();
+              if (args.length >= 2) {
+                args[1].apply(null, []);
+              }
+            },
+            function(err) {
+              reject(err);
+              if (args.length >= 3) {
+                args[2].apply(null, [err]);
+              }
+            }]
+          );
+      });
+    };
+  });
+
+  // getUserMedia constraints shim.
+  var constraintsToChrome = function(c) {
+    if (typeof c !== 'object' || c.mandatory || c.optional) {
+      return c;
+    }
+    var cc = {};
+    Object.keys(c).forEach(function(key) {
+      if (key === 'require' || key === 'advanced' || key === 'mediaSource') {
+        return;
+      }
+      var r = (typeof c[key] === 'object') ? c[key] : {ideal: c[key]};
+      if (r.exact !== undefined && typeof r.exact === 'number') {
+        r.min = r.max = r.exact;
+      }
+      var oldname = function(prefix, name) {
+        if (prefix) {
+          return prefix + name.charAt(0).toUpperCase() + name.slice(1);
+        }
+        return (name === 'deviceId') ? 'sourceId' : name;
       };
+      if (r.ideal !== undefined) {
+        cc.optional = cc.optional || [];
+        var oc = {};
+        if (typeof r.ideal === 'number') {
+          oc[oldname('min', key)] = r.ideal;
+          cc.optional.push(oc);
+          oc = {};
+          oc[oldname('max', key)] = r.ideal;
+          cc.optional.push(oc);
+        } else {
+          oc[oldname('', key)] = r.ideal;
+          cc.optional.push(oc);
+        }
+      }
+      if (r.exact !== undefined && typeof r.exact !== 'number') {
+        cc.mandatory = cc.mandatory || {};
+        cc.mandatory[oldname('', key)] = r.exact;
+      } else {
+        ['min', 'max'].forEach(function(mix) {
+          if (r[mix] !== undefined) {
+            cc.mandatory = cc.mandatory || {};
+            cc.mandatory[oldname(mix, key)] = r[mix];
+          }
+        });
+      }
+    });
+    if (c.advanced) {
+      cc.optional = (cc.optional || []).concat(c.advanced);
     }
-    return iceServer;
+    return cc;
   };
 
-  // Creates an ICEServer object from multiple URLs.
-  window.createIceServers = function(urls, username, password) {
-    return [{
-      'urls': urls,
-      'credential': password,
-      'username': username
-    }];
+  getUserMedia = function(constraints, onSuccess, onError) {
+    if (constraints.audio) {
+      constraints.audio = constraintsToChrome(constraints.audio);
+    }
+    if (constraints.video) {
+      constraints.video = constraintsToChrome(constraints.video);
+    }
+    webrtcUtils.log('chrome: ' + JSON.stringify(constraints));
+    return navigator.webkitGetUserMedia(constraints, onSuccess, onError);
   };
+  navigator.getUserMedia = getUserMedia;
 
-  // The RTCPeerConnection object.
-  RTCPeerConnection = function(pcConfig, pcConstraints) {
-    return new webkitRTCPeerConnection(pcConfig, pcConstraints);
-  };
+  if (!navigator.mediaDevices) {
+    navigator.mediaDevices = {getUserMedia: requestUserMedia,
+                              enumerateDevices: function() {
+      return new Promise(function(resolve) {
+        var kinds = {audio: 'audioinput', video: 'videoinput'};
+        return MediaStreamTrack.getSources(function(devices) {
+          resolve(devices.map(function(device) {
+            return {label: device.label,
+                    kind: kinds[device.kind],
+                    deviceId: device.id,
+                    groupId: ''};
+          }));
+        });
+      });
+    }};
+  }
 
-  // Get UserMedia (only difference is the prefix).
-  // Code from Adam Barth.
-  getUserMedia = navigator.webkitGetUserMedia.bind(navigator);
-  navigator.getUserMedia = getUserMedia;
+  // A shim for getUserMedia method on the mediaDevices object.
+  // TODO(KaptenJansson) remove once implemented in Chrome stable.
+  if (!navigator.mediaDevices.getUserMedia) {
+    navigator.mediaDevices.getUserMedia = function(constraints) {
+      return requestUserMedia(constraints);
+    };
+  } else {
+    // Even though Chrome 45 has navigator.mediaDevices and a getUserMedia
+    // function which returns a Promise, it does not accept spec-style
+    // constraints.
+    var origGetUserMedia = navigator.mediaDevices.getUserMedia.
+        bind(navigator.mediaDevices);
+    navigator.mediaDevices.getUserMedia = function(c) {
+      webrtcUtils.log('spec:   ' + JSON.stringify(c)); // whitespace for alignment
+      c.audio = constraintsToChrome(c.audio);
+      c.video = constraintsToChrome(c.video);
+      webrtcUtils.log('chrome: ' + JSON.stringify(c));
+      return origGetUserMedia(c);
+    };
+  }
+
+  // Dummy devicechange event methods.
+  // TODO(KaptenJansson) remove once implemented in Chrome stable.
+  if (typeof navigator.mediaDevices.addEventListener === 'undefined') {
+    navigator.mediaDevices.addEventListener = function() {
+      webrtcUtils.log('Dummy mediaDevices.addEventListener called.');
+    };
+  }
+  if (typeof navigator.mediaDevices.removeEventListener === 'undefined') {
+    navigator.mediaDevices.removeEventListener = function() {
+      webrtcUtils.log('Dummy mediaDevices.removeEventListener called.');
+    };
+  }
 
   // Attach a media stream to an element.
   attachMediaStream = function(element, stream) {
     if (typeof element.srcObject !== 'undefined') {
       element.srcObject = stream;
-    } else if (typeof element.mozSrcObject !== 'undefined') {
-      element.mozSrcObject = stream;
     } else if (typeof element.src !== 'undefined') {
       element.src = URL.createObjectURL(stream);
     } else {
-      console.log('Error attaching stream to element.');
+      webrtcUtils.log('Error attaching stream to element.');
     }
   };
 
   reattachMediaStream = function(to, from) {
     to.src = from.src;
   };
+
+} else if (navigator.mediaDevices && navigator.userAgent.match(
+    /Edge\/(\d+).(\d+)$/)) {
+  webrtcUtils.log('This appears to be Edge');
+  webrtcDetectedBrowser = 'edge';
+
+  webrtcDetectedVersion =
+    parseInt(navigator.userAgent.match(/Edge\/(\d+).(\d+)$/)[2], 10);
+
+  // the minimum version still supported by adapter.
+  webrtcMinimumVersion = 12;
+
+  getUserMedia = navigator.getUserMedia;
+
+  attachMediaStream = function(element, stream) {
+    element.srcObject = stream;
+  };
+  reattachMediaStream = function(to, from) {
+    to.srcObject = from.srcObject;
+  };
 } else {
-  console.log('Browser does not appear to be WebRTC-capable');
+  webrtcUtils.log('Browser does not appear to be WebRTC-capable');
+}
+
+// Returns the result of getUserMedia as a Promise.
+function requestUserMedia(constraints) {
+  return new Promise(function(resolve, reject) {
+    getUserMedia(constraints, resolve, reject);
+  });
 }
+
+var webrtcTesting = {};
+Object.defineProperty(webrtcTesting, 'version', {
+  set: function(version) {
+    webrtcDetectedVersion = version;
+  }
+});
+
+if (typeof module !== 'undefined') {
+  var RTCPeerConnection;
+  if (typeof window !== 'undefined') {
+    RTCPeerConnection = window.RTCPeerConnection;
+  }
+  module.exports = {
+    RTCPeerConnection: RTCPeerConnection,
+    getUserMedia: getUserMedia,
+    attachMediaStream: attachMediaStream,
+    reattachMediaStream: reattachMediaStream,
+    webrtcDetectedBrowser: webrtcDetectedBrowser,
+    webrtcDetectedVersion: webrtcDetectedVersion,
+    webrtcMinimumVersion: webrtcMinimumVersion,
+    webrtcTesting: webrtcTesting
+    //requestUserMedia: not exposed on purpose.
+    //trace: not exposed on purpose.
+  };
+} else if ((typeof require === 'function') && (typeof define === 'function')) {
+  // Expose objects and functions when RequireJS is doing the loading.
+  define([], function() {
+    return {
+      RTCPeerConnection: window.RTCPeerConnection,
+      getUserMedia: getUserMedia,
+      attachMediaStream: attachMediaStream,
+      reattachMediaStream: reattachMediaStream,
+      webrtcDetectedBrowser: webrtcDetectedBrowser,
+      webrtcDetectedVersion: webrtcDetectedVersion,
+      webrtcMinimumVersion: webrtcMinimumVersion,
+      webrtcTesting: webrtcTesting
+      //requestUserMedia: not exposed on purpose.
+      //trace: not exposed on purpose.
+    };
+  });
+}
\ No newline at end of file
diff --git a/static/js/mediastream/usermedia.js b/static/js/mediastream/usermedia.js
index 2c9b1795..b6bf2cf0 100644
--- a/static/js/mediastream/usermedia.js
+++ b/static/js/mediastream/usermedia.js
@@ -83,19 +83,6 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 				}
 			}
 		});
-		if (window.webrtcDetectedBrowser === "firefox" && window.webrtcDetectedVersion < 38) {
-			// Firefox < 38 needs a extra require field.
-			var r = [];
-			if (c.height) {
-				r.push("height");
-			}
-			if (c.width) {
-				r.push("width");
-			}
-			if (r.length) {
-				c.require = r;
-			}
-		}
 		return c;
 	};
 	// Adapter to support navigator.mediaDevices API.
diff --git a/static/js/services/constraints.js b/static/js/services/constraints.js
index 29c3b02e..87fe4693 100644
--- a/static/js/services/constraints.js
+++ b/static/js/services/constraints.js
@@ -128,23 +128,24 @@
 		};
 
 		service.iceServers = function(constraints) {
-
+			var createIceServers = function(urls, username, password) {
+				var s = {
+					urls: urls
+				}
+				if (username) {
+					s.username = username;
+					s.credential = password;
+				}
+				return s;
+			};
 			var iceServers = [];
-			var iceServer;
 			if (service.stun && service.stun.length) {
-				iceServer = $window.createIceServers(service.stun);
-				if (iceServer.length) {
-					iceServers.push.apply(iceServers, iceServer)
-				}
+				iceServers.push(createIceServers(service.stun));
 			}
 			if (service.turn && service.turn.urls && service.turn.urls.length) {
-				iceServer = $window.createIceServers(service.turn.urls, service.turn.username, service.turn.password);
-				if (iceServer.length) {
-					iceServers.push.apply(iceServers, iceServer)
-				}
+				iceServers.push(createIceServers(service.turn.urls, service.turn.username, service.turn.password));
 			}
 			webrtc.settings.pcConfig.iceServers = iceServers;
-
 		};
 
 		// Some default constraints.
@@ -191,6 +192,7 @@
 			supported: (function() {
 				var isChrome = $window.webrtcDetectedBrowser === "chrome";
 				var isFirefox = $window.webrtcDetectedBrowser === "firefox";
+				var isEdge = $window.webrtcDetectedBrowser === "edge";
 				var version = $window.webrtcDetectedVersion;
 				// Constraints support table.
 				return {
@@ -201,7 +203,8 @@
 					// Chrome supports this on Windows only.
 					renderToAssociatedSink: isChrome && $window.navigator.platform.indexOf("Win") === 0,
 					chrome: isChrome,
-					firefox: isFirefox
+					firefox: isFirefox,
+					edge: isEdge
 				};
 			})()
 		};
diff --git a/static/js/services/mediastream.js b/static/js/services/mediastream.js
index 27879784..a65426a5 100644
--- a/static/js/services/mediastream.js
+++ b/static/js/services/mediastream.js
@@ -46,8 +46,8 @@ define([
 
 		// Apply configuration details.
 		webrtc.settings.renegotiation = context.Cfg.Renegotiation && true;
-		if (webrtc.settings.renegotiation && $window.webrtcDetectedBrowser === "firefox") {
-			console.warn("Disable renegotiation in Firefox for now.");
+		if (webrtc.settings.renegotiation && $window.webrtcDetectedBrowser !== "chrome") {
+			console.warn("Disable renegotiation in anything but Chrome for now.");
 			webrtc.settings.renegotiation = false;
 		}
 

From 239dea4ecd21f796e3f39a8a125fef544949b74a Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 15:54:17 +0200
Subject: [PATCH 15/31] Show unsupported dialog when run in Microsoft Edge.

---
 static/js/controllers/uicontroller.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/js/controllers/uicontroller.js b/static/js/controllers/uicontroller.js
index 07fd3af1..f17cc3ee 100644
--- a/static/js/controllers/uicontroller.js
+++ b/static/js/controllers/uicontroller.js
@@ -727,7 +727,7 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 		});
 
 		_.defer(function() {
-			if (!$window.webrtcDetectedVersion) {
+			if (!$window.webrtcDetectedVersion || $window.webrtcDetectedBrowser === "edge") {
 				alertify.dialog.custom("webrtcUnsupported");
 				return;
 			}

From 215408598af4bdb2708da111af74db6f8cc91476 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 17:27:36 +0200
Subject: [PATCH 16/31] Added more sound options and moved them to separate
 section in settings.

---
 static/js/controllers/appcontroller.js |  7 +++++-
 static/js/controllers/uicontroller.js  | 19 +++++++++++----
 static/js/directives/chat.js           |  2 +-
 static/js/services/playsound.js        | 32 +++++++++----------------
 static/partials/settings.html          | 33 +++++++++++++++++---------
 5 files changed, 54 insertions(+), 39 deletions(-)

diff --git a/static/js/controllers/appcontroller.js b/static/js/controllers/appcontroller.js
index 950a9bb0..e97b9ef6 100644
--- a/static/js/controllers/appcontroller.js
+++ b/static/js/controllers/appcontroller.js
@@ -56,7 +56,11 @@ define(["jquery", "angular", "underscore"], function($, angular, _) {
 					videoLeakyBucket: true,
 					videoNoiseReduction: false
 				},
-				playSoundEffects: true
+				sound: {
+					incomingMessages: true,
+					incomingCall: true,
+					roomJoinLeave: false
+				}
 			}
 		};
 		$scope.master = angular.copy($scope.defaults);
@@ -67,6 +71,7 @@ define(["jquery", "angular", "underscore"], function($, angular, _) {
 				$scope.updateStatus();
 			}
 			$scope.refreshWebrtcSettings();
+			$scope.refreshSoundSettings();
 		};
 
 		$scope.reset = function() {
diff --git a/static/js/controllers/uicontroller.js b/static/js/controllers/uicontroller.js
index f17cc3ee..4f98ebe5 100644
--- a/static/js/controllers/uicontroller.js
+++ b/static/js/controllers/uicontroller.js
@@ -88,7 +88,8 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 			"end": "end1",
 			"dial": "ringtone1",
 			"connect": "connect1",
-			"prompt": "question1"
+			"prompt": "question1",
+			"chatmessage": "message1"
 		});
 
 		var displayName = safeDisplayName;
@@ -164,6 +165,16 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 		};
 		$scope.refreshWebrtcSettings(); // Call once for bootstrap.
 
+		$scope.refreshSoundSettings = function() {
+			var s = $scope.master.settings.sound;
+			playSound.disable("chatmessage", !s.incomingMessages);
+			playSound.disable("ring", !s.incomingCall);
+			var roomJoinLeave = $scope.peer ? false : s.roomJoinLeave; // Do not play these sounds when in call.
+			playSound.disable("joined", !roomJoinLeave);
+			playSound.disable("left", !roomJoinLeave);
+		};
+		$scope.refreshSoundSettings(); // Call once on bootstrap;
+
 		var pickupTimeout = null;
 		var autoAcceptTimeout = null;
 		$scope.updateAutoAccept = function(id, from) {
@@ -235,12 +246,10 @@ define(['jquery', 'underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'web
 			// Watch for peer and disable some sounds while there is a peer.
 			if (c && !o) {
 				// New call.
-				playSound.disable("joined");
-				playSound.disable("left");
+				$scope.refreshSoundSettings();
 			} else if (!c && o) {
 				// No longer in call.
-				playSound.disable("joined", false);
-				playSound.disable("left", false);
+				$scope.refreshSoundSettings();
 			}
 		});
 
diff --git a/static/js/directives/chat.js b/static/js/directives/chat.js
index 2c9bf7b4..d764b09e 100644
--- a/static/js/directives/chat.js
+++ b/static/js/directives/chat.js
@@ -383,7 +383,7 @@ define(['jquery', 'underscore', 'text!partials/chat.html', 'text!partials/chatro
 								// Make sure we are not in group chat or the message is from ourselves
 								// before we beep and shout.
 								if (!subscope.isgroupchat && from !== sessionid) {
-									playSound.play("message1");
+									playSound.play("chatmessage");
 									desktopNotify.notify(translation._("Message from ") + displayName(from), message);
 									appData.e.triggerHandler("uiNotification", ["chatmessage", {from: from, message: message, first: subscope.firstmessage}]);
 								}
diff --git a/static/js/services/playsound.js b/static/js/services/playsound.js
index e2a021b6..f0fe1eb6 100644
--- a/static/js/services/playsound.js
+++ b/static/js/services/playsound.js
@@ -28,7 +28,7 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 	window.PLAYSOUND = registry; // make available for debug.
 
 	// playSound
-	return ["appData", function(appData) {
+	return [function() {
 
 		var SoundInterval = function(sound, id, time) {
 			this.sound = sound;
@@ -112,17 +112,14 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 
 		};
 
-		Sound.prototype.play = function(id, interval, autostart) {
+		Sound.prototype.play = function(name, interval, autostart) {
 
 			if (!this.sound) {
-				console.log("Play sound but not initialized.", id);
-				return null;
-			}
-			if (!this.shouldPlaySound(id)) {
+				console.log("Play sound but not initialized.", name);
 				return null;
 			}
 
-			id = this.getId(id);
+			var id = this.getId(name);
 
 			if (interval) {
 
@@ -137,6 +134,10 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 
 			} else {
 
+				if (!this.shouldPlaySound(name) || !this.shouldPlaySound(id)) {
+					return;
+				}
+
 				var player = this.players[id];
 				var sound = this.sound;
 				if (!player) {
@@ -162,11 +163,10 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 		};
 
 		Sound.prototype.shouldPlaySound = function(id) {
-			if (disabled.hasOwnProperty(id) && disabled[id] >= 1) {
+			if (disabled.all || disabled.hasOwnProperty(id)) {
 				return false;
 			}
-			var data = appData.get();
-			return data && data.master.settings.playSoundEffects;
+			return true;
 		};
 
 		return {
@@ -204,19 +204,9 @@ define(['underscore', 'Howler', 'require'], function(_, Howler, require) {
 				return s.play(id, time);
 			},
 			disable: function(id, status) {
-				// Disable play back of a certain sound id. Pass status as false to re-enable.
-				if (!disabled.hasOwnProperty(id)) {
-					disabled[id] = 0;
-				}
 				if (status !== false) {
-					// Increment for disable.
-					disabled[id]++;
+					disabled[id] = true;
 				} else {
-					// Decrement for eenable.
-					disabled[id]--;
-				}
-				if (disabled[id] === 0) {
-					// Cleanup when 0.
 					delete disabled[id];
 				}
 			}
diff --git a/static/partials/settings.html b/static/partials/settings.html
index b4fd34bb..0b997574 100644
--- a/static/partials/settings.html
+++ b/static/partials/settings.html
@@ -110,16 +110,7 @@
             <span class="help-block">{{_('Set alternative room to join at start.')}}</span>
           </div>
         </div>
-        <div class="form-group">
-          <label class="col-xs-4 control-label">{{_('Notification sounds')}}</label>
-          <div class="col-xs-8">
-            <div class="checkbox">
-              <label>
-                 <input type="checkbox" ng-model="user.settings.playSoundEffects"/>&nbsp;
-              </label>
-            </div>
-          </div>
-        </div>
+        <legend>{{_('Notifications')}}</legend>
         <div class="form-group" ng-show="desktopNotify.supported">
           <label class="col-xs-4 control-label">{{_('Desktop notification')}}</label>
           <div class="col-xs-8">
@@ -130,6 +121,24 @@
             </span>
           </div>
         </div>
+        <div class="form-group">
+          <label class="col-xs-4 control-label"><input type="checkbox" ng-model="user.settings.sound.incomingMessages"/></label>
+          <div class="col-xs-8">
+            <div class="form-control-static">{{_('Sounds for incoming messages')}}</div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label class="col-xs-4 control-label"><input type="checkbox" ng-model="user.settings.sound.incomingCall"/></label>
+          <div class="col-xs-8">
+            <div class="form-control-static">{{_('Ring on incoming calls')}}</div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label class="col-xs-4 control-label"><input type="checkbox" ng-model="user.settings.sound.roomJoinLeave"/></label>
+          <div class="col-xs-8">
+            <div class="form-control-static">{{_('Sounds for users in current room')}}</div>
+          </div>
+        </div>
       </settings-settings>
 
       <settings-extra settings-extra></settings-extra>
@@ -268,8 +277,10 @@
 
       </settings-advanced>
 
+      <hr/>
+
       <div class="form-group">
-         <div class="col-xs-4 control-label"></div>
+        <div class="col-xs-4 control-label"></div>
         <div class="col-xs-8">
           <a ng-click="showAdvancedSettings = !showAdvancedSettings"><span ng-show="showAdvancedSettings">{{_('Show advanced settings')}}</span><span ng-hide="showAdvancedSettings">{{_('Hide advanced settings')}}</span></a>
         </div>

From a4844a9a11d21627a2e9963a97ecae6b19b20c18 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 18:43:39 +0200
Subject: [PATCH 17/31] Improved settings so OK button is static on top.

---
 src/styles/components/_settings.scss | 39 +++++++---------------------
 src/styles/global/_variables.scss    |  2 +-
 static/css/main.min.css              |  2 +-
 static/partials/settings.html        | 20 +++++++++-----
 4 files changed, 25 insertions(+), 38 deletions(-)

diff --git a/src/styles/components/_settings.scss b/src/styles/components/_settings.scss
index 7e52935c..9abe1f01 100644
--- a/src/styles/components/_settings.scss
+++ b/src/styles/components/_settings.scss
@@ -24,13 +24,13 @@
   background: $settings-background;
   border-left: 1px solid $bordercolor;
   bottom: 0;
-  padding-right: 20px;
+  padding-right: 0px;
   position: fixed;
   right: -520px;
-  top: $minbarheight;
+  top: 0;
   transition: right 200ms ease-in-out;
   width: 520px;
-  z-index: 50;
+  z-index: 80;
 
   &.show {
     right: 0;
@@ -41,18 +41,6 @@
       width: auto;
     }
 
-    .form-actions {
-
-      @include breakpt($breakpoint-settings-medium, max-width, only screen) {
-        bottom: 0;
-        height: 60px;
-        left: 0;
-        margin-bottom: 0;
-        padding: 6px 0 6px 120px;
-        position: fixed;
-        right: 0;
-      }
-    }
   }
 }
 
@@ -62,15 +50,20 @@
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  padding: 10px;
+  padding: 10px 15px;
   position: absolute;
   right: 0;
   top: 0;
+  margin-top: 50px;
 
   @include breakpt($breakpoint-settings-medium, max-width, only screen) {
     padding-bottom: 10px;
   }
 
+  legend {
+    font-size: ceil(($font-size-base * 1.25));
+  }
+
   .version {
     color: $settings-version;
     font-size: 10px;
@@ -79,20 +72,6 @@
     top: 10px;
   }
 
-  .form-horizontal {
-    .controls {
-      @include breakpt($breakpoint-settings-medium, max-width, only screen) {
-        margin-left: 110px;
-      }
-    }
-
-    .control-label {
-      @include breakpt($breakpoint-settings-medium, max-width, only screen) {
-        width: 100px;
-        word-wrap: break-word;
-      }
-    }
-  }
 }
 
 settings-advanced {
diff --git a/src/styles/global/_variables.scss b/src/styles/global/_variables.scss
index 056a8ab3..0f956b2f 100644
--- a/src/styles/global/_variables.scss
+++ b/src/styles/global/_variables.scss
@@ -173,7 +173,7 @@ $breakpoint-large: 1280px !default;
 $breakpoint-video-small: 590px !default;
 $breakpoint-video-medium: 630px !default;
 $breakpoint-chat-small: 210px !default;
-$breakpoint-settings-medium: 630px !default;
+$breakpoint-settings-medium: 800px !default;
 
 // touch specific
 $tap-highlight: rgba(0, 0, 0, 0) !default;
diff --git a/static/css/main.min.css b/static/css/main.min.css
index b5436b6e..958c6696 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:20px;position:fixed;right:-520px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:50}#settings.show{right:0}@media only screen and (max-width: 630px){#settings.show{background:#fff;left:0;width:auto}}@media only screen and (max-width: 630px){#settings.show .form-actions{bottom:0;height:60px;left:0;margin-bottom:0;padding:6px 0 6px 120px;position:fixed;right:0}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px;position:absolute;right:0;top:0}@media only screen and (max-width: 630px){.settings{padding-bottom:10px}}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}@media only screen and (max-width: 630px){.settings .form-horizontal .controls{margin-left:110px}}@media only screen and (max-width: 630px){.settings .form-horizontal .control-label{width:100px;word-wrap:break-word}}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;bottom:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;bottom:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{color:#ccc;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;bottom:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;bottom:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{color:#ccc;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
diff --git a/static/partials/settings.html b/static/partials/settings.html
index 0b997574..9d064763 100644
--- a/static/partials/settings.html
+++ b/static/partials/settings.html
@@ -1,3 +1,14 @@
+<div>
+  <nav class="navbar navbar-default navbar-static-top">
+    <div class="container-fluid">
+      <div>
+        <a class="navbar-brand">{{_('Settings')}}</a>
+      </div>
+      <div class="navbar-right">
+          <button ng-click="layout.settings=false" type="button" class="btn btn-primary navbar-btn">{{_('OK')}}</button>
+      </div>
+    </div>
+  </nav>
 <div class="settings nicescroll">
   <div class="version">{{version}}</div>
   <div ng-form="settingsform" class="form-horizontal" on-enter="saveSettings(user)" on-escape="cancelSettings()"
@@ -24,7 +35,8 @@
           </div>
         </div>
         <div class="form-group profile-publicnotice">
-          <div class="col-xs-8 col-xs-offset-4">
+          <label class="col-xs-4 control-label"></label>
+          <div class="col-xs-8">
             <p class="help-block">{{_('Your picture, name and status message identify yourself in calls, chats and rooms.')}}</p>
           </div>
         </div>
@@ -298,12 +310,8 @@
           </div>
         </div>
       </div>
-      <div class="form-group">
-        <div class="col-xs-8 col-xs-offset-4">
-          <a ng-click="layout.settings=false" class="btn btn-default">{{_('Close')}}</a>
-        </div>
-      </div>
 
     </fieldset>
   </div>
 </div>
+</div>
\ No newline at end of file

From f9f27bda4857f7395037e49bbf17eb94f10618fb Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 18:52:00 +0200
Subject: [PATCH 18/31] Fixed chat arrows.

---
 src/styles/components/_chat.scss | 4 ++--
 static/css/main.min.css          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index 7fddb035..caba46c8 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -434,7 +434,7 @@
       &:before { // arrow border
         border-color: transparent $chat-arrow-border;
         border-width: 7px 0 7px 11px;
-        bottom: 4px;
+        top: 4px;
         bottom: auto;
         right: -12px;
       }
@@ -442,7 +442,7 @@
       &:after { // arrow background
         border-color: transparent $chat-msg-self-background;
         border-width: 6px 0 6px 10px;
-        bottom: 5px;
+        top: 5px;
         bottom: auto;
         right: -11px;
       }
diff --git a/static/css/main.min.css b/static/css/main.min.css
index 958c6696..75a633f4 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;bottom:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;bottom:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{color:#ccc;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{color:#ccc;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From f0ba9f14ee9c59786d8986fc51cff38f0e18e31c Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 20:13:06 +0200
Subject: [PATCH 19/31] Fixed chat icon color.

---
 src/styles/components/_chat.scss | 7 ++++---
 static/css/main.min.css          | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index caba46c8..dd1e2077 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -286,7 +286,7 @@
     clear: both;
     display: block;
     margin: 0 4px 2px 18px;
-    padding: 8px;
+    padding: 8px 8px 4px 8px;
     position: relative;
     word-wrap: break-word;
 
@@ -322,7 +322,7 @@
 
     li {
       line-height: 1.1em;
-      margin: 4px 0;
+      margin: 0 0 4px 0;
       padding-left: 1.2em;
       position: relative;
 
@@ -406,6 +406,7 @@
     }
 
     &.is_remote {
+      float: left;
       background: $chat-msg-remote-background;
 
       &:before {  // arrow border
@@ -426,6 +427,7 @@
     }
 
     &.is_self {
+      float: right;
       background: $chat-msg-self-background;
       margin-left: 4px;
       margin-right: 18px;
@@ -448,7 +450,6 @@
       }
 
       li:before {
-        color: $chat-msg-default-icon-color;
         transform: scale(-1, 1);
       }
 
diff --git a/static/css/main.min.css b/static/css/main.min.css
index 75a633f4..adb04879 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{color:#ccc;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From 815ee9bb9e984d7e298fdb7df30d285545a1d392 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 20:32:44 +0200
Subject: [PATCH 20/31] Reduced chat blink animation to 1 step.

---
 src/styles/components/_chat.scss | 4 ++--
 static/css/main.min.css          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index dd1e2077..c932e307 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -93,7 +93,7 @@
     position: relative;
 
     &.newmessage {
-      animation: newmessage 1s ease -.3s infinite;
+      animation: newmessage 1s steps(1) infinite alternate;
     }
 
     &.disabled {
@@ -155,7 +155,7 @@
     }
 
     .chatheader {
-      animation: newmessage 1s ease -.3s infinite;
+      animation: newmessage 1s steps(1) infinite alternate;
     }
   }
 
diff --git a/static/css/main.min.css b/static/css/main.min.css
index adb04879..f3d8bc68 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s ease -.3s infinite;animation:newmessage 1s ease -.3s infinite}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From 9a5d35935a889dea42528fb86b6f67b2a2dbc150 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 20:39:55 +0200
Subject: [PATCH 21/31] Removed obsolete icons from chat list.

---
 static/partials/chat.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/static/partials/chat.html b/static/partials/chat.html
index da150439..0493b4b5 100644
--- a/static/partials/chat.html
+++ b/static/partials/chat.html
@@ -7,7 +7,6 @@
 				<div class="list-group nicescroll">
 					<a ng-repeat="room in getVisibleRooms()" ng-click="activateRoom(room.id, true)" class="list-group-item" ng-class="{newmessage: room.pending, disabled: !room.enabled}">
 						<span class="badge" ng-show="room.pending">{{room.pending}}</span>
-						<i class="fa fa-lg" ng-class="{'fa-user': room.id !== '', 'fa-users': room.id === ''}"></i>
                         <span ng-if="room.id !== ''">{{room.id|displayName}}</span>
                         <span ng-if="room.id === ''">{{_("Room chat")}} {{currentRoomName}}</span>
 						<button ng-if="room.id !== ''" class="btn btn-sm btn-default" ng-click="hideRoom(room.id)">

From d7a269d765ac243f1a59289b206eb6cd93b3c8a2 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Mon, 27 Jul 2015 20:40:18 +0200
Subject: [PATCH 22/31] Use steps for animation.

---
 src/styles/components/_bar.scss | 2 +-
 static/css/main.min.css         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/_bar.scss b/src/styles/components/_bar.scss
index 366b929f..917d0b73 100644
--- a/src/styles/components/_bar.scss
+++ b/src/styles/components/_bar.scss
@@ -216,6 +216,6 @@
   animation-duration: 4s;
   animation-iteration-count: infinite;
   animation-name: shakeityeah;
-  animation-timing-function: linear;
+  animation-timing-function: steps(5);
   transform-origin: 50% 50%;
 }
diff --git a/static/css/main.min.css b/static/css/main.min.css
index f3d8bc68..b1a8794d 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From 61eb329630817294fcea31bff20f607c4405b121 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Mon, 27 Jul 2015 22:59:54 +0200
Subject: [PATCH 23/31] Use css to provide ellipsis for buddy subline.

---
 src/styles/components/_buddylist.scss | 3 ++-
 static/js/services/buddylist.js       | 8 +++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/styles/components/_buddylist.scss b/src/styles/components/_buddylist.scss
index 2ea4ced0..18d228e3 100644
--- a/src/styles/components/_buddylist.scss
+++ b/src/styles/components/_buddylist.scss
@@ -237,7 +237,8 @@
     left: 65px;
     overflow: hidden;
     position: absolute;
-    right: 0;
+    right: 4px;
+    text-overflow: ellipsis;
     top: 33px;
     white-space: nowrap;
   }
diff --git a/static/js/services/buddylist.js b/static/js/services/buddylist.js
index 032a324f..17b4a444 100644
--- a/static/js/services/buddylist.js
+++ b/static/js/services/buddylist.js
@@ -446,11 +446,9 @@ define(['jquery', 'angular', 'underscore', 'modernizr', 'avltree', 'text!partial
 				display.subline = "";
 				return;
 			}
-			if (s.length > 20) {
-				display.sublineFull = s;
-				s = s.substr(0, 20) + "...";
-			} else {
-				display.sublineFull = null;
+			display.sublineFull = s;
+			if (s.length > 100) {
+				s = s.substr(0, 100);
 			}
 			display.subline = s;
 

From 71ec7e8b21a264b80eb311a6203ddfaaaa13ebdd Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Mon, 27 Jul 2015 23:01:03 +0200
Subject: [PATCH 24/31] Use variable properly.

---
 src/styles/components/_rightslide.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/components/_rightslide.scss b/src/styles/components/_rightslide.scss
index ce242090..1554cd03 100644
--- a/src/styles/components/_rightslide.scss
+++ b/src/styles/components/_rightslide.scss
@@ -29,7 +29,7 @@
   left: 0;
   pointer-events: none;
   position: absolute;
-  right: -260px;
+  right: -1 * $pane-width;
   top: $minbarheight;
   transition: right 200ms ease-in-out;
   z-index: 5;

From d1028521be4b9f126544f19a7495e500c760518e Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Mon, 27 Jul 2015 23:42:30 +0200
Subject: [PATCH 25/31] Use max widths for chat messages.

---
 src/styles/components/_chat.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index c932e307..4cdfb5a0 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -42,6 +42,18 @@
     width: auto;
   }
 
+  &.withChatMaximized #chat .message {
+    @include breakpt($breakpoint-large, max-width) {
+      max-width: 55%;
+    }
+    @include breakpt($breakpoint-medium, max-width) {
+      max-width: 70%;
+    }
+    @include breakpt($breakpoint-small, max-width) {
+      max-width: 85%;
+    }
+  }
+
   .chat {
     pointer-events: auto;
   }
@@ -289,6 +301,7 @@
     padding: 8px 8px 4px 8px;
     position: relative;
     word-wrap: break-word;
+    max-width: 85%;
 
     ul {
       list-style-type: none;

From 1f3edd360722163914c0611567de279be7e31a22 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Mon, 27 Jul 2015 23:47:35 +0200
Subject: [PATCH 26/31] Use default buttons for chat sub actions.

---
 static/partials/chatroom.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/partials/chatroom.html b/static/partials/chatroom.html
index 14f208bf..49d73b2d 100644
--- a/static/partials/chatroom.html
+++ b/static/partials/chatroom.html
@@ -2,9 +2,9 @@
     <div class="chatheader"><div class="chatstatusicon" ng-click="deactivateRoom()"><i class="fa fa-angle-left"></i> <i class="fa fa fa-comments-o"></i></div><div class="chatheadertitle"><span ng-show="p2pstate" class="fa fa-exchange" title="{{_('Peer to peer')}}"/><span>{{settings.title}} {{id|displayName}}</span></div> <div class="ctrl"><i ng-hide="layout.chatMaximized" ng-click="toggleMax()" class="fa fa-expand"></i><i ng-show="layout.chatMaximized" ng-click="toggleMax()" class="fa fa-compress"></i><!--<i title="{{_('Close chat')}}" ng-click="hide()" class="fa fa-times"></i>--></div></div>
     <div class="chatmenu">
         <div class="btn-group">
-            <button ng-if="!isgroupchat" class="btn btn-sm btn-primary" title="{{_('Start video call')}}" ng-click="doCall()"><i class="fa fa-phone fa-fw"></i></button>
-            <button class="btn btn-sm btn-primary btn-fileupload" title="{{_('Upload files')}}"><i class="fa fa-upload fa-fw"></i></button>
-            <button class="btn btn-sm btn-primary btn-locationshare" title="{{_('Share my location')}}" ng-click="shareGeolocation()"><i class="fa fa-location-arrow fa-fw"></i></button>
+            <button ng-if="!isgroupchat" class="btn btn-sm btn-default" title="{{_('Start video call')}}" ng-click="doCall()"><i class="fa fa-phone fa-fw"></i></button>
+            <button class="btn btn-sm btn-default btn-fileupload" title="{{_('Upload files')}}"><i class="fa fa-upload fa-fw"></i></button>
+            <button class="btn btn-sm btn-default btn-locationshare" title="{{_('Share my location')}}" ng-click="shareGeolocation()"><i class="fa fa-location-arrow fa-fw"></i></button>
         </div>
         <div class="btn-group pull-right">
             <button class="btn btn-sm btn-default" title="{{_('Clear chat')}}" ng-click="doClear()"><i class="fa fa-eraser fa-fw"></i></button>

From 00499fad152146361ab0798b324f5a919d9a234c Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Tue, 28 Jul 2015 01:07:06 +0200
Subject: [PATCH 27/31] Improved chat color and increased panel size.

---
 src/styles/components/_chat.scss  | 20 ++++++++------------
 src/styles/global/_variables.scss | 14 ++++++++------
 static/css/main.min.css           |  4 ++--
 3 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index 4cdfb5a0..63dfd514 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -205,7 +205,7 @@
   .typinghint {
     color: $chat-typing;
     font-size: .8em;
-    height: 14px;
+    height: 16px;
     overflow: hidden;
     padding: 0 6px;
     white-space: nowrap;
@@ -229,10 +229,6 @@
       right: 6px;
       top: 1px;
     }
-
-    > div {
-      border-top: 1px solid $bordercolor;
-    }
   }
 
   .input {
@@ -310,7 +306,6 @@
     }
 
     .timestamp {
-      color: $chat-timestamp;
       font-size: .8em;
       position: absolute;
       right: 8px;
@@ -421,6 +416,7 @@
     &.is_remote {
       float: left;
       background: $chat-msg-remote-background;
+      color: $chat-msg-remote-color;
 
       &:before {  // arrow border
         border-color: transparent $chat-arrow-border;
@@ -442,9 +438,10 @@
     &.is_self {
       float: right;
       background: $chat-msg-self-background;
+      color: $chat-msg-self-color;
       margin-left: 4px;
       margin-right: 18px;
-      padding-right: 0;
+      padding-right: 4px;
 
       &:before { // arrow border
         border-color: transparent $chat-arrow-border;
@@ -523,7 +520,7 @@
 .chatmenu {
   height: 36px;
   left: 0;
-  padding: 2px 4px;
+  padding: 4px;
   position: absolute;
   right: 0;
   top: 36px;
@@ -534,7 +531,6 @@
 }
 
 .chatbody {
-  border-left: 1px solid $bordercolor;
   bottom: -1px;
   left: 0;
   position: absolute;
@@ -605,7 +601,7 @@
 }
 
 @keyframes newmessage {
-  0% {background-color: $actioncolor1;}
-  50% {background-color: $componentbg;}
-  100% {background-color: $actioncolor1;}
+  0% {background-color: $actioncolor1; border-color: $actioncolor1;}
+  50% {background-color: $componentbg; border-color: $componentbg;}
+  100% {background-color: $actioncolor1; border-color: $actioncolor1;}
 }
diff --git a/src/styles/global/_variables.scss b/src/styles/global/_variables.scss
index 0f956b2f..f673d133 100644
--- a/src/styles/global/_variables.scss
+++ b/src/styles/global/_variables.scss
@@ -32,6 +32,7 @@ $sidepanebg: #fff !default;
 $bordercolor: #e7e7e7 !default;
 $actioncolor1: rgb(132, 184, 25) !default;
 $actioncolor2: rgb(0, 149, 52) !default;
+$specialbg1: $background;
 
 // branding
 $logo: url('../img/logo-small.png') !default;
@@ -54,7 +55,7 @@ $welcome: #aaa !default;
 $loading: #ddd !default;
 
 // panes
-$pane-width: 260px !default;
+$pane-width: 320px !default;
 
 // font
 $font-sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
@@ -107,17 +108,16 @@ $buddylist-action-font-size: 1.6em;
 
 // chat
 $chat-width: $pane-width !default;
-$chat-background: $componentbg !default;
+$chat-background: $specialbg1 !default;
 $chat-header: rgba(255, 255, 255, .9) !default;
 $chat-disabled: #aaa !default;
 $chat-badge: #84b819 !default;
 $chat-ctrl: rgba(0, 0, 0, .3) !default;
-$chat-timestamp: #aaa !default;
-$chat-meta: #aaa !default;
+$chat-meta: #666 !default;
 $chat-msg-background: #fff !default;
 $chat-msg-border: transparent !default;
 $chat-msg-shadow: rgba(0, 0, 0, .03) !default;
-$chat-arrow-border: #eee;
+$chat-arrow-border: #fff;
 
 $chat-msg-default-icon-color: #ccc !default;
 $chat-msg-unread-icon-color: #fe9a2e !default;
@@ -135,9 +135,11 @@ $chat-msg-received-icon: '\f06e' !default;
 $chat-msg-read-icon: '\f00c' !default;
 
 $chat-msg-self-background: #fff !default;
+$chat-msg-self-color: $font-color !default;
 $chat-msg-remote-background: #fff !default;
+$chat-msg-remote-color: $font-color !default;
 
-$chat-bottom-background: $chat-background !default;
+$chat-bottom-background: transparent !default;
 $chat-typing: $chat-meta !default;
 $chat-input-border-color: #66afe9 !default;
 
diff --git a/static/css/main.min.css b/static/css/main.min.css
index b1a8794d..30117137 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -1,4 +1,4 @@
-/*!
+/*!
  * Spreed WebRTC.
  * Copyright (C) 2013-2015 struktur AG
  *
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-260px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:285px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:0;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:260px;opacity:0;pointer-events:none;position:absolute;right:260px;top:0;width:260px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}.withChat .chat{pointer-events:auto}.chatcontainer{background:#f8f8f8;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#f8f8f8;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#f8f8f8;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:#f8f8f8;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#aaa;font-size:.8em;height:14px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .inputbox>div{border-top:1px solid #e7e7e7}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#aaa;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{color:#aaa;font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff}.chat .message.is_remote:before{border-color:transparent #eee;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;margin-left:4px;margin-right:18px;padding-right:0}.chat .message.is_self:before{border-color:transparent #eee;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:2px 4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{border-left:1px solid #e7e7e7;bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819}50%{background-color:#f8f8f8}100%{background-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-320px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:345px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{-o-object-fit:cover;object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:320px;opacity:0;pointer-events:none;position:absolute;right:320px;top:0;width:320px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}@media (max-width: 1280px){.withChat.withChatMaximized #chat .message{max-width:55%}}@media (max-width: 700px){.withChat.withChatMaximized #chat .message{max-width:70%}}@media (max-width: 480px){.withChat.withChatMaximized #chat .message{max-width:85%}}.withChat .chat{pointer-events:auto}.chatcontainer{background:#e5e5e5;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#e5e5e5;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#e5e5e5;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:transparent;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#666;font-size:.8em;height:16px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .input{border-color:transparent;border-radius:0;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#666;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word;max-width:85%}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff;color:#333}.chat .message.is_remote:before{border-color:transparent #fff;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;color:#333;margin-left:4px;margin-right:18px;padding-right:4px}.chat .message.is_self:before{border-color:transparent #fff;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{-o-object-fit:cover;object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;-o-object-fit:cover;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From f63ab8639e92b2cfd6291555f4c3ec7939e3b2bf Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Tue, 28 Jul 2015 01:26:54 +0200
Subject: [PATCH 28/31] More improvements to chat usability by colors.

---
 src/styles/components/_chat.scss | 25 ++++++++++++++-----------
 static/css/main.min.css          |  2 +-
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index 63dfd514..4e523e74 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -177,15 +177,15 @@
 
   &.with_pictures .message {
     &.is_self {
-      padding-right: 54px;
+      padding-right: 34px;
 
       .timestamp {
-        right: 58px;
+        right: 45px;
       }
     }
 
     &.is_remote {
-      padding-left: 58px;
+      padding-left: 44px;
     }
   }
 
@@ -378,18 +378,19 @@
     .buddyPicture {
       background: $actioncolor1;
       border-radius: 2px;
-      height: 46px;
+      font-size: .7em;
+      height: 30px;
       left: 4px;
       overflow: hidden;
       position: absolute;
       text-align: center;
       top: 4px;
-      width: 46px;
+      width: 30px;
       z-index: 0;
 
       .#{$fa-css-prefix} {
         color: $actioncolor2;
-        line-height: 46px;
+        line-height: 30px;
       }
 
       img {
@@ -480,7 +481,6 @@
         z-index: initial;
 
         &:hover .buddyInfoActions {
-          height: 40px;
           opacity: 1;
         }
       }
@@ -488,20 +488,23 @@
       .buddyInfoActions {
         cursor: default;
         display: inline-block;
-        height: 0;
+        height: 40px;
         left: 0;
         opacity: 0;
         overflow: hidden;
         position: absolute;
-        top: 48px;
-        transition: opacity 0.1s .1s linear, height .4s .1s ease-out;
+        top: 32px;
+        transition: opacity 0.1s .1s linear;
         white-space: nowrap;
         z-index: 1;
 
         .btn-group {
           display: block;
           margin: 0 auto;
-          width: 55px;
+          width: 70px;
+          .btn {
+            width:35px;
+          }
         }
 
         .btn-primary {
diff --git a/static/css/main.min.css b/static/css/main.min.css
index 30117137..312a41a1 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-320px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:345px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{-o-object-fit:cover;object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:320px;opacity:0;pointer-events:none;position:absolute;right:320px;top:0;width:320px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}@media (max-width: 1280px){.withChat.withChatMaximized #chat .message{max-width:55%}}@media (max-width: 700px){.withChat.withChatMaximized #chat .message{max-width:70%}}@media (max-width: 480px){.withChat.withChatMaximized #chat .message{max-width:85%}}.withChat .chat{pointer-events:auto}.chatcontainer{background:#e5e5e5;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#e5e5e5;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#e5e5e5;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:54px}.chat.with_pictures .message.is_self .timestamp{right:58px}.chat.with_pictures .message.is_remote{padding-left:58px}.chat .chatbodybottom{background:transparent;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#666;font-size:.8em;height:16px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .input{border-color:transparent;border-radius:0;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#666;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word;max-width:85%}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;height:46px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:46px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:46px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff;color:#333}.chat .message.is_remote:before{border-color:transparent #fff;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;color:#333;margin-left:4px;margin-right:18px;padding-right:4px}.chat .message.is_self:before{border-color:transparent #fff;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{height:40px;opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:48px;-webkit-transition:opacity 0.1s .1s linear, height .4s .1s ease-out;transition:opacity 0.1s .1s linear, height .4s .1s ease-out;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:55px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{-o-object-fit:cover;object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;-o-object-fit:cover;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-320px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:345px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{-o-object-fit:cover;object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:320px;opacity:0;pointer-events:none;position:absolute;right:320px;top:0;width:320px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}@media (max-width: 1280px){.withChat.withChatMaximized #chat .message{max-width:55%}}@media (max-width: 700px){.withChat.withChatMaximized #chat .message{max-width:70%}}@media (max-width: 480px){.withChat.withChatMaximized #chat .message{max-width:85%}}.withChat .chat{pointer-events:auto}.chatcontainer{background:#e5e5e5;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#e5e5e5;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#e5e5e5;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:34px}.chat.with_pictures .message.is_self .timestamp{right:45px}.chat.with_pictures .message.is_remote{padding-left:44px}.chat .chatbodybottom{background:transparent;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#666;font-size:.8em;height:16px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .input{border-color:transparent;border-radius:0;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#666;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word;max-width:85%}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;font-size:.7em;height:30px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:30px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:30px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff;color:#333}.chat .message.is_remote:before{border-color:transparent #fff;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;color:#333;margin-left:4px;margin-right:18px;padding-right:4px}.chat .message.is_self:before{border-color:transparent #fff;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:40px;left:0;opacity:0;overflow:hidden;position:absolute;top:32px;-webkit-transition:opacity 0.1s .1s linear;transition:opacity 0.1s .1s linear;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:70px}.chat .message.with_hoverimage .buddyInfoActions .btn-group .btn{width:35px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{-o-object-fit:cover;object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;-o-object-fit:cover;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From 86d740bd5111b817f7b8f4905513b0d090e6efd7 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Tue, 28 Jul 2015 14:10:13 +0200
Subject: [PATCH 29/31] Improved behavior on small devices.

---
 src/styles/components/_audiovideo.scss | 14 ++++++++++----
 src/styles/components/_buddylist.scss  |  3 +++
 src/styles/components/_chat.scss       | 11 ++++++++---
 src/styles/components/_rightslide.scss |  6 ++++--
 src/styles/global/_base.scss           | 15 +++++++++++++--
 src/styles/global/_overlaybar.scss     |  1 -
 src/styles/global/_variables.scss      |  7 ++-----
 static/css/main.min.css                |  4 ++--
 8 files changed, 42 insertions(+), 19 deletions(-)

diff --git a/src/styles/components/_audiovideo.scss b/src/styles/components/_audiovideo.scss
index 5766ff84..6b218b01 100644
--- a/src/styles/components/_audiovideo.scss
+++ b/src/styles/components/_audiovideo.scss
@@ -29,16 +29,22 @@
   }
 }
 
-.withChat,
+.withChat {
+  // scss-lint:disable IdSelector
+  #audiovideo {
+    right: $chat-width;
+  }
+}
+
 .withBuddylist {
   // scss-lint:disable IdSelector
   #audiovideo {
-    right: 260px;
+    right: $buddylist-width;
   }
 }
 
 .withBuddylist.withChat #audiovideo { // scss-lint:disable IdSelector
-  right: 520px;
+  right: $chat-width + $buddylist-width;
 }
 
 #audiovideo { // scss-lint:disable IdSelector
@@ -50,7 +56,7 @@
   user-select: none;
 
   @include breakpt($breakpoint-video-small, max-width, only screen) {
-    right: 0;
+    right: 0 !important;
   }
 
   &.fullscreen {
diff --git a/src/styles/components/_buddylist.scss b/src/styles/components/_buddylist.scss
index 18d228e3..dfcab81a 100644
--- a/src/styles/components/_buddylist.scss
+++ b/src/styles/components/_buddylist.scss
@@ -58,6 +58,9 @@
 .withBuddylist #buddylist:before { // scss-lint:disable IdSelector
   content: '\f101';
   padding-right: 0;
+  @include breakpt($breakpoint-medium, max-width) {
+    display: block;
+  }
 }
 
 .withBuddylistAutoHide #buddylist:before { // scss-lint:disable IdSelector
diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index 4e523e74..4cbb8f88 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -21,13 +21,13 @@
 
 #chat { // scss-lint:disable IdSelector
   bottom: 0;
-  min-width: $chat-width;
+  width: $chat-width;
+  min-width: 200px;
   opacity: 0;
   pointer-events: none;
   position: absolute;
-  right: $chat-width;
+  right: $buddylist-width;
   top: 0;
-  width: $chat-width;
   z-index: 45;
 }
 
@@ -35,6 +35,11 @@
   // scss-lint:disable IdSelector
   #chat {
     opacity: 1;
+
+    @include breakpt($chat-width + 200, max-width) {
+      left: 0;
+      width: auto;
+    }
   }
 
   &.withChatMaximized #chat {
diff --git a/src/styles/components/_rightslide.scss b/src/styles/components/_rightslide.scss
index 1554cd03..67db32ef 100644
--- a/src/styles/components/_rightslide.scss
+++ b/src/styles/components/_rightslide.scss
@@ -21,7 +21,9 @@
 
 
 .withBuddylist #rightslide { // scss-lint:disable IdSelector
-  right: 0;
+  @include breakpt($breakpoint-medium, min-width) {
+    right: 0;
+  }
 }
 
 #rightslide { // scss-lint:disable IdSelector
@@ -29,7 +31,7 @@
   left: 0;
   pointer-events: none;
   position: absolute;
-  right: -1 * $pane-width;
+  right: -1 * $buddylist-width;
   top: $minbarheight;
   transition: right 200ms ease-in-out;
   z-index: 5;
diff --git a/src/styles/global/_base.scss b/src/styles/global/_base.scss
index 9a7ef9f5..a997284a 100644
--- a/src/styles/global/_base.scss
+++ b/src/styles/global/_base.scss
@@ -29,9 +29,20 @@ body {
 body {
   margin: 0;
   max-height: 100%;
-  max-width: 100%;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
   padding: 0;
+
+  @include breakpt($breakpoint-medium, max-width) {
+    overflow-x: auto;
+  }
+
+  > .ui {
+    height: 100%;
+    min-width: $buddylist-width;
+    position: absolute;
+    width: 100%;
+  }
 }
 
 a {
diff --git a/src/styles/global/_overlaybar.scss b/src/styles/global/_overlaybar.scss
index 93abbf64..ab2ea4df 100644
--- a/src/styles/global/_overlaybar.scss
+++ b/src/styles/global/_overlaybar.scss
@@ -95,7 +95,6 @@
     display: inline-block;
     margin-bottom: 0;
     margin-left: .5em;
-    max-width: 60%;
 
     > * {
       padding-right: .5em;
diff --git a/src/styles/global/_variables.scss b/src/styles/global/_variables.scss
index f673d133..4c7b374b 100644
--- a/src/styles/global/_variables.scss
+++ b/src/styles/global/_variables.scss
@@ -54,9 +54,6 @@ $action-enable: $actioncolor1 !default;
 $welcome: #aaa !default;
 $loading: #ddd !default;
 
-// panes
-$pane-width: 320px !default;
-
 // font
 $font-sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
 $base-font-size: 13px; // compass vertical_rhythm mixin
@@ -97,7 +94,7 @@ $video-overlayactions: rgba(0, 0, 0, .9) !default;
 $settings-background: #fff !default;
 
 // buddylist
-$buddylist-width: $pane-width !default;
+$buddylist-width: 300px !default;
 $buddylist-background: $componentbg !default;
 $buddylist-tab-color: rgba(0, 0, 0, .3) !default;
 $buddylist-tab-background: $componentbg !default;
@@ -107,7 +104,7 @@ $buddylist-buddy2: $componentfg2 !default;
 $buddylist-action-font-size: 1.6em;
 
 // chat
-$chat-width: $pane-width !default;
+$chat-width: 300px !default;
 $chat-background: $specialbg1 !default;
 $chat-header: rgba(255, 255, 255, .9) !default;
 $chat-disabled: #aaa !default;
diff --git a/static/css/main.min.css b/static/css/main.min.css
index 312a41a1..27e8a92d 100644
--- a/static/css/main.min.css
+++ b/static/css/main.min.css
@@ -1,4 +1,4 @@
-/*!
+/*!
  * Spreed WebRTC.
  * Copyright (C) 2013-2015 struktur AG
  *
@@ -17,4 +17,4 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
- *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:0}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em;max-width:60%}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}.withBuddylist #rightslide{right:0}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-320px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:345px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{-o-object-fit:cover;object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;min-width:320px;opacity:0;pointer-events:none;position:absolute;right:320px;top:0;width:320px;z-index:45}.withChat #chat{opacity:1}.withChat.withChatMaximized #chat{left:0;width:auto}@media (max-width: 1280px){.withChat.withChatMaximized #chat .message{max-width:55%}}@media (max-width: 700px){.withChat.withChatMaximized #chat .message{max-width:70%}}@media (max-width: 480px){.withChat.withChatMaximized #chat .message{max-width:85%}}.withChat .chat{pointer-events:auto}.chatcontainer{background:#e5e5e5;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#e5e5e5;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#e5e5e5;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:34px}.chat.with_pictures .message.is_self .timestamp{right:45px}.chat.with_pictures .message.is_remote{padding-left:44px}.chat .chatbodybottom{background:transparent;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#666;font-size:.8em;height:16px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .input{border-color:transparent;border-radius:0;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#666;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word;max-width:85%}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;font-size:.7em;height:30px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:30px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:30px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff;color:#333}.chat .message.is_remote:before{border-color:transparent #fff;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;color:#333;margin-left:4px;margin-right:18px;padding-right:4px}.chat .message.is_self:before{border-color:transparent #fff;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:40px;left:0;opacity:0;overflow:hidden;position:absolute;top:32px;-webkit-transition:opacity 0.1s .1s linear;transition:opacity 0.1s .1s linear;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:70px}.chat .message.with_hoverimage .buddyInfoActions .btn-group .btn{width:35px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo,.withBuddylist #audiovideo{right:260px}.withBuddylist.withChat #audiovideo{right:520px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{-o-object-fit:cover;object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;-o-object-fit:cover;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}
+ *//*! HiDPI v2.0.1 | MIT License | git.io/hidpi */.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}.dialog-header-error{background-color:#d2322d}.dialog-header-wait{background-color:#428bca}.dialog-header-notify{background-color:#eee}.dialog-header-confirm{background-color:#eee}.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4{color:#fff}.modal-content{overflow:hidden}.modal-content .modal-body{min-height:160px}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}html,body{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e5e5e5;height:100%}body{margin:0;max-height:100%;overflow-x:hidden;overflow-y:hidden;padding:0}@media (max-width: 700px){body{overflow-x:auto}}body>.ui{height:100%;min-width:300px;position:absolute;width:100%}a{cursor:pointer}#background{background:url("../img/bg-tiles.jpg");bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){#background{background-image:url("../img/bg-tiles_x2.jpg");-webkit-background-size:198px 200px;background-size:198px 200px}}.help-block{color:#737373}.dialog-header-notify,.dialog-header-confirm{background-color:#eee}.desktopnotify-icon{background-image:url("../img/logo-48x48.png")}:-webkit-full-screen{background:#000}:-moz-full-screen{background:#000}:-ms-fullscreen{background:#000}:fullscreen{background:#000}#loader{background:url("../img/logo.svg") no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:15%;left:15%;margin:auto;max-height:150px;max-width:200px;opacity:1;pointer-events:none;position:fixed;right:15%;top:15%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:20000}#loader.done{opacity:0}#loader>div{bottom:0;color:#ddd;display:block;font-size:2em;left:0;margin:0 auto;margin-bottom:-40px;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000}#loader .loader-message{font-size:.5em}.mainview{bottom:0;display:none;left:0;position:absolute;right:0;top:51px}@media (max-width: 700px){.mainview{left:0;left:0}}.videolayoutSmally .mainview{left:150px}.videolayoutClassroom .mainview{left:360px}.withChat .mainview,.withBuddylist .mainview{right:260px}.withBuddylist.withChat .mainview{right:520px}#page{bottom:0;left:0;position:absolute;right:0;top:51px}.welcome{color:#aaa;font-size:1.1em;margin-top:80px;max-width:600px;min-height:160px;padding-left:105px;padding-right:0;position:relative;text-shadow:0 0 5px #000}@media (max-width: 700px){.welcome{margin:0 auto;padding-left:10px;padding-right:20px}}.welcome h1{margin-top:0;white-space:nowrap}@media (max-width: 700px){.welcome h1{white-space:normal}}.welcome .welcome-container{margin:0 auto}.welcome .welcome-logo{background:url("../img/logo.svg") no-repeat left top;-webkit-background-size:contain;background-size:contain;bottom:0;left:0;position:absolute;top:1px;width:90px}@media (max-width: 700px){.welcome .welcome-logo{height:70px;margin-bottom:20px;margin-top:30px;position:relative;width:70px}}.welcome .welcome-input{position:relative}.welcome .welcome-input input{padding-right:105px}.welcome .welcome-input-buttons{position:absolute;right:8px;text-shadow:none;top:6px}.welcome .welcome-input-buttons a{color:#000;padding-right:.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome .room-link{margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome .room-link a{color:#aaa}.welcome .rooms-history{margin-top:3em}.welcome .rooms-history a{display:inline-block;margin-right:.5em}.welcome .rooms-history a:hover{text-decoration:none}.nicescroll::-webkit-scrollbar{background-color:#e5e5e5;border:solid transparent;height:8px;width:8px}.nicescroll::-webkit-scrollbar:hover{background-color:#e5e5e5;border-left:1px solid rgba(0,0,0,0.12);border-right:1px solid rgba(0,0,0,0.12)}.nicescroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}.nicescroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.4)}.fadetogglecontainer>div{position:absolute;width:100%}.animate-show.ng-hide-add{display:block !important;opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add.ng-hide-add-active{opacity:0}.animate-show.ng-hide-remove{display:block !important;opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}.overlaybar{background:rgba(0,0,0,0.2);border-bottom:1px solid #222;border-top:1px solid #222;color:#e7e7e7;min-height:36px;padding:3px 8px 0 30px;position:absolute;text-shadow:0 0 5px #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.overlaybar:hover{background:rgba(0,0,0,0.5)}.overlaybar.notvisible{background:transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;pointer-events:none}.overlaybar.notvisible:hover{background:transparent}.overlaybar.notvisible .overlaybar-content{display:none}.overlaybar.notvisible .overlaybar-overlay{display:block}.overlaybar .btn{text-shadow:none}.overlaybar .btn-link{text-shadow:0 0 5px #000}.overlaybar .form-group>*{float:left;padding-top:0}.overlaybar input[type="radio"],.overlaybar input[type="checkbox"]{margin-top:2px}.overlaybar label{padding-top:6px !important}.overlaybar .overlaybar-button{color:#e7e7e7;display:block;font-size:20px;left:3px;opacity:.7;padding:4px 6px;pointer-events:auto;position:absolute;top:0;vertical-align:middle;z-index:15}.overlaybar .overlaybar-content{display:inline-block;margin-bottom:0;margin-left:.5em}.overlaybar .overlaybar-content>*{padding-right:.5em}.overlaybar .overlaybar-content .input-group{max-width:160px}.overlaybar .overlaybar-overlay{display:none;margin-left:.5em;opacity:.7;padding-top:2px;text-align:left}.visible-with-contacts,.visible-with-contacts-inline{display:none}.with-contacts .visible-with-contacts{display:block}.with-contacts .visible-with-contacts-inline{display:inline-block}.with-contacts .hidden-with-contacts{display:none}@media (min-width: 700px){.withBuddylist #rightslide{right:0}}#rightslide{bottom:0;left:0;pointer-events:none;position:absolute;right:-300px;top:51px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;z-index:5}#rightslide .rightslidepane{height:100%;position:relative;width:100%}.bar{background:#f8f8f8;color:#262626;font:bold 1em/50px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:60}.bar .left{padding:5px 5px 5px 15px}@media (max-width: 700px){.bar .left{padding:2px 5px 0 11px;padding:2px 5px 0 11px}}.logo{background:url("../img/logo-small.png") no-repeat;-webkit-background-size:100%;background-size:100%;color:#000;display:inline-block;font:normal 11px/11px "Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;text-align:left;vertical-align:middle;width:90px}@media (max-width: 700px){.logo{background:url("../img/logo.svg") no-repeat center;height:46px;width:46px}.logo .desc{display:none}}.logo .desc{font-style:italic;left:38px;position:relative;top:26px}.logo .desc a{color:#222}.bar .middle{left:0;pointer-events:none;position:absolute;right:60px;text-align:center;top:0}.bar .middle>span{background:#f8f8f8;display:inline-block;min-height:50px;pointer-events:auto}.bar .middle .userpicture{border-radius:2px;display:inline-block;height:46px;margin:-1px .5em 0;width:46px}@media (max-width: 700px){.bar .middle .userpicture{display:none}}@media (max-width: 700px){.bar .middle .status-connected,.bar .middle .status-conference,.bar .middle .status-connecting,.bar .middle .status-closed,.bar .middle .status-reconnecting,.bar .middle .status-error,.bar .middle .status-ringing{left:0;max-width:100%;position:absolute;right:0}}.bar .right{margin-top:-1px;padding-right:4px}.bar .right .badge{background-color:#84b819;border:1px solid #fff;font-size:.4em;position:absolute;right:0;top:2px}.bar .right .btn{background:#e9e9e9;border-color:#e2e2e2;color:#333;font:24px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;height:42px;margin-left:-2px;padding:0;position:relative;text-align:center;width:42px}.bar .right .btn:focus{border:0;-webkit-box-shadow:0;box-shadow:0;outline:none}.bar .right .btn:hover{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active{background-color:transparent;border-color:#e7e7e7;color:#666}.bar .right .btn.active.amutebtn{background-color:#db4f39;border-color:#db4f39;color:#fff}.bar .right .btn.active.aenablebtn{background-color:#84b819;border-color:#84b819;color:#fff}.btn-mutemicrophone i:before{content:'\f130'}.btn-mutemicrophone.active i:before{content:'\f131'}.btn-mutecamera i:before{content:'\f06e'}.btn-mutecamera.active i:before{content:'\f070'}@-webkit-keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}@keyframes shakeityeah{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);transform:translate(2px, 1px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}4%{-webkit-transform:translate(-3px, 0) rotate(1deg);transform:translate(-3px, 0) rotate(1deg)}8%{-webkit-transform:translate(0, 2px) rotate(0deg);transform:translate(0, 2px) rotate(0deg)}10%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}12%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}14%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}16%{-webkit-transform:translate(2px, 1px) rotate(-1deg);transform:translate(2px, 1px) rotate(-1deg)}18%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}20%{-webkit-transform:translate(2px, 2px) rotate(0deg);transform:translate(2px, 2px) rotate(0deg)}22%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}24%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}}.btn-shakeityeah{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shakeityeah;animation-name:shakeityeah;-webkit-animation-timing-function:steps(5);animation-timing-function:steps(5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}#buddylist{bottom:0;position:absolute;right:0;top:0;width:325px;z-index:50}#buddylist:before{background:#f8f8f8;border-bottom:1px solid #e7e7e7;border-bottom-left-radius:6px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-top-left-radius:6px;bottom:0;color:rgba(0,0,0,0.3);content:'\f100';cursor:pointer;display:none;font-family:FontAwesome;font-size:1.8em;height:55px;left:0;line-height:55px;margin:auto;padding-right:4px;pointer-events:auto;position:absolute;text-align:center;top:0;width:26px;z-index:1}.withBuddylist #buddylist:before{content:'\f101';padding-right:0}@media (max-width: 700px){.withBuddylist #buddylist:before{display:block}}.withBuddylistAutoHide #buddylist:before{display:block}.buddylist{background:#f8f8f8;border-left:1px solid #e7e7e7;bottom:0;left:25px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:0}.buddylist.loading .buddylistloading{display:block}.buddylist.empty .buddylistempty{display:block}.buddylist .buddycontainer{pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buddylist .buddylistempty{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;left:0;margin:auto;padding:.4em;position:absolute;right:0;text-align:center;top:0}.buddylist .buddylistloading{bottom:0;color:#b3b3b3;display:none;font-size:1.4em;height:2em;margin:auto;padding:.4em;position:absolute;right:0;text-align:center}.buddy{-webkit-tap-highlight-color:transparent;background:#fff;border-bottom:1px solid #e7e7e7;cursor:pointer;display:block;font-size:13px;min-height:66px;overflow:hidden;position:relative;text-align:left;width:100%}.buddy:hover{background:rgba(255,255,255,0.5)}.buddy.withSubline .buddy1,.buddy.contact .buddy1{top:15px}.buddy.withSubline .buddy2,.buddy.contact .buddy2{display:block}.buddy.hovered .buddyactions{right:0}.buddy.hovered .buddysessions{max-height:999px}.buddy .fa.contact:before{content:'\f006'}.buddy.contact .fa.contact:before{content:'\f005'}.buddy.isself .fa.contact:before{content:'\f192'}.buddy .buddyPicture{background:#84b819;border-radius:2px;float:left;height:46px;margin:10px;overflow:hidden;position:relative;text-align:center;width:46px}.buddy .buddyPicture .fa{color:#009534;font-size:3em;line-height:46px}.buddy .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.buddy .buddyPictureSmall{height:30px;margin:0;margin-left:0;margin-right:0;width:30px}.buddy .buddyPictureSmall .fa{font-size:2em;line-height:30px}.buddy .buddy1{color:#262626;font-size:14px;font-weight:bold;height:28px;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:24px;white-space:nowrap}.buddy .buddy2{color:rgba(0,0,0,0.5);display:none;left:65px;overflow:hidden;position:absolute;right:4px;text-overflow:ellipsis;top:33px;white-space:nowrap}.buddy .buddy3{display:inline-block;overflow:hidden;padding:0 6px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:120px}.buddy .buddyactions{background:rgba(255,255,255,0.5);height:66px;line-height:66px;padding:0 10px;position:absolute;right:-125px;text-align:right;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;white-space:nowrap;z-index:5}.buddy .buddyactions .btn{font-size:1.6em;height:40px;line-height:40px;padding:0;text-align:center;vertical-align:middle;width:42px}.buddy .buddysessions{margin-bottom:10px;margin-top:56px;max-height:0;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:max-height;transition-property:max-height}.buddy .buddysessions ul{border-left:1px dotted #e7e7e7;border-right:1px dotted #e7e7e7;margin:0 14px;padding-left:0;padding-top:10px}.buddy .buddysessions ul li{list-style-type:none;margin-bottom:2px;margin-left:0}.buddy .buddysessions ul li .btn-group{visibility:hidden}.buddy .buddysessions ul li:hover .btn-group{visibility:visible}.buddy .buddysessions .currentsession .buddy3{font-weight:bold}.buddyPictureCapture .picture{display:block;margin-bottom:5px}.buddyPictureCapture .videoPicture{margin-bottom:4px}.buddyPictureCapture .videoPicture .videoPictureVideo{background-color:#000;overflow:hidden;position:relative}.buddyPictureCapture .videoPicture video{object-fit:cover}.buddyPictureCapture .videoPictureVideo{height:200px;width:200px}.buddyPictureCapture .videoPictureVideo .videoPrev,.buddyPictureCapture .videoPictureVideo video,.buddyPictureCapture .videoPictureVideo .preview{height:100%;width:100%}.buddyPictureCapture .videoFlash{background-color:#fff;border:1px dotted #e7e7e7;bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.buddyPictureCapture .videoFlash.flash{visibility:visible}.buddyPictureCapture .preview{left:0;position:absolute;top:0}.buddyPictureCapture .preview.previewPicture{position:relative}.buddyPictureCapture .btn-takePicture,.buddyPictureCapture .btn-retakePicture{left:0;margin:0 auto;max-width:40%;position:absolute;right:0;top:50%}.buddyPictureCapture .btn-retakePicture{visibility:hidden}.buddyPictureCapture .videoPictureVideo:hover .btn-retakePicture{visibility:visible}.buddyPictureCapture .countdownPicture{color:#f8f8f8;font-size:45px;left:0;margin:0 auto;opacity:.8;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #000;top:75px}.buddyPictureUpload{position:relative}.buddyPictureUpload .loader{left:90px;position:absolute;z-index:1}.buddyPictureUpload .loader .fa-spin{color:#737373}.buddyPictureUpload>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddyPictureUpload .showUploadPicture{background-color:#f8f8f8;border:1px solid #e7e7e7;height:200px;line-height:200px;margin-bottom:10px;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:200px}.buddyPictureUpload .showUploadPicture.imgData{background-color:#000}.buddyPictureUpload .showUploadPicture.imgData .chooseUploadPicture{display:none}.buddyPictureUpload .showUploadPicture.imgData:hover .imageUtilites{visibility:visible}.buddyPictureUpload .showUploadPicture .chooseUploadPicture{color:#737373;left:0;margin:0 auto;position:absolute;right:0;z-index:1}.buddyPictureUpload .showUploadPicture .fa{color:#f8f8f8;opacity:.8;text-shadow:0 0 5px #000}.buddyPictureUpload .preview{left:0;position:relative;top:0}.buddyPictureUpload .imageUtilites{line-height:30px;position:absolute;visibility:hidden;width:200px;z-index:1}.buddyPictureUpload .imageUtilites .fa{cursor:pointer;font-size:40px;height:50px;width:50px}.buddyPictureUpload .moveHorizontal{position:relative;top:-4px}.buddyPictureUpload .moveVertical{left:158px;position:absolute}.buddyPictureUpload .resize{position:relative;top:108px}#settings{background:#fff;border-left:1px solid #e7e7e7;bottom:0;padding-right:0px;position:fixed;right:-520px;top:0;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;width:520px;z-index:80}#settings.show{right:0}@media only screen and (max-width: 800px){#settings.show{background:#fff;left:0;width:auto}}.settings{background:#fff;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0;margin-top:50px}@media only screen and (max-width: 800px){.settings{padding-bottom:10px}}.settings legend{font-size:17px}.settings .version{color:#ccc;font-size:10px;position:absolute;right:10px;top:10px}settings-advanced{display:block;padding-top:15px}#chat{bottom:0;width:300px;min-width:200px;opacity:0;pointer-events:none;position:absolute;right:300px;top:0;z-index:45}.withChat #chat{opacity:1}@media (max-width: 500px){.withChat #chat{left:0;width:auto}}.withChat.withChatMaximized #chat{left:0;width:auto}@media (max-width: 1280px){.withChat.withChatMaximized #chat .message{max-width:55%}}@media (max-width: 700px){.withChat.withChatMaximized #chat .message{max-width:70%}}@media (max-width: 480px){.withChat.withChatMaximized #chat .message{max-width:85%}}.withChat .chat{pointer-events:auto}.chatcontainer{background:#e5e5e5;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.showchatlist .chatpane{right:100%}.showchatlist .chatlist{left:0}.chatlist{background:#e5e5e5;bottom:0;left:100%;position:absolute;top:0;width:100%}.chatlist .list-group{margin-bottom:-1px;margin-top:-1px;max-height:100%;overflow-x:hidden;overflow-y:auto}.chatlist .list-group-item{border-left:0;border-radius:0;border-right:0;line-height:26px;min-height:51px;padding-right:70px;position:relative}.chatlist .list-group-item.newmessage{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chatlist .list-group-item.disabled{color:#aaa}.chatlist .list-group-item:hover button{display:inline}.chatlist .list-group-item .fa-lg{display:inline-block;text-align:center;width:18px}.chatlist .list-group-item .badge{background:#84b819;border:1px solid #fff;position:absolute;right:50px;top:14px}.chatlist .list-group-item button{display:none;position:absolute;right:10px}.chatpane{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;position:absolute;right:0;top:0;width:100%}.chat{background:#e5e5e5;bottom:0;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0}.chat.newmessage .chatheadertitle:after{content:'***';position:absolute;right:32px;top:2px}.chat.newmessage .chatheader{-webkit-animation:newmessage 1s steps(1) infinite alternate;animation:newmessage 1s steps(1) infinite alternate}.chat.active.visible{display:block}.chat.with_pictures .message.is_self{padding-right:34px}.chat.with_pictures .message.is_self .timestamp{right:45px}.chat.with_pictures .message.is_remote{padding-left:44px}.chat .chatbodybottom{background:transparent;bottom:1px;left:0;margin:0 auto;position:absolute;right:0}@media (max-height: 210px){.chat .chatbodybottom{height:auto}}.chat .typinghint{color:#666;font-size:.8em;height:16px;overflow:hidden;padding:0 6px;white-space:nowrap}@media (max-height: 210px){.chat .typinghint{display:none}}.chat .inputbox{position:relative}@media (max-height: 210px){.chat .inputbox{height:auto}}.chat .inputbox .btn{display:none;padding:.5em 1em;position:absolute;right:6px;top:1px}.chat .input{border-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;height:54px;margin:0;max-height:54px;resize:none;width:100%}@media (max-height: 210px){.chat .input{max-height:2.5em}}.chat .input:active,.chat .input:focus{border-color:#66afe9}.chat .outputbox{bottom:75px;left:0;position:absolute;right:0;top:0}@media (max-height: 210px){.chat .outputbox{bottom:45px}}.chat .output{height:100%;overflow-x:hidden;overflow-y:auto;padding:.4em 0}.chat .output>i{clear:both;color:#666;display:block;font-size:.8em;padding:6px 0;text-align:center}.chat .output>i.p2p{font-weight:bold;padding:6px 0}.chat .message{background:#fff;border:1px solid transparent;border-radius:6px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.03);box-shadow:0 0 2px 0 rgba(0,0,0,0.03);clear:both;display:block;margin:0 4px 2px 18px;padding:8px 8px 4px 8px;position:relative;word-wrap:break-word;max-width:85%}.chat .message ul{list-style-type:none;margin:0;padding-left:0}.chat .message .timestamp{font-size:.8em;position:absolute;right:8px;text-align:right;top:8px}.chat .message .timestamp-space{float:right;height:10px;width:40px}.chat .message strong{display:block;margin-right:40px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.chat .message li{line-height:1.1em;margin:0 0 4px 0;padding-left:1.2em;position:relative}.chat .message li:before{color:#ccc;content:'\f075';font-family:FontAwesome;left:0;position:absolute;text-align:center;width:12px}.chat .message li.unread:before{color:#fe9a2e;content:""}.chat .message li.sending:before{color:#ccc;content:""}.chat .message li.sent:before{color:#5882fa;content:""}.chat .message li.delivered:before{color:#5882fa;content:""}.chat .message li.received:before{color:#84b819;content:""}.chat .message li.read:before{color:#ccc;content:""}.chat .message .buddyPicture{background:#84b819;border-radius:2px;font-size:.7em;height:30px;left:4px;overflow:hidden;position:absolute;text-align:center;top:4px;width:30px;z-index:0}.chat .message .buddyPicture .fa{color:#009534;line-height:30px}.chat .message .buddyPicture img{bottom:0;display:block;left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.chat .message:before,.chat .message:after{border-style:solid;content:'';display:block;position:absolute;width:0}.chat .message.is_remote{float:left;background:#fff;color:#333}.chat .message.is_remote:before{border-color:transparent #fff;border-width:7px 11px 7px 0;bottom:auto;left:-12px;top:4px}.chat .message.is_remote:after{border-color:transparent #fff;border-width:6px 10px 6px 0;bottom:auto;left:-11px;top:5px}.chat .message.is_self{float:right;background:#fff;color:#333;margin-left:4px;margin-right:18px;padding-right:4px}.chat .message.is_self:before{border-color:transparent #fff;border-width:7px 0 7px 11px;top:4px;bottom:auto;right:-12px}.chat .message.is_self:after{border-color:transparent #fff;border-width:6px 0 6px 10px;top:5px;bottom:auto;right:-11px}.chat .message.is_self li:before{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.chat .message.is_self .buddyPicture{left:auto;right:4px}.chat .message.with_hoverimage .buddyPicture{overflow:visible;z-index:initial}.chat .message.with_hoverimage .buddyPicture:hover .buddyInfoActions{opacity:1}.chat .message.with_hoverimage .buddyInfoActions{cursor:default;display:inline-block;height:40px;left:0;opacity:0;overflow:hidden;position:absolute;top:32px;-webkit-transition:opacity 0.1s .1s linear;transition:opacity 0.1s .1s linear;white-space:nowrap;z-index:1}.chat .message.with_hoverimage .buddyInfoActions .btn-group{display:block;margin:0 auto;width:70px}.chat .message.with_hoverimage .buddyInfoActions .btn-group .btn{width:35px}.chat .message.with_hoverimage .buddyInfoActions .btn-primary{padding:2px 5px}.chat .message.with_hoverimage .buddyInfoActions .fa{color:#fff;line-height:24px}.chatmenu{height:36px;left:0;padding:4px;position:absolute;right:0;top:36px}@media (max-height: 210px){.chatmenu{display:none}}.chatbody{bottom:-1px;left:0;position:absolute;right:0;top:74px}@media (max-height: 210px){.chatbody{border-top:1px solid #e7e7e7;top:0;top:0}}.chatheader{background:rgba(255,255,255,0.9);border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;height:36px;left:0;line-height:34px;padding:0 4px 0 8px;position:absolute;right:0;top:0}@media (max-height: 210px){.chatheader{display:none}}.chatheader .chatstatusicon{cursor:pointer;display:block;font-size:1.4em;height:36px;left:0;position:absolute;text-align:center;top:0;width:36px}.chatheader .chatheadertitle{display:inline;padding-left:28px}.chatheader .ctrl{color:rgba(0,0,0,0.3);position:absolute;right:1px;top:0}.chatheader .ctrl .fa{cursor:pointer;padding:6px}.chatheader span{display:inline-block;max-width:60%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@-webkit-keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}@keyframes newmessage{0%{background-color:#84b819;border-color:#84b819}50%{background-color:#f8f8f8;border-color:#f8f8f8}100%{background-color:#84b819;border-color:#84b819}}.withChat #help,.withBuddylist #help{right:260px}.withChat.withBuddylist #help,.withSettings #help{right:520px}#help{bottom:10px;color:#aaa;font-size:1.1em;left:0;margin:0 auto;position:absolute;right:0;text-shadow:0 0 5px #000;top:80px;-webkit-transition:right 200ms ease-in-out;transition:right 200ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:350px}@media only screen and (max-width: 400px){.help{display:none}}@media only screen and (min-width: 400px) and (max-width: 1020px){.help{font-size:1em;width:250px}}.help>div{margin:0 10px}.help .help-subline{color:#888;padding:20px 0}.help .btn{text-shadow:none}#audiolevel{left:0;margin:0 auto;position:fixed;right:0;top:43px;width:400px;z-index:60}#audiolevel .audio-level{background:#84b819;background:gradient(linear, left top, left bottom, color-stop(0%, #84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));background:-webkit-gradient(linear, left top, left bottom, from(#84b819), color-stop(50%, #a1d54f), color-stop(51%, #80c217), to(#7cbc0a));background:-webkit-linear-gradient(top, #84b819 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);background:linear-gradient(to bottom, #84b819 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);border-radius:0 0 2px 2px;height:4px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transition:width .05s ease-in-out;transition:width .05s ease-in-out;width:0}.file-info{background:#fff;border:1px solid #ddd;border-radius:4px;max-width:170px;padding:1em;position:relative;text-align:center}.file-info.downloader .anim{margin-left:-40px}.file-info.downloader .file-info-size{margin-bottom:10px}.file-info.downloading .file-info-size{border-color:#ddd}.file-info>div{position:relative;z-index:3}.file-info .file-info-bg{bottom:0;color:#eee;font-size:20em;left:41px;overflow:hidden;position:absolute;right:0;top:-82px;z-index:2}.file-info .actions{left:50%;margin-left:10px;position:absolute;text-align:left;top:14px}.file-info .uploader .file-info-speed{bottom:6px}.file-info .uploader .actions{margin-left:30px;opacity:0}.file-info .uploader .anim{margin-left:0}.file-info .uploader .hovercontrol:hover .anim{margin-left:-50px}.file-info .uploader .hovercontrol:hover .actions{margin-left:0;opacity:1}.file-info .uploader .hovercontrol>div{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.is_remote .file-info{background:#fff;border:1px solid #ddd}.is_remote .file-info .file-info-bg{color:#eee;font-size:20em}.file-info-name{font-size:1.1em;margin:.2em 0;min-width:140px;padding:0 .2em}.file-info-size{font-size:.8em;height:20px;position:relative}.file-info-size>span{display:block;left:0;margin:0 auto;padding:3px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0;z-index:5}.file-info-size>div{bottom:0;-webkit-box-shadow:none !important;box-shadow:none !important;left:0;position:absolute;top:0;width:0;z-index:0}.file-info-size>div.progress-bar{opacity:.5}.file-info-size>div.progress-bar.download{opacity:1;z-index:1}.file-info-speed{bottom:8px;font-size:.8em;left:0;position:absolute;right:0;text-align:center}@media only screen and (max-width: 630px){.mainScreenshare #audiovideo,.mainPresentation #audiovideo{display:none}}.withChat #audiovideo{right:300px}.withBuddylist #audiovideo{right:300px}.withBuddylist.withChat #audiovideo{right:600px}#audiovideo{bottom:0;left:0;position:absolute;right:0;top:51px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 590px){#audiovideo{right:0 !important}}#audiovideo.fullscreen{bottom:0 !important;left:0 !important;right:0 !important;top:0 !important}#audiovideo.fullscreen .remoteVideo .peerActions{display:none}.audiovideo{bottom:0;left:0;position:absolute;right:0;top:0}.audiovideo.active{-webkit-perspective:1000;perspective:1000}.audiovideo.active:hover .overlayActions{opacity:.3}.audiovideo.active .overlayActions:hover{opacity:.6}.audiovideo.active .audiovideoBase{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.audiovideo .audiovideoBase{height:100%;position:relative;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:-webkit-transform;transition-property:transform;width:100%;z-index:2}.audiovideo .localContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);z-index:2;overflow:hidden}.audiovideo video{object-fit:cover}.audiovideo .onlyaudio{bottom:0;color:rgba(255,255,255,0.3);display:none;font-size:1em;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;top:0}.audiovideo .onlyaudio:before{content:'';display:inline-block;height:100%;vertical-align:middle}.audiovideo .onlyaudio>*{font-size:6em;vertical-align:middle}.audiovideo .remoteContainer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}.audiovideo .miniContainer{background:#000;bottom:2px;height:100%;max-height:18%;opacity:0;position:absolute;right:2px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity;z-index:25;overflow:hidden}.audiovideo .miniContainer.visible{opacity:1}.audiovideo.cameraMute .miniContainer,.audiovideo.cameraMute .localVideos{background:#666}.audiovideo.cameraMute .miniContainer .onlyaudio,.audiovideo.cameraMute .localVideos .onlyaudio{display:block}.audiovideo.cameraMute .miniContainer video,.audiovideo.cameraMute .localVideos video{visibility:hidden}.audiovideo .miniVideo{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.audiovideo .localVideo{background:rgba(0,0,0,0.4);display:block;max-height:100%;opacity:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity;width:100%}.audiovideo .localVideos{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.audiovideo .remoteVideos video{display:block;height:100%;width:100%}.audiovideo .overlayActions{background:rgba(0,0,0,0.9);bottom:0;height:140px;left:0;margin:auto 0;opacity:0;padding:3px 0;position:absolute;top:0;width:40px;z-index:5}.audiovideo .overlayActions .btn{color:#ccc;cursor:pointer;display:block;outline:0;text-shadow:0 0 5px #000;width:40px}.audiovideo .remoteVideo{background:rgba(0,0,0,0.4);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;vertical-align:bottom;width:100%}.audiovideo .remoteVideo.onlyaudioVideo{background:#666}.audiovideo .remoteVideo.onlyaudioVideo .onlyaudio{display:block}.audiovideo .remoteVideo.onlyaudioVideo video,.audiovideo .remoteVideo.dummy video{visibility:hidden}.audiovideo .remoteVideo.dummy .onlyaudio{display:block}.audiovideo .remoteVideo .peerActions{bottom:5%;left:40px;opacity:0;pointer-events:auto;position:absolute;right:40px;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.audiovideo .remoteVideo .peerActions:hover{opacity:.5}.audiovideo .remoteVideo .peerActions i{font-size:3vw}.audiovideo .remoteVideo .peerLabel{bottom:4%;color:#fff;font-size:2.5vw;left:4%;max-width:30%;opacity:.7;overflow:hidden;padding:4px;position:absolute;text-overflow:ellipsis;text-shadow:0 0 4px #000;white-space:nowrap;z-index:8}.remoteVideo.talking .peerLabel{color:#84b819}.remoteVideo .peerLabel{-webkit-transition:color 500ms ease-out;transition:color 500ms ease-out}.remoteVideo .overlayLogo{background:url("../img/logo-overlay.png") no-repeat center;-webkit-background-size:100%;background-size:100%;height:20%;max-height:40px;max-width:111px;opacity:.5;pointer-events:none;position:absolute;right:2.5%;top:4%;width:20%;z-index:2}.miniContainer.talking:after{bottom:2px;-webkit-box-shadow:0 0 20px #84b819 inset;box-shadow:0 0 20px #84b819 inset;content:'';left:2px;position:absolute;right:2px;top:2px}.renderer-smally{background:#000;border-right:0;border-top:0;width:150px}.renderer-smally .remoteVideos{padding-bottom:85px}.renderer-smally .remoteVideo .peerLabel{font-size:.9em;font-weight:bold}.renderer-smally .remoteVideo .peerActions i{font-size:1em}.renderer-smally .miniContainer{bottom:0;height:85px;left:0;max-height:none;right:0}.renderer-onepeople .miniContainer .onlyaudio{font-size:.4em}.renderer-democrazy .remoteVideos .miniContainer{bottom:auto;display:inline-block;max-height:100%;max-width:100%;position:relative;right:auto;vertical-align:bottom}.renderer-democrazy .active .miniContainer{opacity:1}.renderer-conferencekiosk .remoteVideos{background:rgba(0,0,0,0.4);bottom:2px;min-height:108px;pointer-events:auto;text-align:center;top:auto;white-space:nowrap}.renderer-conferencekiosk .remoteVideos>div{cursor:pointer;height:108px;width:192px}.renderer-conferencekiosk .remoteVideos .overlayLogo{display:none}.renderer-conferencekiosk .remoteVideos .peerLabel,.renderer-conferencekiosk .remoteVideos .peerActions i{font-size:1.1em}.renderer-conferencekiosk .remoteVideos .peerLabel{background:rgba(0,0,0,0.9)}.renderer-conferencekiosk .miniContainer{height:108px;max-height:none;width:192px}.renderer-conferencekiosk .bigVideo{bottom:112px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:2px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-property:opacity;transition-property:opacity}.renderer-conferencekiosk .bigVideo video{height:100%;width:100%}.renderer-auditorium{position:relative}.renderer-auditorium span:before{content:'\f183';left:50%;margin-left:-.8em;margin-top:-.5em;position:absolute;top:50%}.renderer-auditorium span:after{content:'\f183';margin-right:-.9em;margin-top:-.5em;position:absolute;right:50%;top:50%}.renderer-auditorium .remoteContainer{border-left:40px solid #000}.renderer-auditorium .remoteVideos{background:rgba(0,0,0,0.4);pointer-events:auto;top:180px;width:320px}.renderer-auditorium .remoteVideos video{height:100%;margin-top:-9px;object-fit:cover;width:100%}.renderer-auditorium .remoteVideos>div{cursor:pointer;display:inline-block;height:60px;width:80px}.renderer-auditorium .remoteVideos .overlayLogo{display:none}.renderer-auditorium .remoteVideos .peerLabel{background:rgba(0,0,0,0.9);bottom:0;font-size:.6em;left:0;line-height:9px;max-width:100%;padding:0 4px;right:0}.renderer-auditorium .remoteVideos .peerActions{display:none}.renderer-auditorium .remoteVideos .miniContainer{max-height:auto;right:auto}.renderer-auditorium .bigVideo{height:180px;width:320px}.renderer-auditorium .bigVideo .remoteVideo,.renderer-auditorium .bigVideo .video{height:100%;width:100%}.renderer-auditorium .bigVideo .peerLabel{bottom:8%;font-size:1vw;max-width:40%}.mainScreenshare #screenshare{display:block}.screenshare{bottom:0;left:0;position:absolute;right:0;top:0}.screenshare .overlaybar{bottom:0;left:0;right:0}.screensharepane{background:#000;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.screensharepane .remotescreen{position:relative}.screensharepane video{max-height:99%;width:100%}.remotesize .screensharepane video{max-height:none;width:auto}#roombar{left:0;min-width:260px;position:absolute;right:0;top:51px;z-index:4}#roombar .roombar{left:0;position:absolute;right:0;top:0}.fa.link{color:#aaa}.fa.email{color:#aaa}.fa.facebook{color:#45619d}.fa.google{color:#dd4b39}.fa.twitter{color:#00aced}.fa.xing{color:#fff}.contactsmanager .desc{font-size:20px;font-weight:normal;text-align:baseline}.contactsmanager .addbtn{font-size:14px}.contactsmanager .addbtn .fa-users{font-size:22px}.contactsmanager .addbtn .fa-plus{font-size:15px}.contactsmanager .editpicture{float:left;margin-right:20px;vertical-align:middle}.contactsmanager .uploadbtn{margin-top:7px}.contactsmanager .editlist{max-height:250px;overflow-y:auto}.contactsmanager .picture{border-bottom:0;cursor:auto;display:table-cell;min-height:46px;position:static;width:auto}.contactsmanager .picture .buddyPicture{margin:0 0 0 10px}.contactsmanager .table{margin-bottom:0}.contactsmanager tr:first-child td{border-top:0}.contactsmanager .name{text-align:left;vertical-align:middle;width:40%}.contactsmanager .action{padding-right:15px;text-align:right;vertical-align:middle}.contactsmanageredit .buddy .buddyPicture{margin:0}.search:before{content:'\f002';font-family:'fontAwesome';font-size:14px;left:22px;opacity:.4;position:absolute;top:6px}.search ~ input{padding-left:25px}.mainPresentation #presentation{display:block}.presentation{bottom:0;left:0;position:absolute;right:0;top:0}.presentation .overlaybar{bottom:0;left:0;right:0;text-align:center}.presentation .overlaybar .overlaybar-content{max-width:100%}.presentation .overlaybar .overlaybar-content .pagecontrol{height:30px}.presentation .overlaybar .btn-prev{left:40px}.presentation .overlaybar .btn-next{left:auto;right:0}.presentation .overlaybar .overlaybar-button{font-size:20px;line-height:28px;padding:4px 6px;position:absolute;top:0}.presentation .thumbnail{color:#333;display:inline-block;height:122px;margin-left:20px;margin-top:20px;position:relative;text-shadow:none;vertical-align:middle;width:160px}.presentation .thumbnail:first-child{margin-left:0}.presentation .thumbnail.presentable{cursor:pointer}.presentation .thumbnail:hover .presentation-action{display:block}.presentation .thumbnail:hover .notavailable{display:block}.presentation .thumbnail .caption{overflow:hidden;padding-bottom:0;text-overflow:ellipsis}.presentation .thumbnail .caption .size{font-size:10px}.presentation .thumbnail .caption .progress{position:relative}.presentation .thumbnail .caption .download-info{bottom:0;color:#333;left:0;line-height:20px;position:absolute;right:0;text-shadow:1px 1px 1px #fff;top:0}.presentation .thumbnail .active{bottom:0;color:#84b819;font-size:10em;left:0;opacity:.7;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .notavailable{bottom:0;color:#d2322d;display:none;font-size:10em;left:0;opacity:.25;position:absolute;right:0;text-align:center;top:0}.presentation .thumbnail .presentation-action{display:none;position:absolute;top:1px}.presentation .thumbnail .download{left:1px}.presentation .thumbnail .delete{right:1px}.presentation .thumbnail .filetype{font-size:5em}.presentationpane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.presentationpane .welcome{padding:0}.presentationpane .welcome h1{white-space:normal}.presentationpane .welcome .btn{margin-top:30px}.presentationpane .welcome .progress span{text-shadow:none}.presentationpane .welcome .progress .download-info{color:#333;left:0;position:absolute;text-shadow:1px 1px 1px #fff;width:100%}.presentationpane .canvasContainer{height:100%;width:100%;overflow:hidden}.presentationpane .canvasContainer iframe{border:0;height:100%;width:100%}.pageinfo input{display:inline;width:70px}.presentations{height:156px;margin-left:-25px;margin-right:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.mainYoutubevideo #youtubevideo{display:block}.youtubevideo{bottom:0;left:0;position:absolute;right:0;top:0}.youtubevideo .click-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.youtubevideo .welcome{max-width:700px}.youtubevideo .welcome h1{margin-top:10px}.youtubevideo .welcome .welcome-container{max-width:700px}.youtubevideo .welcome .welcome-logo{background:transparent;font-size:10em}.youtubevideo .overlaybar{bottom:0;left:0;right:0}.youtubevideo .overlaybar-content{max-width:100%;width:100%}.youtubevideo .overlaybar-content form .overlaybar-buttons{position:absolute;right:23px;top:6px}.youtubevideo .overlaybar-input{padding-right:15px;position:relative;width:100%}.youtubevideopane{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.youtubecontainer{position:relative}.youtubecontainer.fullscreen{width:100%}.youtubeplayerinfo{bottom:10%;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;text-align:center;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;transition-property:opacity;z-index:10}.youtubeplayerinfo:hover{opacity:.8}.youtubeplayerinfo div{background-color:#f9f2f4;border-radius:10px;display:inline-block;font-size:2em;padding:20px 40px}.volumecontrol{background:rgba(0,0,0,0.6);bottom:0;left:0;opacity:0;padding:4px;pointer-events:auto;position:absolute;right:0;z-index:10}.volumecontrol:hover{opacity:1}.volume-button{display:inline;min-width:38px}.volumebar{display:inline-block;padding:6px 8px;vertical-align:middle}.volumebar .bar{-webkit-appearance:none;background-color:#aaa;border:1px solid #aaa;height:3px;outline:0;width:100px}.volumebar .bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;height:20px;width:6px}.volumebar .bar::-moz-range-track{background:#aaa;border:0}.volumebar .bar::-moz-range-thumb{background-color:#fff;border-radius:0;height:20px;width:6px}.volumebar .bar::-moz-focusring{outline:1px solid #aaa;outline-offset:-1px}.modal{overflow-y:auto}#toast-container>.toast{background-image:none !important}#toast-container>.toast:before{color:#fff;float:left;font-family:FontAwesome;font-size:20px;line-height:20px;margin:auto .5em auto -1.5em;padding-right:.5em;position:fixed}#toast-container>.toast-warning:before{content:'\f05a'}#toast-container>.toast-error:before{content:'\f05a'}#toast-container>.toast-info:before{content:'\f05a'}#toast-container>.toast-success:before{content:'\f05a'}#toast-container>:hover,#toast-container>div{-webkit-box-shadow:none !important;box-shadow:none !important}.toast-info{background-color:#5bc0de}.toast-close-button{font-size:1em;top:-.6em}#toast-container>div{filter:alpha(opacity=100);opacity:1}

From af194a64b8691d581dfa09129e7aeee6bee47d85 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Tue, 28 Jul 2015 15:08:46 +0200
Subject: [PATCH 30/31] Remove deprecated MediaStream.stop api (see
 https://groups.google.com/a/chromium.org/forum/#\!msg/blink-dev/s0UsMk8i2YM/WpepA4w3mPEJ
 for details).

---
 static/js/directives/buddypicturecapture.js |  4 +--
 static/js/mediastream/usermedia.js          | 24 +++++++++++---
 static/js/mediastream/webrtc.js             |  3 --
 static/js/services/services.js              |  9 ++++--
 static/js/services/usermedia.js             | 36 +++++++++++++++++++++
 5 files changed, 64 insertions(+), 12 deletions(-)
 create mode 100644 static/js/services/usermedia.js

diff --git a/static/js/directives/buddypicturecapture.js b/static/js/directives/buddypicturecapture.js
index 32e3625f..73e1a865 100644
--- a/static/js/directives/buddypicturecapture.js
+++ b/static/js/directives/buddypicturecapture.js
@@ -25,7 +25,7 @@ define(['jquery', 'underscore', 'text!partials/buddypicturecapture.html'], funct
 	// buddyPictureCapture
 	return ["$compile", "$window", function($compile, $window) {
 
-		var controller = ['$scope', 'safeApply', '$timeout', '$q', "mediaDevices", function($scope, safeApply, $timeout, $q, mediaDevices) {
+		var controller = ['$scope', 'safeApply', '$timeout', '$q', "mediaDevices", "userMedia", function($scope, safeApply, $timeout, $q, mediaDevices, userMedia) {
 
 			// Buddy picutre capture size.
 			$scope.captureSize = {
@@ -110,7 +110,7 @@ define(['jquery', 'underscore', 'text!partials/buddypicturecapture.html'], funct
 			var videoStop = function(stream, video) {
 				if (stream) {
 					video.pause();
-					stream.stop();
+					userMedia.stopUserMediaStream(stream);
 					stream = null;
 				}
 			};
diff --git a/static/js/mediastream/usermedia.js b/static/js/mediastream/usermedia.js
index b6bf2cf0..ee1dd891 100644
--- a/static/js/mediastream/usermedia.js
+++ b/static/js/mediastream/usermedia.js
@@ -106,6 +106,20 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 		}
 	})();
 
+	var stopUserMediaStream = (function() {
+		return function(stream) {
+			if (stream && stream.getTracks) {
+				var tracks = stream.getTracks();
+				_.each(tracks, function(t) {
+					t.stop();
+				});
+			} else {
+				console.warn("MediaStream.stop is deprecated");
+				stream.stop();
+			}
+		}
+	})();
+
 	// UserMedia.
 	var UserMedia = function(options) {
 
@@ -201,7 +215,7 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 					clearTimeout(timeout);
 					timeout = null;
 				}
-				stream.stop();
+				stopUserMediaStream(stream);
 				if (complete.done) {
 					return;
 				}
@@ -238,6 +252,8 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 		})({});
 
 	};
+	UserMedia.getUserMedia = getUserMedia;
+	UserMedia.stopUserMediaStream = stopUserMediaStream;
 
 	UserMedia.prototype.doGetUserMedia = function(currentcall, mediaConstraints) {
 
@@ -295,7 +311,7 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 		console.log('User has granted access to local media.');
 
 		if (!this.started) {
-			stream.stop();
+			stopUserMediaStream(stream);
 			return;
 		}
 
@@ -323,7 +339,7 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 			oldStream.onended = function() {
 				console.log("Silently ended replaced user media stream.");
 			};
-			oldStream.stop();
+			stopUserMediaStream(oldStream);
 		}
 
 		if (stream) {
@@ -368,7 +384,7 @@ define(['jquery', 'underscore', 'audiocontext', 'mediastream/dummystream', 'webr
 			this.audioSource = null;
 		}
 		if (this.localStream) {
-			this.localStream.stop()
+			stopUserMediaStream(this.localStream);
 			this.localStream = null;
 		}
 		if (this.audioProcessor) {
diff --git a/static/js/mediastream/webrtc.js b/static/js/mediastream/webrtc.js
index 946bbae0..ed8e77c5 100644
--- a/static/js/mediastream/webrtc.js
+++ b/static/js/mediastream/webrtc.js
@@ -357,9 +357,6 @@ function($, _, PeerCall, PeerConference, PeerXfer, PeerScreenshare, UserMedia, u
 
 		var success = function(stream) {
 			console.info("testMediaAccess success");
-			if (stream) {
-				stream.stop();
-			}
 			cb(true);
 		}
 		var failed = function() {
diff --git a/static/js/services/services.js b/static/js/services/services.js
index 198b92ee..4fa9919a 100644
--- a/static/js/services/services.js
+++ b/static/js/services/services.js
@@ -69,7 +69,8 @@ define([
 	'services/modules',
 	'services/mediadevices',
 	'services/sandbox',
-	'services/dummystream'], function(_,
+	'services/dummystream',
+	'services/usermedia'], function(_,
 desktopNotify,
 playSound,
 safeApply,
@@ -116,7 +117,8 @@ constraints,
 modules,
 mediaDevices,
 sandbox,
-dummyStream) {
+dummyStream,
+userMedia) {
 
 	var services = {
 		desktopNotify: desktopNotify,
@@ -165,7 +167,8 @@ dummyStream) {
 		modules: modules,
 		mediaDevices: mediaDevices,
 		sandbox: sandbox,
-		dummyStream: dummyStream
+		dummyStream: dummyStream,
+		userMedia: userMedia
 	};
 
 	var initialize = function(angModule) {
diff --git a/static/js/services/usermedia.js b/static/js/services/usermedia.js
new file mode 100644
index 00000000..5d64c87a
--- /dev/null
+++ b/static/js/services/usermedia.js
@@ -0,0 +1,36 @@
+/*
+ * Spreed WebRTC.
+ * Copyright (C) 2013-2015 struktur AG
+ *
+ * This file is part of Spreed WebRTC.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+"use strict";
+define(['mediastream/usermedia'], function(UserMedia) {
+
+	// userMedia
+	return [function() {
+
+		// Public api.
+		return {
+			getUserMedia: UserMedia.getUserMedia,
+			stopUserMediaStream: UserMedia.stopUserMediaStream
+		}
+
+	}];
+
+});
\ No newline at end of file

From 777f09a9e8461f2cc5785eb5fba1a318bffc1890 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@struktur.de>
Date: Tue, 28 Jul 2015 19:39:32 +0200
Subject: [PATCH 31/31] 0.24.3

---
 debian/changelog | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/debian/changelog b/debian/changelog
index 8bc715db..f3a801cc 100644
--- a/debian/changelog
+++ b/debian/changelog
@@ -1,3 +1,21 @@
+spreed-webrtc-server (0.24.3) precise; urgency=low
+ 
+  * Removed deprecated API to fix Chromium 47 compatibility.
+  * Improved UI usability for smaller devices.
+  * Increased the width of buddy list and chat.
+  * Cleaned up sized, borders and default colors.
+  * Cleaned up chat ui.
+  * Chat animations no longer comnsume GPU power.
+  * Chat icons are now shown in their proper color again.
+  * Chat arrows are displayed properly again.
+  * Updated WebRTC adapter to latest version (fixing Chromium 45).
+  * Fixed CSP example for Chromium 45 and later.
+  * Added GPM Godebs file to track Golang dependencies.
+  * Fixed a problem where screen sharing streams were not cleaned up.
+  * Added support for custom type dialogs.
+
+ -- Simon Eisenmann <simon@struktur.de>  Tue, 28 Jul 2015 19:22:28 +0200
+
 spreed-webrtc-server (0.24.2) precise; urgency=low
 
   * Fixed javascript load order, so compiled scripts load properly.