@charset "UTF-8";
.iti-flag {
 width:20px;
 height:15px;
 box-shadow:0 0 1px 0 #888;
 background-image:url(../images/flags.png);
 background-repeat:no-repeat;
 background-color:#dbdbdb;
 background-position:20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
 .iti-flag {
  background-image:url(../images/flags@2x.png)
 }
}
.iti-flag.np {
 background-color:transparent
}
.iti-flag {
 width:20px
}
.iti-flag.be {
 width:18px
}
.iti-flag.ch {
 width:15px
}
.iti-flag.mc {
 width:19px
}
.iti-flag.ne {
 width:18px
}
.iti-flag.np {
 width:13px
}
.iti-flag.us-id {
 width:19px
}
.iti-flag.us-nd {
 width:19px
}
.iti-flag.us-ri {
 width:16px
}
.iti-flag.va {
 width:15px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
 .iti-flag {
  background-size:6812px 15px
 }
}
.iti-flag.ac {
 height:10px;
 background-position:0 0
}
.iti-flag.ad {
 height:14px;
 background-position:-22px 0
}
.iti-flag.ae {
 height:10px;
 background-position:-44px 0
}
.iti-flag.af {
 height:14px;
 background-position:-66px 0
}
.iti-flag.ag {
 height:14px;
 background-position:-88px 0
}
.iti-flag.ai {
 height:10px;
 background-position:-110px 0
}
.iti-flag.al {
 height:15px;
 background-position:-132px 0
}
.iti-flag.am {
 height:10px;
 background-position:-154px 0
}
.iti-flag.ao {
 height:14px;
 background-position:-176px 0
}
.iti-flag.aq {
 height:14px;
 background-position:-198px 0
}
.iti-flag.ar {
 height:13px;
 background-position:-220px 0
}
.iti-flag.as {
 height:10px;
 background-position:-242px 0
}
.iti-flag.at {
 height:14px;
 background-position:-264px 0
}
.iti-flag.au {
 height:10px;
 background-position:-286px 0
}
.iti-flag.aw {
 height:14px;
 background-position:-308px 0
}
.iti-flag.ax {
 height:13px;
 background-position:-330px 0
}
.iti-flag.az {
 height:10px;
 background-position:-352px 0
}
.iti-flag.ba {
 height:10px;
 background-position:-374px 0
}
.iti-flag.bb {
 height:14px;
 background-position:-396px 0
}
.iti-flag.bd {
 height:12px;
 background-position:-418px 0
}
.iti-flag.be {
 height:15px;
 background-position:-440px 0
}
.iti-flag.bf {
 height:14px;
 background-position:-460px 0
}
.iti-flag.bg {
 height:12px;
 background-position:-482px 0
}
.iti-flag.bh {
 height:12px;
 background-position:-504px 0
}
.iti-flag.bi {
 height:12px;
 background-position:-526px 0
}
.iti-flag.bj {
 height:14px;
 background-position:-548px 0
}
.iti-flag.bl {
 height:14px;
 background-position:-570px 0
}
.iti-flag.bm {
 height:10px;
 background-position:-592px 0
}
.iti-flag.bn {
 height:10px;
 background-position:-614px 0
}
.iti-flag.bo {
 height:14px;
 background-position:-636px 0
}
.iti-flag.bq {
 height:14px;
 background-position:-658px 0
}
.iti-flag.br {
 height:14px;
 background-position:-680px 0
}
.iti-flag.bs {
 height:10px;
 background-position:-702px 0
}
.iti-flag.bt {
 height:14px;
 background-position:-724px 0
}
.iti-flag.bv {
 height:15px;
 background-position:-746px 0
}
.iti-flag.bw {
 height:14px;
 background-position:-768px 0
}
.iti-flag.by {
 height:10px;
 background-position:-790px 0
}
.iti-flag.bz {
 height:14px;
 background-position:-812px 0
}
.iti-flag.ca {
 height:10px;
 background-position:-834px 0
}
.iti-flag.cc {
 height:10px;
 background-position:-856px 0
}
.iti-flag.cd {
 height:15px;
 background-position:-878px 0
}
.iti-flag.cf {
 height:14px;
 background-position:-900px 0
}
.iti-flag.cg {
 height:14px;
 background-position:-922px 0
}
.iti-flag.ch {
 height:15px;
 background-position:-944px 0
}
.iti-flag.ci {
 height:14px;
 background-position:-961px 0
}
.iti-flag.ck {
 height:10px;
 background-position:-983px 0
}
.iti-flag.cl {
 height:14px;
 background-position:-1005px 0
}
.iti-flag.cm {
 height:14px;
 background-position:-1027px 0
}
.iti-flag.cn {
 height:14px;
 background-position:-1049px 0
}
.iti-flag.co {
 height:14px;
 background-position:-1071px 0
}
.iti-flag.cp {
 height:14px;
 background-position:-1093px 0
}
.iti-flag.cr {
 height:12px;
 background-position:-1115px 0
}
.iti-flag.cu {
 height:10px;
 background-position:-1137px 0
}
.iti-flag.cv {
 height:12px;
 background-position:-1159px 0
}
.iti-flag.cw {
 height:14px;
 background-position:-1181px 0
}
.iti-flag.cx {
 height:10px;
 background-position:-1203px 0
}
.iti-flag.cy {
 height:13px;
 background-position:-1225px 0
}
.iti-flag.cz {
 height:14px;
 background-position:-1247px 0
}
.iti-flag.de {
 height:12px;
 background-position:-1269px 0
}
.iti-flag.dg {
 height:10px;
 background-position:-1291px 0
}
.iti-flag.dj {
 height:14px;
 background-position:-1313px 0
}
.iti-flag.dk {
 height:15px;
 background-position:-1335px 0
}
.iti-flag.dm {
 height:10px;
 background-position:-1357px 0
}
.iti-flag.do {
 height:13px;
 background-position:-1379px 0
}
.iti-flag.dz {
 height:14px;
 background-position:-1401px 0
}
.iti-flag.ea {
 height:14px;
 background-position:-1423px 0
}
.iti-flag.ec {
 height:14px;
 background-position:-1445px 0
}
.iti-flag.ee {
 height:13px;
 background-position:-1467px 0
}
.iti-flag.eg {
 height:14px;
 background-position:-1489px 0
}
.iti-flag.eh {
 height:10px;
 background-position:-1511px 0
}
.iti-flag.er {
 height:10px;
 background-position:-1533px 0
}
.iti-flag.es {
 height:14px;
 background-position:-1555px 0
}
.iti-flag.et {
 height:10px;
 background-position:-1577px 0
}
.iti-flag.eu {
 height:14px;
 background-position:-1599px 0
}
.iti-flag.fi {
 height:12px;
 background-position:-1621px 0
}
.iti-flag.fj {
 height:10px;
 background-position:-1643px 0
}
.iti-flag.fk {
 height:10px;
 background-position:-1665px 0
}
.iti-flag.fm {
 height:11px;
 background-position:-1687px 0
}
.iti-flag.fo {
 height:15px;
 background-position:-1709px 0
}
.iti-flag.fr {
 height:14px;
 background-position:-1731px 0
}
.iti-flag.ga {
 height:15px;
 background-position:-1753px 0
}
.iti-flag.gb-eng {
 height:12px;
 background-position:-1775px 0
}
.iti-flag.gb-nir {
 height:10px;
 background-position:-1797px 0
}
.iti-flag.gb-sct {
 height:12px;
 background-position:-1819px 0
}
.iti-flag.gb-wls {
 height:14px;
 background-position:-1841px 0
}
.iti-flag.gb {
 height:10px;
 background-position:-1863px 0
}
.iti-flag.gd {
 height:12px;
 background-position:-1885px 0
}
.iti-flag.ge {
 height:14px;
 background-position:-1907px 0
}
.iti-flag.gf {
 height:14px;
 background-position:-1929px 0
}
.iti-flag.gg {
 height:14px;
 background-position:-1951px 0
}
.iti-flag.gh {
 height:14px;
 background-position:-1973px 0
}
.iti-flag.gi {
 height:10px;
 background-position:-1995px 0
}
.iti-flag.gl {
 height:14px;
 background-position:-2017px 0
}
.iti-flag.gm {
 height:14px;
 background-position:-2039px 0
}
.iti-flag.gn {
 height:14px;
 background-position:-2061px 0
}
.iti-flag.gp {
 height:14px;
 background-position:-2083px 0
}
.iti-flag.gq {
 height:14px;
 background-position:-2105px 0
}
.iti-flag.gr {
 height:14px;
 background-position:-2127px 0
}
.iti-flag.gs {
 height:10px;
 background-position:-2149px 0
}
.iti-flag.gt {
 height:13px;
 background-position:-2171px 0
}
.iti-flag.gu {
 height:11px;
 background-position:-2193px 0
}
.iti-flag.gw {
 height:10px;
 background-position:-2215px 0
}
.iti-flag.gy {
 height:12px;
 background-position:-2237px 0
}
.iti-flag.hk {
 height:14px;
 background-position:-2259px 0
}
.iti-flag.hm {
 height:10px;
 background-position:-2281px 0
}
.iti-flag.hn {
 height:10px;
 background-position:-2303px 0
}
.iti-flag.hr {
 height:10px;
 background-position:-2325px 0
}
.iti-flag.ht {
 height:12px;
 background-position:-2347px 0
}
.iti-flag.hu {
 height:10px;
 background-position:-2369px 0
}
.iti-flag.ic {
 height:14px;
 background-position:-2391px 0
}
.iti-flag.id {
 height:14px;
 background-position:-2413px 0
}
.iti-flag.ie {
 height:10px;
 background-position:-2435px 0
}
.iti-flag.il {
 height:15px;
 background-position:-2457px 0
}
.iti-flag.im {
 height:10px;
 background-position:-2479px 0
}
.iti-flag.in {
 height:14px;
 background-position:-2501px 0
}
.iti-flag.io {
 height:10px;
 background-position:-2523px 0
}
.iti-flag.iq {
 height:14px;
 background-position:-2545px 0
}
.iti-flag.ir {
 height:12px;
 background-position:-2567px 0
}
.iti-flag.is {
 height:15px;
 background-position:-2589px 0
}
.iti-flag.it {
 height:14px;
 background-position:-2611px 0
}
.iti-flag.je {
 height:12px;
 background-position:-2633px 0
}
.iti-flag.jm {
 height:10px;
 background-position:-2655px 0
}
.iti-flag.jo {
 height:10px;
 background-position:-2677px 0
}
.iti-flag.jp {
 height:14px;
 background-position:-2699px 0
}
.iti-flag.ke {
 height:14px;
 background-position:-2721px 0
}
.iti-flag.kg {
 height:12px;
 background-position:-2743px 0
}
.iti-flag.kh {
 height:13px;
 background-position:-2765px 0
}
.iti-flag.ki {
 height:10px;
 background-position:-2787px 0
}
.iti-flag.km {
 height:12px;
 background-position:-2809px 0
}
.iti-flag.kn {
 height:14px;
 background-position:-2831px 0
}
.iti-flag.kp {
 height:10px;
 background-position:-2853px 0
}
.iti-flag.kr {
 height:14px;
 background-position:-2875px 0
}
.iti-flag.kw {
 height:10px;
 background-position:-2897px 0
}
.iti-flag.ky {
 height:10px;
 background-position:-2919px 0
}
.iti-flag.kz {
 height:10px;
 background-position:-2941px 0
}
.iti-flag.la {
 height:14px;
 background-position:-2963px 0
}
.iti-flag.lb {
 height:14px;
 background-position:-2985px 0
}
.iti-flag.lc {
 height:10px;
 background-position:-3007px 0
}
.iti-flag.li {
 height:12px;
 background-position:-3029px 0
}
.iti-flag.lk {
 height:10px;
 background-position:-3051px 0
}
.iti-flag.lr {
 height:11px;
 background-position:-3073px 0
}
.iti-flag.ls {
 height:14px;
 background-position:-3095px 0
}
.iti-flag.lt {
 height:12px;
 background-position:-3117px 0
}
.iti-flag.lu {
 height:12px;
 background-position:-3139px 0
}
.iti-flag.lv {
 height:10px;
 background-position:-3161px 0
}
.iti-flag.ly {
 height:10px;
 background-position:-3183px 0
}
.iti-flag.ma {
 height:14px;
 background-position:-3205px 0
}
.iti-flag.mc {
 height:15px;
 background-position:-3227px 0
}
.iti-flag.md {
 height:10px;
 background-position:-3248px 0
}
.iti-flag.me {
 height:10px;
 background-position:-3270px 0
}
.iti-flag.mf {
 height:14px;
 background-position:-3292px 0
}
.iti-flag.mg {
 height:14px;
 background-position:-3314px 0
}
.iti-flag.mh {
 height:11px;
 background-position:-3336px 0
}
.iti-flag.mk {
 height:10px;
 background-position:-3358px 0
}
.iti-flag.ml {
 height:14px;
 background-position:-3380px 0
}
.iti-flag.mm {
 height:14px;
 background-position:-3402px 0
}
.iti-flag.mn {
 height:10px;
 background-position:-3424px 0
}
.iti-flag.mo {
 height:14px;
 background-position:-3446px 0
}
.iti-flag.mp {
 height:10px;
 background-position:-3468px 0
}
.iti-flag.mq {
 height:14px;
 background-position:-3490px 0
}
.iti-flag.mr {
 height:14px;
 background-position:-3512px 0
}
.iti-flag.ms {
 height:10px;
 background-position:-3534px 0
}
.iti-flag.mt {
 height:14px;
 background-position:-3556px 0
}
.iti-flag.mu {
 height:14px;
 background-position:-3578px 0
}
.iti-flag.mv {
 height:14px;
 background-position:-3600px 0
}
.iti-flag.mw {
 height:14px;
 background-position:-3622px 0
}
.iti-flag.mx {
 height:12px;
 background-position:-3644px 0
}
.iti-flag.my {
 height:10px;
 background-position:-3666px 0
}
.iti-flag.mz {
 height:14px;
 background-position:-3688px 0
}
.iti-flag.na {
 height:14px;
 background-position:-3710px 0
}
.iti-flag.nc {
 height:10px;
 background-position:-3732px 0
}
.iti-flag.ne {
 height:15px;
 background-position:-3754px 0
}
.iti-flag.nf {
 height:10px;
 background-position:-3774px 0
}
.iti-flag.ng {
 height:10px;
 background-position:-3796px 0
}
.iti-flag.ni {
 height:12px;
 background-position:-3818px 0
}
.iti-flag.nl {
 height:14px;
 background-position:-3840px 0
}
.iti-flag.no {
 height:15px;
 background-position:-3862px 0
}
.iti-flag.np {
 height:15px;
 background-position:-3884px 0
}
.iti-flag.nr {
 height:10px;
 background-position:-3899px 0
}
.iti-flag.nu {
 height:10px;
 background-position:-3921px 0
}
.iti-flag.nz {
 height:10px;
 background-position:-3943px 0
}
.iti-flag.om {
 height:10px;
 background-position:-3965px 0
}
.iti-flag.pa {
 height:14px;
 background-position:-3987px 0
}
.iti-flag.pe {
 height:14px;
 background-position:-4009px 0
}
.iti-flag.pf {
 height:14px;
 background-position:-4031px 0
}
.iti-flag.pg {
 height:15px;
 background-position:-4053px 0
}
.iti-flag.ph {
 height:10px;
 background-position:-4075px 0
}
.iti-flag.pk {
 height:14px;
 background-position:-4097px 0
}
.iti-flag.pl {
 height:13px;
 background-position:-4119px 0
}
.iti-flag.pm {
 height:14px;
 background-position:-4141px 0
}
.iti-flag.pn {
 height:10px;
 background-position:-4163px 0
}
.iti-flag.pr {
 height:14px;
 background-position:-4185px 0
}
.iti-flag.ps {
 height:10px;
 background-position:-4207px 0
}
.iti-flag.pt {
 height:14px;
 background-position:-4229px 0
}
.iti-flag.pw {
 height:13px;
 background-position:-4251px 0
}
.iti-flag.py {
 height:11px;
 background-position:-4273px 0
}
.iti-flag.qa {
 height:8px;
 background-position:-4295px 0
}
.iti-flag.re {
 height:14px;
 background-position:-4317px 0
}
.iti-flag.ro {
 height:14px;
 background-position:-4339px 0
}
.iti-flag.rs {
 height:14px;
 background-position:-4361px 0
}
.iti-flag.ru {
 height:14px;
 background-position:-4383px 0
}
.iti-flag.rw {
 height:14px;
 background-position:-4405px 0
}
.iti-flag.sa {
 height:14px;
 background-position:-4427px 0
}
.iti-flag.sb {
 height:10px;
 background-position:-4449px 0
}
.iti-flag.sc {
 height:10px;
 background-position:-4471px 0
}
.iti-flag.sd {
 height:10px;
 background-position:-4493px 0
}
.iti-flag.se {
 height:13px;
 background-position:-4515px 0
}
.iti-flag.sg {
 height:14px;
 background-position:-4537px 0
}
.iti-flag.sh {
 height:10px;
 background-position:-4559px 0
}
.iti-flag.si {
 height:10px;
 background-position:-4581px 0
}
.iti-flag.sj {
 height:15px;
 background-position:-4603px 0
}
.iti-flag.sk {
 height:14px;
 background-position:-4625px 0
}
.iti-flag.sl {
 height:14px;
 background-position:-4647px 0
}
.iti-flag.sm {
 height:15px;
 background-position:-4669px 0
}
.iti-flag.sn {
 height:14px;
 background-position:-4691px 0
}
.iti-flag.so {
 height:14px;
 background-position:-4713px 0
}
.iti-flag.sr {
 height:14px;
 background-position:-4735px 0
}
.iti-flag.ss {
 height:10px;
 background-position:-4757px 0
}
.iti-flag.st {
 height:10px;
 background-position:-4779px 0
}
.iti-flag.sv {
 height:12px;
 background-position:-4801px 0
}
.iti-flag.sx {
 height:14px;
 background-position:-4823px 0
}
.iti-flag.sy {
 height:14px;
 background-position:-4845px 0
}
.iti-flag.sz {
 height:14px;
 background-position:-4867px 0
}
.iti-flag.ta {
 height:10px;
 background-position:-4889px 0
}
.iti-flag.tc {
 height:10px;
 background-position:-4911px 0
}
.iti-flag.td {
 height:14px;
 background-position:-4933px 0
}
.iti-flag.tf {
 height:14px;
 background-position:-4955px 0
}
.iti-flag.tg {
 height:13px;
 background-position:-4977px 0
}
.iti-flag.th {
 height:14px;
 background-position:-4999px 0
}
.iti-flag.tj {
 height:10px;
 background-position:-5021px 0
}
.iti-flag.tk {
 height:10px;
 background-position:-5043px 0
}
.iti-flag.tl {
 height:10px;
 background-position:-5065px 0
}
.iti-flag.tm {
 height:14px;
 background-position:-5087px 0
}
.iti-flag.tn {
 height:14px;
 background-position:-5109px 0
}
.iti-flag.to {
 height:10px;
 background-position:-5131px 0
}
.iti-flag.tr {
 height:14px;
 background-position:-5153px 0
}
.iti-flag.tt {
 height:12px;
 background-position:-5175px 0
}
.iti-flag.tv {
 height:10px;
 background-position:-5197px 0
}
.iti-flag.tw {
 height:14px;
 background-position:-5219px 0
}
.iti-flag.tz {
 height:14px;
 background-position:-5241px 0
}
.iti-flag.ua {
 height:14px;
 background-position:-5263px 0
}
.iti-flag.ug {
 height:14px;
 background-position:-5285px 0
}
.iti-flag.um {
 height:11px;
 background-position:-5307px 0
}
.iti-flag.us-ak {
 height:14px;
 background-position:-5329px 0
}
.iti-flag.us-al {
 height:14px;
 background-position:-5351px 0
}
.iti-flag.us-ar {
 height:14px;
 background-position:-5373px 0
}
.iti-flag.us-az {
 height:14px;
 background-position:-5395px 0
}
.iti-flag.us-ca {
 height:14px;
 background-position:-5417px 0
}
.iti-flag.us-co {
 height:14px;
 background-position:-5439px 0
}
.iti-flag.us-ct {
 height:15px;
 background-position:-5461px 0
}
.iti-flag.us-de {
 height:14px;
 background-position:-5483px 0
}
.iti-flag.us-fl {
 height:14px;
 background-position:-5505px 0
}
.iti-flag.us-ga {
 height:14px;
 background-position:-5527px 0
}
.iti-flag.us-hi {
 height:10px;
 background-position:-5549px 0
}
.iti-flag.us-ia {
 height:14px;
 background-position:-5571px 0
}
.iti-flag.us-id {
 height:15px;
 background-position:-5593px 0
}
.iti-flag.us-il {
 height:12px;
 background-position:-5614px 0
}
.iti-flag.us-in {
 height:14px;
 background-position:-5636px 0
}
.iti-flag.us-ks {
 height:12px;
 background-position:-5658px 0
}
.iti-flag.us-ky {
 height:11px;
 background-position:-5680px 0
}
.iti-flag.us-la {
 height:13px;
 background-position:-5702px 0
}
.iti-flag.us-ma {
 height:12px;
 background-position:-5724px 0
}
.iti-flag.us-md {
 height:14px;
 background-position:-5746px 0
}
.iti-flag.us-me {
 height:14px;
 background-position:-5768px 0
}
.iti-flag.us-mi {
 height:14px;
 background-position:-5790px 0
}
.iti-flag.us-mn {
 height:13px;
 background-position:-5812px 0
}
.iti-flag.us-mo {
 height:12px;
 background-position:-5834px 0
}
.iti-flag.us-ms {
 height:14px;
 background-position:-5856px 0
}
.iti-flag.us-mt {
 height:14px;
 background-position:-5878px 0
}
.iti-flag.us-nc {
 height:14px;
 background-position:-5900px 0
}
.iti-flag.us-nd {
 height:15px;
 background-position:-5922px 0
}
.iti-flag.us-ne {
 height:12px;
 background-position:-5943px 0
}
.iti-flag.us-nh {
 height:14px;
 background-position:-5965px 0
}
.iti-flag.us-nj {
 height:14px;
 background-position:-5987px 0
}
.iti-flag.us-nm {
 height:14px;
 background-position:-6009px 0
}
.iti-flag.us-nv {
 height:14px;
 background-position:-6031px 0
}
.iti-flag.us-ny {
 height:10px;
 background-position:-6053px 0
}
.iti-flag.us-oh {
 height:13px;
 background-position:-6075px 0
}
.iti-flag.us-ok {
 height:14px;
 background-position:-6097px 0
}
.iti-flag.us-or {
 height:12px;
 background-position:-6119px 0
}
.iti-flag.us-pa {
 height:14px;
 background-position:-6141px 0
}
.iti-flag.us-ri {
 height:15px;
 background-position:-6163px 0
}
.iti-flag.us-sc {
 height:14px;
 background-position:-6181px 0
}
.iti-flag.us-sd {
 height:13px;
 background-position:-6203px 0
}
.iti-flag.us-tn {
 height:12px;
 background-position:-6225px 0
}
.iti-flag.us-tx {
 height:14px;
 background-position:-6247px 0
}
.iti-flag.us-ut {
 height:12px;
 background-position:-6269px 0
}
.iti-flag.us-va {
 height:14px;
 background-position:-6291px 0
}
.iti-flag.us-vt {
 height:12px;
 background-position:-6313px 0
}
.iti-flag.us-wa {
 height:12px;
 background-position:-6335px 0
}
.iti-flag.us-wi {
 height:14px;
 background-position:-6357px 0
}
.iti-flag.us-wv {
 height:11px;
 background-position:-6379px 0
}
.iti-flag.us-wy {
 height:14px;
 background-position:-6401px 0
}
.iti-flag.us {
 height:11px;
 background-position:-6423px 0
}
.iti-flag.uy {
 height:14px;
 background-position:-6445px 0
}
.iti-flag.uz {
 height:10px;
 background-position:-6467px 0
}
.iti-flag.va {
 height:15px;
 background-position:-6489px 0
}
.iti-flag.vc {
 height:14px;
 background-position:-6506px 0
}
.iti-flag.ve {
 height:14px;
 background-position:-6528px 0
}
.iti-flag.vg {
 height:10px;
 background-position:-6550px 0
}
.iti-flag.vi {
 height:14px;
 background-position:-6572px 0
}
.iti-flag.vn {
 height:14px;
 background-position:-6594px 0
}
.iti-flag.vu {
 height:12px;
 background-position:-6616px 0
}
.iti-flag.wf {
 height:14px;
 background-position:-6638px 0
}
.iti-flag.ws {
 height:10px;
 background-position:-6660px 0
}
.iti-flag.xk {
 height:15px;
 background-position:-6682px 0
}
.iti-flag.ye {
 height:14px;
 background-position:-6704px 0
}
.iti-flag.yt {
 height:14px;
 background-position:-6726px 0
}
.iti-flag.za {
 height:14px;
 background-position:-6748px 0
}
.iti-flag.zm {
 height:14px;
 background-position:-6770px 0
}
.iti-flag.zw {
 height:10px;
 background-position:-6792px 0
}
body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
p,
pre {
 margin:0;
 padding:0
}
dl,
ol,
ul {
 margin:0
}
fieldset,
img {
 border:0
}
@-moz-document url-prefix() {
 img {
  font-size:0
 }
 img:-moz-broken {
  font-size:inherit
 }
}
details,
main,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button
}
body {
 color:#333;
 font-family:Arial,sans-serif;
 font-size:14px;
 line-height:1.4285714286
}
[lang|=en] {
 font-family:Arial,sans-serif
}
[lang|=ja] {
 font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif
}
blockquote,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
 margin:10px 0 0 0
}
blockquote:first-child,
dl:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ol:first-child,
p:first-child,
pre:first-child,
ul:first-child {
 margin-top:0
}
h1 {
 color:#333;
 font-size:32px;
 font-weight:400;
 line-height:1.25;
 text-transform:none;
 margin:30px 0 0 0
}
h2 {
 color:#333;
 font-size:24px;
 font-weight:400;
 line-height:1.25;
 text-transform:none;
 margin:30px 0 0 0
}
h3 {
 color:#333;
 font-size:20px;
 font-weight:400;
 line-height:1.5;
 text-transform:none;
 margin:30px 0 0 0
}
h4 {
 font-size:16px;
 font-weight:700;
 line-height:1.25;
 text-transform:none;
 margin:20px 0 0 0
}
h5 {
 color:#333;
 font-size:14px;
 font-weight:700;
 line-height:1.42857143;
 text-transform:none;
 margin:20px 0 0 0
}
h6 {
 color:#707070;
 font-size:12px;
 font-weight:700;
 line-height:1.66666667;
 text-transform:uppercase;
 margin:20px 0 0 0
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
 margin-top:0
}
h1+h2,
h2+h3,
h3+h4,
h4+h5,
h5+h6 {
 margin-top:10px
}
small {
 color:#707070;
 font-size:12px;
 line-height:1.3333333333
}
code,
kbd {
 font-family:monospace
}
address,
cite,
dfn,
var {
 font-style:italic
}
cite:before {
 content:"— "
}
blockquote {
 border-left:1px solid #ccc;
 color:#707070;
 margin-left:19px;
 padding:10px 20px
}
blockquote>cite {
 display:block;
 margin-top:10px
}
q {
 color:#707070
}
q:before {
 content:open-quote
}
q:after {
 content:close-quote
}
abbr {
 border-bottom:1px #707070 dotted;
 cursor:help
}
a {
 color:#3572b0;
 text-decoration:none
}
a:active,
a:focus,
a:hover {
 text-decoration:underline
}
.atlaskit-portal>#notifications-container {
 bottom:calc(calc(48px + 24px))!important
}
.modal-dialog-form .dropdown-menu div[style*=transform] {
 outline:1px solid #455166
}
.atlaskit-portal [role=dialog] header {
 box-shadow:none
}
.atlaskit-portal [role=dialog] header .jitsi-icon {
 cursor:pointer
}
.atlaskit-portal [role=dialog] header .jitsi-icon svg {
 fill:#b8c7e0
}
.atlaskit-portal [role=dialog] footer {
 box-shadow:none
}
.mobile-browser .atlaskit-portal [role=dialog] header .jitsi-icon {
 display:grid;
 place-items:center;
 height:48px;
 width:48px;
 background:#2a3a4b;
 border-radius:3px
}
.videocontainer__toptoolbar>div>div {
 background:0 0
}
.toolbox-button-wth-dialog>div:nth-child(2) {
 background:#242528;
 max-height:calc(100vh - calc(48px + 24px) - 46px);
 margin-bottom:4px;
 padding:0;
 overflow-y:auto
}
.audio-preview>div:nth-child(2),
.video-preview>div:nth-child(2) {
 margin-bottom:4px;
 outline:0;
 padding:0
}
@media (min-width:100px) and (max-width:320px) {
 .smiley-input {
  display:none
 }
 .shift-right .focus-lock>div>div {
  height:100%;
  left:0;
  position:fixed;
  top:0;
  max-width:100%;
  width:100%
 }
 .shift-right .focus-lock [role=dialog] {
  height:100%;
  max-height:100%;
  border-radius:0
 }
}
@media (min-width:480px) and (max-width:580px) {
 .shift-right .focus-lock>div>div {
  height:100%;
  left:0;
  position:fixed;
  top:0;
  max-width:100%;
  width:100%
 }
 .shift-right .focus-lock [role=dialog] {
  height:100%;
  max-height:100%;
  border-radius:0
 }
}
@media (max-width:580px) {
 .shift-right .focus-lock [role=dialog][style] {
  background-color:#131519!important
 }
 .shift-right .focus-lock [role=dialog]>div:first-child>div:nth-child(2) {
  padding:0
 }
}
div.Tooltip {
 color:#fff;
 font-size:12px;
 line-height:14px;
 padding:8px
}
* {
 -webkit-user-select:none;
 user-select:none
}
input,
textarea {
 -webkit-user-select:text;
 user-select:text
}
html {
 height:100%;
 width:100%;
 overflow:hidden
}
body {
 margin:0;
 width:100%;
 height:100%;
 font-size:12px;
 font-weight:400;
 overflow:hidden;
 color:#f1f1f1;
 background:#474747
}
.js-focus-visible :focus:not(.focus-visible) {
 outline:0
}
@media (min-width:581px) {
 .shift-right .atlaskit-portal>div:not(.Tooltip) {
  padding-left:315px
 }
}
.jitsi-icon svg {
 fill:#fff
}
.disabled .jitsi-icon svg {
 fill:#929292
}
.jitsi-icon.gray svg {
 fill:#5e6d7a;
 cursor:pointer
}
p {
 margin:0
}
body,
button,
input,
keygen,
select,
textarea {
 font-family:-apple-system,BlinkMacSystemFont,open_sanslight,"Helvetica Neue",Helvetica,Arial,sans-serif!important
}
#nowebrtc {
 display:none
}
button,
input,
select,
textarea {
 margin:0;
 vertical-align:baseline;
 font-size:1em
}
button,
input[type=button],
input[type=reset],
input[type=submit],
select {
 cursor:pointer
}
textarea {
 word-wrap:break-word;
 resize:none;
 line-height:1.5em
}
input[type=password],
input[type=text],
textarea {
 outline:0;
 resize:none
}
button {
 color:#fff;
 background-color:#44a5ff;
 border-radius:4px
}
button.no-icon {
 padding:0 1em
}
button,
form {
 display:block
}
.watermark {
 display:block;
 position:absolute;
 top:15;
 width:71px;
 height:32px;
 background-size:contain;
 background-repeat:no-repeat;
 z-index:2
}
.leftwatermark {
 left:32px;
 top:32px;
 background-position:center left;
 background-repeat:no-repeat;
 background-size:contain
}
.rightwatermark {
 right:32px;
 top:32px;
 background-position:center right
}
.poweredby {
 position:absolute;
 left:25;
 bottom:7;
 font-size:11pt;
 color:rgba(255,255,255,.5);
 text-decoration:none;
 z-index:100
}
.connected {
 color:#21b9fc;
 font-size:12px
}
.disconnected,
.lastN {
 color:#a3a3a3;
 font-size:12px
}
.aui-blanket {
 background:#000;
 transition:opacity .2s,visibility .2s;
 transition-delay:.1s;
 visibility:visible
}
#inviteLinkRef {
 -webkit-user-select:text;
 user-select:text
}
::-webkit-scrollbar {
 background:0 0;
 width:7px;
 height:7px
}
::-webkit-scrollbar-button {
 display:none
}
::-webkit-scrollbar-track {
 background:0 0
}
::-webkit-scrollbar-track-piece {
 background:0 0
}
::-webkit-scrollbar-thumb {
 background:rgba(0,0,0,.5);
 border-radius:4px
}
.flip-x {
 transform:scaleX(-1)
}
.hidden {
 display:none
}
.hide {
 display:none!important
}
.invisible {
 visibility:hidden
}
.show {
 display:block!important
}
.show-inline {
 display:inline-block!important
}
.show-flex {
 display:-webkit-box!important;
 display:-moz-box!important;
 display:-ms-flexbox!important;
 display:-webkit-flex!important;
 display:flex!important
}
.overlay__container,
.overlay__container-light {
 top:0;
 left:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:1016;
 background:#474747
}
.overlay__container-light {
 background-color:rgba(71,71,71,.7)
}
.overlay__content {
 position:absolute;
 margin:0 auto;
 height:100%;
 width:56%;
 left:50%;
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%)
}
.overlay__content_bottom {
 position:absolute;
 bottom:0
}
.overlay__policy {
 position:absolute;
 bottom:24px;
 width:100%
}
.overlay__spinner-container {
 display:flex;
 width:100%;
 height:100%;
 justify-content:center;
 align-items:center
}
.inlay {
 margin-top:14%;
 -webkit-border-radius:4px;
 border-radius:4px;
 background-clip:padding-box;
 padding:40px 38px 44px;
 color:#fff;
 background:#7a7a7a;
 text-align:center
}
.inlay__title {
 margin:17px 0;
 padding-bottom:17px;
 color:#fff!important;
 font-size:21px;
 letter-spacing:.3px;
 border-bottom:1px solid #fff
}
.inlay__text {
 color:#fff!important;
 display:block;
 margin-top:22px;
 font-size:16px
}
.inlay__icon {
 margin:0 10px;
 font-size:50px
}
.reload_overlay_title {
 display:block;
 font-size:16px;
 line-height:20px
}
.reload_overlay_text {
 display:block;
 font-size:12px;
 line-height:30px
}
#reloadProgressBar {
 background:#e9e9e9;
 border-radius:3px;
 height:5px;
 margin:5px auto;
 overflow:hidden;
 width:180px
}
#reloadProgressBar .progress-indicator-fill {
 background:#0074e0;
 height:100%;
 transition:width .5s
}
.always-on-top-toolbox,
.filmstrip-toolbox {
 background-color:#131519;
 border-radius:3px;
 display:flex;
 z-index:250
}
.always-on-top-toolbox .toolbox-icon,
.filmstrip-toolbox .toolbox-icon {
 cursor:pointer;
 padding:7px;
 width:22px;
 height:22px
}
.always-on-top-toolbox .toolbox-icon.toggled,
.filmstrip-toolbox .toolbox-icon.toggled {
 background:0 0
}
.always-on-top-toolbox .toolbox-icon.disabled,
.filmstrip-toolbox .toolbox-icon.disabled {
 cursor:initial
}
.always-on-top-toolbox {
 flex-direction:row;
 left:50%;
 position:absolute;
 bottom:10px;
 transform:translateX(-50%);
 padding:3px!important
}
.filmstrip-toolbox {
 flex-direction:column
}
.copy-button {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:8px 8px 8px 16px;
 margin-top:8px;
 width:calc(100% - 24px);
 height:24px;
 background:#0376da;
 border-radius:4px;
 cursor:pointer
}
.copy-button:hover {
 background:#278adf;
 font-weight:600
}
.copy-button-content {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-width:292px;
 margin-right:16px
}
.copy-button-content.selected {
 font-weight:600
}
.copy-button.clicked {
 background:#31b76a
}
.copy-button>div>svg>path {
 fill:#fff
}
.desktop-picker-pane {
 height:320px;
 overflow-x:hidden;
 overflow-y:auto;
 width:100%
}
.desktop-picker-pane.source-type-screen .desktop-picker-source {
 margin-left:auto;
 margin-right:auto;
 width:50%
}
.desktop-picker-pane.source-type-screen .desktop-source-preview-thumbnail {
 width:100%
}
.desktop-picker-pane.source-type-screen .desktop-source-preview-label {
 display:none
}
.desktop-picker-pane.source-type-window .desktop-picker-source {
 display:inline-block;
 width:30%
}
.desktop-picker-pane-spinner {
 justify-content:center;
 display:flex;
 height:100%;
 align-items:center
}
.desktop-picker-source {
 margin-top:10px;
 text-align:center
}
.desktop-picker-source.is-selected .desktop-source-preview-image-container {
 background:rgba(255,255,255,.3);
 border-radius:4px
}
.desktop-source-preview-label {
 margin-top:3px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.desktop-source-preview-thumbnail {
 box-shadow:5px 5px 5px grey;
 height:auto;
 max-width:100%
}
.desktop-source-preview-image-container {
 padding:10px
}
.device-selection .device-selectors {
 font-size:14px
}
.device-selection .device-selectors>div {
 display:block;
 margin-bottom:4px
}
.device-selection .device-selectors .device-selector-icon {
 align-self:center;
 color:inherit;
 font-size:20px;
 margin-left:3px
}
.device-selection .device-selectors .device-selector-label {
 margin-bottom:1px
}
.device-selection .device-selectors .device-selector-trigger {
 background-color:#0e1624;
 border:1px solid #455166;
 border-radius:5px;
 display:flex;
 height:2.3em;
 justify-content:space-between;
 line-height:2.3em;
 overflow:hidden;
 padding:0 8px
}
.device-selection .device-selectors .device-selector-trigger-disabled .device-selector-trigger {
 color:#a5adba;
 cursor:default
}
.device-selection .device-selectors .device-selector-trigger-text {
 overflow:hidden;
 text-align:center;
 text-overflow:ellipsis;
 white-space:nowrap;
 width:100%
}
.device-selection .device-selection-column {
 box-sizing:border-box;
 display:inline-block;
 vertical-align:top
}
.device-selection .device-selection-column.column-selectors {
 margin-left:15px;
 width:45%
}
.device-selection .device-selection-column.column-video {
 width:50%
}
.device-selection .device-selection-video-container {
 border-radius:3px;
 margin-bottom:5px
}
.device-selection .device-selection-video-container .video-input-preview {
 margin-top:2px;
 position:relative
}
.device-selection .device-selection-video-container .video-input-preview>video {
 border-radius:3px
}
.device-selection .device-selection-video-container .video-input-preview .video-input-preview-error {
 color:#fff;
 display:none;
 left:0;
 position:absolute;
 right:0;
 text-align:center;
 top:50%
}
.device-selection .device-selection-video-container .video-input-preview.video-preview-has-error {
 background:#000
}
.device-selection .device-selection-video-container .video-input-preview.video-preview-has-error .video-input-preview-error {
 display:block
}
.device-selection .device-selection-video-container .video-input-preview .video-input-preview-display {
 height:auto;
 overflow:hidden;
 width:100%
}
.device-selection .audio-output-preview {
 font-size:14px
}
.device-selection .audio-output-preview a {
 color:#2684ff;
 cursor:pointer;
 text-decoration:none
}
.device-selection .audio-output-preview a:hover {
 color:#b3d4ff
}
.device-selection .audio-input-preview {
 background:#1b2638;
 border-radius:5px;
 height:8px
}
.device-selection .audio-input-preview .audio-input-preview-level {
 background:#4c9aff;
 border-radius:5px;
 height:100%;
 -webkit-transition:width .1s ease-in-out;
 -moz-transition:width .1s ease-in-out;
 -o-transition:width .1s ease-in-out;
 transition:width .1s ease-in-out
}
.dialog {
 box-sizing:border-box;
 height:auto;
 min-height:131px;
 overflow:visible;
 visibility:visible;
 width:400px
}
.dialog h1,
.dialog h2,
.dialog h3,
.dialog h4,
.dialog h5,
.dialog h6 {
 color:#eceef1
}
.dialog .aui-dialog2-footer,
.dialog .aui-dialog2-header {
 background-color:#253858;
 border:none
}
.dialog .aui-dialog2-header {
 border-bottom:1px solid #253858;
 border-radius:5px 5px 0 0;
 box-sizing:border-box;
 color:#333;
 display:table;
 font-weight:400;
 height:4.8333333333em;
 margin-top:-69px;
 padding:0 20px;
 width:100%
}
.dialog .aui-dialog2-header h2 {
 font-size:1.6666666667em;
 font-weight:400;
 color:#eceef1
}
.dialog .aui-dialog2-header-main {
 display:table-cell;
 padding-right:0;
 max-width:400px;
 overflow:hidden;
 text-overflow:ellipsis;
 vertical-align:middle;
 white-space:nowrap
}
.dialog .aui-dialog2-footer {
 border-top:1px solid #253858;
 border-radius:0 0 5px 5px;
 box-sizing:border-box;
 height:51px;
 overflow:hidden;
 padding:10px 20px;
 width:100%
}
.dialog .aui-dialog2-footer:empty {
 height:5px;
 padding:0
}
.dialog .aui-dialog2-content {
 background-color:#253858;
 box-sizing:border-box;
 color:#eceef1;
 font-size:1.1666666667em;
 overflow:auto;
 max-height:100%;
 padding:20px
}
.dialog .aui-dialog2-content h3,
.dialog .aui-dialog2-content p,
.dialog .aui-dialog2-content span {
 font-weight:400
}
.dialog .aui-dialog2-content:last-child {
 border-bottom-right-radius:5px;
 border-bottom-left-radius:5px
}
.dialog .aui-dialog2-content:first-child {
 border-top-right-radius:5px;
 border-top-left-radius:5px
}
.dialog .aui-hide {
 display:none
}
.dialog .input-control {
 background-color:#344563;
 color:#eceef1
}
.dialog .form-control:not(:last-child) {
 border-bottom:1px solid #253858
}
@media all and (max-width:420px) {
 .aui-dialog2-small .aui-dialog2-content {
  height:100%
 }
}
.modal-dialog-form {
 margin-top:5px!important
}
.modal-dialog-form .input-control {
 background:#fafbfc;
 border:1px solid #f4f5f7;
 color:inherit
}
.modal-dialog-form-error {
 margin-bottom:8px
}
.modal-dialog-footer {
 font-size:14px
}
.inline-dialog-error {
 margin-top:16px
}
.inline-dialog-error-text {
 color:#344563;
 margin-bottom:8px;
 text-align:center
}
.inline-dialog-error-button {
 display:block;
 margin:16px auto 0 auto
}
.embed-meeting-dialog {
 display:flex;
 flex-direction:column
}
.embed-meeting-copy {
 color:#fff;
 font-size:15px;
 margin-left:auto;
 margin-top:16px;
 width:auto
}
.embed-meeting-code {
 background:0 0;
 border:1px solid #a4b8d1;
 color:#fff;
 font-size:15px;
 height:165px;
 line-height:24px;
 padding:8px;
 width:100%;
 resize:vertical
}
.embed-meeting-trigger {
 display:flex;
 align-items:center;
 padding:8px 8px 8px 16px;
 margin-top:24px;
 width:calc(100% - 24px);
 height:24px;
 background:#2a3a4b;
 border:1px solid #5e6d7a;
 border-radius:4px;
 cursor:pointer
}
.embed-meeting-trigger .jitsi-icon {
 margin-right:20px
}
@-webkit-keyframes shake-rotate {
 0% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
 }
 50% {
  -webkit-transform:scale(.8) rotate(-5deg);
  transform:scale(.8) rotate(-5deg)
 }
 to {
  -webkit-transform:scale(1) rotate(3deg);
  transform:scale(1) rotate(3deg)
 }
}
@keyframes shake-rotate {
 0% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
 }
 50% {
  -webkit-transform:scale(.8) rotate(-5deg);
  transform:scale(.8) rotate(-5deg)
 }
 to {
  -webkit-transform:scale(1) rotate(3deg);
  transform:scale(1) rotate(3deg)
 }
}
.shake-rotate {
 display:inline-block;
 -webkit-animation-duration:.4s;
 animation-duration:.4s;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-name:shake-rotate;
 animation-name:shake-rotate;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
.feedback-dialog .details textarea {
 min-height:100px
}
.feedback-dialog .input-control {
 background-color:#fff;
 color:#333
}
.feedback-dialog .input-control::-webkit-input-placeholder {
 color:#777
}
.feedback-dialog .input-control::-moz-placeholder {
 color:#777
}
.feedback-dialog .input-control:-ms-input-placeholder {
 color:#777
}
.feedback-dialog .rating {
 line-height:1.2;
 margin-top:10px;
 text-align:center
}
.feedback-dialog .rating .star-label {
 font-size:14px;
 height:16px
}
.feedback-dialog .rating .star-btn {
 color:inherit;
 cursor:pointer;
 display:inline-block;
 font-size:34px;
 outline:0;
 position:relative;
 text-decoration:none;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 -webkit-transition:all .2s ease;
 transition:all .2s ease
}
.feedback-dialog .rating .star-btn.active,
.feedback-dialog .rating .star-btn.starHover,
.feedback-dialog .rating .star-btn:hover {
 color:#36b37e
}
.info-dialog {
 cursor:default;
 display:flex;
 font-size:14px
}
.info-dialog .info-dialog-column {
 margin-right:10px;
 overflow:hidden
}
.info-dialog .info-dialog-column a,
.info-dialog .info-dialog-column a:active,
.info-dialog .info-dialog-column a:focus,
.info-dialog .info-dialog-column a:hover {
 text-decoration:none
}
.info-dialog .info-dialog-password,
.info-dialog .info-password,
.info-dialog .info-password-form {
 align-items:baseline;
 display:flex
}
.info-dialog .info-label {
 font-weight:700
}
.info-dialog .info-password-field {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.info-dialog .info-password-none,
.info-dialog .info-password-remote {
 opacity:.5
}
.info-dialog .info-password-input {
 width:100%;
 background-color:transparent;
 border:none;
 color:inherit;
 padding-left:0
}
.info-dialog .info-password-local {
 user-select:text
}
.dial-in-number {
 display:flex;
 justify-content:space-between;
 padding-right:8px
}
.dial-in-numbers-list {
 margin-top:20px;
 font-size:12px;
 line-height:24px;
 border-collapse:collapse
}
.dial-in-numbers-list thead {
 text-align:left
}
.dial-in-numbers-list tr {
 border-bottom:1px solid #d1dbe8
}
.dial-in-numbers-list .flag-cell {
 vertical-align:top;
 width:30px
}
.dial-in-numbers-list .flag {
 display:block;
 margin:5px 5px 0 5px
}
.dial-in-numbers-list .country {
 font-weight:700;
 vertical-align:top;
 padding:0 20px 0 0
}
.dial-in-numbers-list ul {
 padding:0
}
.dial-in-numbers-list .numbers-list {
 list-style:none;
 padding:0 20px 0 0
}
.dial-in-numbers-list .toll-free-list {
 font-weight:700;
 list-style:none;
 vertical-align:top
}
.dial-in-numbers-list li.toll-free:empty:before {
 content:".";
 visibility:hidden
}
.dial-in-page {
 align-items:center;
 box-sizing:border-box;
 display:flex;
 flex-direction:column;
 font-size:12px;
 max-height:100%;
 overflow:auto;
 padding:15pt;
 position:absolute;
 transform:translateY(-50%);
 top:50%;
 width:100%
}
.dial-in-page .dial-in-conference-id {
 text-align:center;
 min-width:200px;
 margin-top:40px
}
.dial-in-page .dial-in-conference-name,
.dial-in-page .dial-in-conference-pin {
 font-size:18px
}
.dial-in-page .dial-in-conference-description {
 margin:12px
}
.dial-in-page *,
.info-dialog * {
 user-select:text;
 -moz-user-select:text;
 -webkit-user-select:text
}
.settings-pane {
 display:flex;
 width:100%
}
.settings-pane.profile-pane {
 flex-direction:column
}
.settings-pane .auth-name {
 margin-bottom:4px
}
.settings-pane .calendar-tab,
.settings-pane .device-selection {
 margin-top:20px
}
.settings-pane .mock-atlaskit-label {
 color:#56637a;
 font-size:12px;
 font-weight:600;
 line-height:1.33;
 padding:20px 0 4px 0
}
.settings-pane input[type=checkbox]+svg+span {
 color:#9fb0cc
}
.settings-pane .calendar-tab,
.settings-pane .more-tab,
.settings-pane .profile-edit {
 display:flex;
 width:100%
}
.settings-pane .profile-edit-field {
 flex:1
}
.settings-pane .settings-sub-pane {
 flex-grow:1
}
.settings-pane .profile-edit-field {
 margin-right:20px
}
.settings-pane .language-settings {
 max-width:50%;
 width:35%
}
.settings-pane .calendar-tab {
 align-items:center;
 flex-direction:column;
 font-size:14px;
 min-height:100px;
 text-align:center
}
.settings-pane .calendar-tab-sign-in {
 margin-top:20px
}
.settings-pane .sign-out-cta {
 margin-bottom:20px
}
.speaker-stats {
 list-style:none;
 padding:0;
 width:100%;
 font-weight:500
}
.speaker-stats .speaker-stats-item__status-dot {
 position:relative;
 display:block;
 width:9px;
 height:9px;
 border-radius:50%;
 margin:0 auto
}
.speaker-stats .speaker-stats-item__status-dot.status-active {
 background:green
}
.speaker-stats .speaker-stats-item__status-dot.status-inactive {
 background:gray
}
.speaker-stats .status-user-left {
 color:#a7a7a7
}
.speaker-stats .speaker-stats-item__name,
.speaker-stats .speaker-stats-item__status,
.speaker-stats .speaker-stats-item__time {
 display:inline-block;
 margin:5px 0;
 vertical-align:middle
}
.speaker-stats .speaker-stats-item__status {
 width:5%
}
.speaker-stats .speaker-stats-item__name {
 width:40%
}
.speaker-stats .speaker-stats-item__time {
 width:55%
}
.speaker-stats .speaker-stats-item__name,
.speaker-stats .speaker-stats-item__time {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.video-quality-dialog .video-quality-dialog-title {
 margin-bottom:10px
}
.video-quality-dialog .video-quality-dialog-contents {
 align-items:center;
 display:flex;
 flex-direction:column;
 padding:10px;
 min-width:250px
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider-container {
 width:100%;
 text-align:center
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider {
 width:calc(100% - 5px)
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider::-ms-track {
 height:15px;
 border-radius:10px;
 background:#0e1624
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider::-moz-range-track {
 height:15px;
 border-radius:10px;
 background:#0e1624
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider::-webkit-slider-runnable-track {
 height:15px;
 border-radius:10px;
 background:#0e1624
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider::-ms-thumb {
 top:50%;
 border:none;
 position:relative;
 opacity:0
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider::-moz-range-thumb {
 top:50%;
 border:none;
 position:relative;
 opacity:0
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-slider::-webkit-slider-thumb {
 top:50%;
 border:none;
 position:relative;
 opacity:0
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-labels {
 box-sizing:border-box;
 display:flex;
 margin-top:5px;
 position:relative;
 width:90%
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-label-container {
 position:absolute;
 text-align:center;
 transform:translate(-50%,0)
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-label-container::before {
 content:"";
 border-radius:50%;
 left:0;
 height:6px;
 margin:0 auto;
 pointer-events:none;
 position:absolute;
 right:0;
 top:-16px;
 width:6px
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-label-container.active {
 color:#4c9aff
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-label-container.active::before {
 background:#4c9aff;
 height:12px;
 top:-19px;
 width:12px
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-label-container:first-child {
 position:relative
}
.video-quality-dialog .video-quality-dialog-contents .video-quality-dialog-label {
 display:table-caption;
 word-spacing:unset
}
.modal-dialog-form .video-quality-dialog-title {
 display:none
}
.virtual-background-dialog {
 max-height:300px;
 color:#fff;
 display:inline-grid;
 grid-template-columns:auto auto auto auto auto;
 column-gap:8px;
 cursor:pointer
}
.virtual-background-dialog .blur:hover,
.virtual-background-dialog .slight-blur:hover,
.virtual-background-dialog .thumbnail:hover,
.virtual-background-dialog .virtual-background-none:hover {
 height:56px;
 width:103px;
 opacity:.5;
 border:2px solid #99bbf3
}
@media (min-width:432px) and (max-width:632px) {
 .virtual-background-dialog .blur:hover,
 .virtual-background-dialog .slight-blur:hover,
 .virtual-background-dialog .thumbnail:hover,
 .virtual-background-dialog .virtual-background-none:hover {
  height:56px;
  width:56px
 }
}
.virtual-background-dialog .thumbnail {
 margin-top:8px;
 border-radius:6px;
 object-fit:cover;
 height:60px;
 width:107px
}
.virtual-background-dialog .thumbnail:hover~.delete-image-icon {
 display:block
}
.virtual-background-dialog .thumbnail-selected {
 margin-top:8px;
 border-radius:6px;
 object-fit:cover;
 height:60px;
 width:107px;
 border:2px solid #246fe5
}
.virtual-background-dialog .blur {
 box-shadow:inset 0 0 12px #000;
 margin-top:8px;
 background:#7e8287;
 font-weight:700;
 height:60px;
 width:107px;
 border-radius:6px;
 text-align:center;
 vertical-align:middle;
 line-height:60px
}
.virtual-background-dialog .blur-selected {
 box-shadow:inset 0 0 12px #000;
 margin-top:8px;
 background:#7e8287;
 font-weight:700;
 height:60px;
 width:107px;
 border-radius:6px;
 border:2px solid #246fe5;
 text-align:center;
 vertical-align:middle;
 line-height:60px
}
.virtual-background-dialog .slight-blur {
 box-shadow:inset 0 0 12px #000;
 margin-top:8px;
 background:#a4a4a4;
 font-weight:700;
 height:60px;
 width:107px;
 border-radius:6px;
 text-align:center;
 vertical-align:middle;
 line-height:60px
}
.virtual-background-dialog .slight-blur-selected {
 box-shadow:inset 0 0 12px #000;
 margin-top:8px;
 background:#a4a4a4;
 font-weight:700;
 height:60px;
 width:107px;
 border-radius:6px;
 border:2px solid #246fe5;
 text-align:center;
 vertical-align:middle;
 line-height:60px
}
.virtual-background-dialog .virtual-background-none {
 margin-top:8px;
 background:#525252;
 font-weight:700;
 height:60px;
 width:107px;
 border-radius:6px;
 text-align:center;
 vertical-align:middle;
 line-height:60px
}
.virtual-background-dialog .none-selected {
 margin-top:8px;
 background:#525252;
 font-weight:700;
 height:60px;
 width:107px;
 border-radius:6px;
 border:2px solid #246fe5;
 text-align:center;
 vertical-align:middle;
 line-height:60px
}
@media (min-width:432px) and (max-width:632px) {
 .virtual-background-dialog {
  font-size:1.5vw
 }
 .virtual-background-dialog .blur,
 .virtual-background-dialog .blur-selected,
 .virtual-background-dialog .none-selected,
 .virtual-background-dialog .slight-blur,
 .virtual-background-dialog .slight-blur-selected,
 .virtual-background-dialog .thumbnail,
 .virtual-background-dialog .thumbnail-selected,
 .virtual-background-dialog .virtual-background-none {
  height:60px;
  width:60px
 }
}
.modal-dialog-form .virtual-background-loading {
 overflow:hidden;
 position:fixed;
 left:50%;
 margin-top:10px;
 transform:translateX(-50%)
}
.modal-dialog-form .video-preview {
 height:250px
}
.file-upload-btn {
 display:none
}
.file-upload-label {
 font-size:14px;
 font-weight:600;
 line-height:20px;
 margin-top:16px;
 margin-bottom:8px;
 color:#669aec;
 display:inline-flex;
 cursor:pointer
}
.delete-image-icon {
 background:#3d3d3d;
 position:absolute;
 display:none;
 left:96;
 bottom:51
}
@media (min-width:432px) and (max-width:632px) {
 .delete-image-icon {
  left:51px
 }
}
.delete-image-icon:hover {
 display:block
}
.thumbnail-container {
 position:relative
}
.add-background {
 margin-right:8px
}
.apply-background-btn {
 margin-top:16px;
 float:right
}
.video-background-preview-entry {
 height:250px;
 margin-bottom:8px;
 width:572px;
 position:fixed;
 z-index:2
}
@media (min-width:432px) and (max-width:632px) {
 .video-background-preview-entry {
  width:340px
 }
}
.video-preview-loader {
 position:fixed;
 left:50%;
 top:35%;
 transform:translate(-50%,-35%)
}
.localrec-participant-stats {
 list-style:none;
 padding:0;
 width:100%;
 font-weight:500
}
.localrec-participant-stats .localrec-participant-stats-item__status-dot {
 position:relative;
 display:block;
 width:9px;
 height:9px;
 border-radius:50%;
 margin:0 auto
}
.localrec-participant-stats .localrec-participant-stats-item__status-dot.status-on {
 background:green
}
.localrec-participant-stats .localrec-participant-stats-item__status-dot.status-off {
 background:gray
}
.localrec-participant-stats .localrec-participant-stats-item__status-dot.status-unknown {
 background:#b8860b
}
.localrec-participant-stats .localrec-participant-stats-item__status-dot.status-error {
 background:#8b0000
}
.localrec-participant-stats .localrec-participant-stats-item__name,
.localrec-participant-stats .localrec-participant-stats-item__sessionid,
.localrec-participant-stats .localrec-participant-stats-item__status {
 display:inline-block;
 margin:5px 0;
 vertical-align:middle
}
.localrec-participant-stats .localrec-participant-stats-item__status {
 width:5%
}
.localrec-participant-stats .localrec-participant-stats-item__name {
 width:40%
}
.localrec-participant-stats .localrec-participant-stats-item__sessionid {
 width:55%
}
.localrec-participant-stats .localrec-participant-stats-item__name,
.localrec-participant-stats .localrec-participant-stats-item__sessionid {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.localrec-control-info-label {
 font-weight:700
}
.localrec-control-info-label:after {
 content:" "
}
.localrec-control-action-link {
 display:inline-block;
 line-height:1.5em
}
.localrec-control-action-link a {
 cursor:pointer;
 vertical-align:middle
}
.localrec-control-action-link:before {
 color:#489afe;
 content:"•";
 font-size:1.5em;
 padding:0 10px;
 vertical-align:middle
}
.localrec-control-action-link:first-child:before {
 content:"";
 padding:0
}
.localrec-control-action-links {
 font-weight:700;
 margin-top:10px;
 white-space:nowrap
}
#videoconference_page {
 min-height:100%;
 position:relative;
 transform:translate3d(0,0,0);
 width:100%
}
#layout_wrapper {
 display:flex;
 height:100%
}
#videospace {
 display:block;
 height:100%;
 width:100%;
 min-height:100%;
 position:absolute;
 top:0;
 left:0;
 right:0;
 overflow:hidden
}
#largeVideoBackgroundContainer,
.large-video-background {
 height:100%;
 left:0;
 overflow:hidden;
 position:absolute;
 top:0;
 width:100%
}
#largeVideoBackgroundContainer #largeVideoBackground,
.large-video-background #largeVideoBackground {
 min-height:100%;
 min-width:100%
}
#largeVideoBackgroundContainer {
 filter:blur(40px)
}
.videocontainer {
 position:relative;
 text-align:center
}
.videocontainer__background {
 position:absolute;
 top:0;
 left:0;
 background-color:#000;
 border-radius:4px;
 width:100%;
 height:100%
}
.videocontainer__toolbar,
.videocontainer__toptoolbar {
 position:absolute;
 left:0;
 pointer-events:none;
 z-index:10;
 width:100%;
 box-sizing:border-box;
 pointer-events:none
}
.videocontainer__toolbar *,
.videocontainer__toptoolbar * {
 pointer-events:auto
}
.videocontainer__toolbar .indicator-container,
.videocontainer__toptoolbar .indicator-container {
 display:inline-block;
 float:left;
 pointer-events:all
}
.videocontainer__toolbar {
 bottom:0;
 height:22px;
 padding:0 5px 0 5px
}
.videocontainer__toptoolbar {
 top:0;
 padding-bottom:0;
 text-align:left
}
.videocontainer__toptoolbar .indicator {
 margin-left:5px;
 margin-top:5px
}
.videocontainer__toptoolbar .indicator-container:nth-child(1) .indicator {
 margin-left:5px
}
.videocontainer__toptoolbar .indicator-container {
 display:inline-block;
 vertical-align:top
}
.videocontainer__toptoolbar .indicator-container .popover-trigger {
 display:inline-block
}
.videocontainer__toptoolbar .connection-indicator,
.videocontainer__toptoolbar .indicator {
 position:relative;
 font-size:8px;
 text-align:center;
 line-height:22px;
 padding:0;
 width:22px;
 height:22px;
 border-radius:50%;
 box-sizing:border-box;
 z-index:3;
 background:#165ecc;
 color:#fff;
 border:2px solid #fff
}
.videocontainer__toptoolbar .connection-indicator .indicatoricon,
.videocontainer__toptoolbar .indicator .indicatoricon {
 top:50%;
 left:50%;
 position:absolute;
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.videocontainer__toptoolbar .connection-indicator .connection,
.videocontainer__toptoolbar .indicator .connection {
 position:relative;
 display:inline-block;
 margin:0 auto;
 left:0;
 -moz-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 -webkit-transform:translate(0,-50%);
 -o-transform:translate(0,-50%);
 transform:translate(0,-50%)
}
.videocontainer__toptoolbar .connection-indicator .connection_empty,
.videocontainer__toptoolbar .connection-indicator .connection_lost,
.videocontainer__toptoolbar .indicator .connection_empty,
.videocontainer__toptoolbar .indicator .connection_lost {
 color:#8b8b8b;
 overflow:hidden
}
.videocontainer__toptoolbar .connection-indicator .connection_full,
.videocontainer__toptoolbar .indicator .connection_full {
 position:absolute;
 top:0;
 left:0;
 color:#fff;
 overflow:hidden
}
.videocontainer__toptoolbar .connection-indicator .connection_ninja,
.videocontainer__toptoolbar .indicator .connection_ninja {
 font-size:1.5em
}
.videocontainer__toptoolbar .connection-indicator .icon-gsm-bars,
.videocontainer__toptoolbar .indicator .icon-gsm-bars {
 cursor:pointer;
 font-size:1em
}
.videocontainer__toptoolbar .hide-connection-indicator {
 display:none
}
.videocontainer__hoverOverlay {
 background:rgba(0,0,0,.6);
 border-radius:4px;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 visibility:hidden;
 z-index:2
}
@media (min-width:581px) {
 .videocontainer.shift-right#largeVideoContainer {
  margin-left:315px;
  width:calc(100% - 315px)
 }
}
#localVideoWrapper {
 display:inline-block
}
.flipVideoX {
 transform:scale(-1,1);
 -moz-transform:scale(-1,1);
 -webkit-transform:scale(-1,1);
 -o-transform:scale(-1,1)
}
#localVideoWrapper object,
#localVideoWrapper video {
 border-radius:4px!important;
 cursor:hand;
 object-fit:cover
}
#largeVideo,
#largeVideoContainer,
#largeVideoWrapper {
 overflow:hidden;
 text-align:center
}
#largeVideoContainer {
 height:100%;
 width:100%
}
#largeVideoWrapper {
 box-shadow:0 0 20px -2px #444
}
#largeVideo,
#largeVideoWrapper {
 object-fit:cover
}
#etherpad,
#largeVideoWrapper,
#largeVideoWrapper>object,
#largeVideoWrapper>video,
#localVideoWrapper,
#localVideoWrapper object,
#localVideoWrapper video,
#sharedVideo,
.videocontainer>object,
.videocontainer>video {
 position:absolute;
 left:0;
 top:0;
 z-index:1;
 width:100%;
 height:100%
}
#etherpad {
 text-align:center
}
#etherpad {
 z-index:0
}
#alwaysOnTop .displayname,
.videocontainer .displayname,
.videocontainer .editdisplayname {
 display:inline-block;
 position:absolute;
 left:10%;
 width:80%;
 top:50%;
 -moz-transform:translateY(-40%);
 -ms-transform:translateY(-40%);
 -webkit-transform:translateY(-40%);
 -o-transform:translateY(-40%);
 transform:translateY(-40%);
 color:#fff;
 text-align:center;
 text-overflow:ellipsis;
 font-size:12px;
 font-weight:100;
 overflow:hidden;
 white-space:nowrap;
 line-height:22px;
 z-index:2
}
#alwaysOnTop .displayname {
 font-size:15px;
 position:inherit;
 width:100%;
 left:0;
 top:0;
 margin-top:10px
}
.videocontainer .editdisplayname {
 outline:0;
 border:none;
 background:0 0;
 box-shadow:none;
 padding:0
}
#localVideoContainer .displayname:hover {
 cursor:text
}
.videocontainer .displayname {
 pointer-events:none;
 padding:0 3px 0 3px
}
.videocontainer .editdisplayname {
 height:auto
}
#localDisplayName {
 pointer-events:auto!important
}
.videocontainer>a.displayname {
 display:inline-block;
 position:absolute;
 color:#fff;
 bottom:0;
 right:0;
 padding:3px 5px;
 font-size:9pt;
 cursor:pointer;
 z-index:2
}
.videocontainer .toolbar-icon {
 font-size:8pt;
 text-align:center;
 text-shadow:0 1px 0 rgba(255,255,255,.3),0 -1px 0 rgba(0,0,0,.7);
 color:#fff;
 width:12px;
 line-height:22px;
 height:22px;
 padding:0;
 border:0;
 margin:0 5px 0 0
}
.toolbar-icon>div {
 height:22px;
 display:flex;
 flex-direction:column;
 justify-content:center
}
.moderator-icon {
 display:inline-block
}
.moderator-icon.right {
 float:right;
 margin:0 0 0 5px
}
.moderator-icon .toolbar-icon {
 margin:0
}
.raisehandindicator {
 background:#d6d61e
}
.connection-indicator {
 background:#165ecc
}
.connection-indicator.status-high {
 background:green
}
.connection-indicator.status-med {
 background:#ffd740
}
.connection-indicator.status-lost {
 background:gray
}
.connection-indicator.status-low {
 background:#bf2117
}
.connection-indicator.status-other {
 background:#165ecc
}
.local-video-menu-trigger,
.localvideomenu,
.remote-video-menu-trigger,
.remotevideomenu {
 display:inline-block;
 position:absolute;
 top:0;
 right:0;
 z-index:2;
 width:18px;
 height:13px;
 color:#fff;
 font-size:10pt;
 margin-right:initial
}
.local-video-menu-trigger>i,
.localvideomenu>i,
.remote-video-menu-trigger>i,
.remotevideomenu>i {
 cursor:hand
}
.local-video-menu-trigger,
.remote-video-menu-trigger {
 margin-top:7px
}
.videocontainer>.audioindicator-container,
.videocontainer>span.audioindicator {
 position:absolute;
 display:inline-block;
 left:6px;
 top:50%;
 margin-top:-17px;
 width:6px;
 height:35px;
 z-index:2;
 border:none
}
.videocontainer>.audioindicator-container .audiodot-bottom,
.videocontainer>.audioindicator-container .audiodot-middle,
.videocontainer>.audioindicator-container .audiodot-top,
.videocontainer>span.audioindicator .audiodot-bottom,
.videocontainer>span.audioindicator .audiodot-middle,
.videocontainer>span.audioindicator .audiodot-top {
 opacity:0;
 display:inline-block;
 width:5px;
 height:5px;
 border-radius:50%;
 background:rgba(9,36,77,.9);
 margin:1px 0 1px 0;
 transition:opacity .25s ease-in-out;
 -moz-transition:opacity .25s ease-in-out
}
.videocontainer>.audioindicator-container span.audiodot-bottom::after,
.videocontainer>.audioindicator-container span.audiodot-middle::after,
.videocontainer>.audioindicator-container span.audiodot-top::after,
.videocontainer>span.audioindicator span.audiodot-bottom::after,
.videocontainer>span.audioindicator span.audiodot-middle::after,
.videocontainer>span.audioindicator span.audiodot-top::after {
 content:"";
 display:inline-block;
 width:5px;
 height:5px;
 border-radius:50%;
 -webkit-filter:blur(.5px);
 filter:blur(.5px);
 background:#44a5ff
}
#reloadPresentation {
 display:none;
 position:absolute;
 color:#fff;
 top:0;
 right:0;
 padding:10px 10px;
 font-size:11pt;
 cursor:pointer;
 background:rgba(0,0,0,.3);
 border-radius:5px;
 background-clip:padding-box;
 -webkit-border-radius:5px;
 -webkit-background-clip:padding-box;
 z-index:20
}
#dominantSpeaker {
 visibility:hidden;
 width:300px;
 height:300px;
 margin:auto;
 position:relative;
 top:50%;
 transform:translateY(-50%)
}
#mixedstream {
 display:none!important
}
#dominantSpeakerAvatarContainer,
.dynamic-shadow {
 width:200px;
 height:200px
}
#dominantSpeakerAvatarContainer {
 top:50px;
 margin:auto;
 position:relative;
 overflow:hidden;
 visibility:inherit
}
.dynamic-shadow {
 border-radius:50%;
 position:absolute;
 top:50%;
 left:50%;
 margin:-100px 0 0 -100px;
 transition:box-shadow .3s ease
}
.avatar-container {
 max-width:60px;
 max-height:60px;
 top:50%;
 left:50%;
 position:absolute;
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 display:flex;
 justify-content:center;
 height:50%;
 width:auto;
 overflow:hidden
}
.avatar-container .userAvatar {
 height:100%;
 object-fit:cover;
 width:100%;
 top:0;
 left:0;
 position:absolute
}
#videoNotAvailableScreen {
 text-align:center
}
#videoNotAvailableScreen #avatarContainer {
 border-radius:50%;
 display:inline-block;
 height:50vh;
 margin-top:25vh;
 overflow:hidden;
 width:50vh
}
#videoNotAvailableScreen #avatarContainer #avatar {
 height:100%;
 object-fit:cover;
 width:100%
}
.sharedVideoAvatar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 object-fit:cover
}
.videoMessageFilter {
 -webkit-filter:grayscale(.5) opacity(.8);
 filter:grayscale(.5) opacity(.8)
}
#remoteConnectionMessage,
#remotePresenceMessage {
 position:absolute;
 width:auto;
 z-index:2;
 font-weight:600;
 font-size:14px;
 text-align:center;
 color:#fff;
 left:50%;
 transform:translate(-50%,0)
}
#remoteConnectionMessage,
#remotePresenceMessage .presence-label {
 opacity:.8;
 text-shadow:0 0 1px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.3),1px 0 1px rgba(0,0,0,.3),0 0 1px rgba(0,0,0,.3);
 background:rgba(0,0,0,.5);
 border-radius:5px;
 padding:5px;
 padding-left:10px;
 padding-right:10px
}
#remoteConnectionMessage {
 display:none
}
.display-avatar-with-name .avatar-container {
 visibility:visible
}
.display-avatar-with-name .displayNameContainer {
 visibility:visible
}
.display-avatar-with-name .videocontainer__hoverOverlay {
 visibility:visible
}
.display-avatar-with-name video {
 visibility:hidden
}
.display-name-on-black .avatar-container {
 visibility:hidden
}
.display-name-on-black .displayNameContainer {
 visibility:visible
}
.display-name-on-black .videocontainer__hoverOverlay {
 visibility:hidden
}
.display-name-on-black video {
 opacity:.2;
 visibility:visible
}
.display-video .avatar-container {
 visibility:hidden
}
.display-video .displayNameContainer {
 visibility:hidden
}
.display-video .videocontainer__hoverOverlay {
 visibility:hidden
}
.display-video video {
 visibility:visible
}
.display-name-on-video .avatar-container {
 visibility:hidden
}
.display-name-on-video .displayNameContainer {
 visibility:visible
}
.display-name-on-video .videocontainer__hoverOverlay {
 visibility:visible
}
.display-name-on-video video {
 visibility:visible
}
.display-avatar-only .avatar-container {
 visibility:visible
}
.display-avatar-only .displayNameContainer {
 visibility:hidden
}
.display-avatar-only .videocontainer__hoverOverlay {
 visibility:hidden
}
.display-avatar-only video {
 visibility:hidden
}
.presence-label {
 color:#fff;
 font-size:12px;
 font-weight:100;
 left:0;
 margin:0 auto;
 overflow:hidden;
 pointer-events:none;
 right:0;
 text-align:center;
 text-overflow:ellipsis;
 top:calc(50% + 30px);
 white-space:nowrap;
 width:100%
}
.notice {
 position:absolute;
 left:50%;
 z-index:3;
 margin-top:6px;
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%)
}
.notice__message {
 background-color:#000;
 color:#fff;
 padding:3px;
 border-radius:5px
}
.subject {
 box-sizing:border-box;
 color:#fff;
 margin-top:20px;
 position:absolute;
 top:-120px;
 transition:top .3s ease-in;
 width:100%;
 z-index:3
}
.subject.visible {
 top:0
}
.subject-info-container {
 display:flex;
 justify-content:center;
 max-width:calc(100% - 280px);
 margin:0 auto
}
.subject-info-container--full-width {
 max-width:100%
}
@media (max-width:500px) {
 .subject-info-container {
  flex-wrap:wrap;
  max-width:100%
 }
}
.subject-info {
 align-items:center;
 display:flex;
 margin-bottom:4px;
 max-width:80%;
 height:28px
}
.subject-text {
 background:rgba(0,0,0,.6);
 border-radius:3px 0 0 3px;
 font-size:14px;
 line-height:24px;
 padding:2px 16px;
 height:24px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.subject-timer {
 background:rgba(0,0,0,.8);
 border-radius:0 3px 3px 0;
 display:inline-block;
 font-size:12px;
 line-height:16px;
 min-width:34px;
 padding:6px 8px
}
.popupmenu {
 background-color:#242528;
 border-radius:3px;
 min-width:150px;
 text-align:left;
 padding:0;
 white-space:nowrap
}
.popupmenu__item {
 list-style-type:none;
 height:35px
}
.popupmenu__contents,
.popupmenu__link {
 display:block;
 box-sizing:border-box;
 text-decoration:none;
 height:100%;
 font-size:9pt;
 width:100%;
 cursor:pointer;
 padding:0 5px;
 color:#fff!important
}
.popupmenu__contents:hover,
.popupmenu__link:hover {
 background-color:rgba(255,255,255,.1);
 color:#fff!important
}
.popupmenu__contents.disabled,
.popupmenu__link.disabled {
 pointer-events:none
}
.popupmenu__text {
 display:inline-block;
 margin-left:8px;
 vertical-align:middle
}
.popupmenu__link i {
 cursor:pointer
}
.popupmenu__contents {
 display:flex
}
.popupmenu__contents .popupmenu__slider_container {
 position:relative;
 width:100%
}
.popupmenu__contents .popupmenu__slider_container .popupmenu__slider {
 position:absolute;
 top:50%;
 transform:translate(0,-50%);
 width:100%
}
.popupmenu__contents .popupmenu__slider_container .popupmenu__slider::-webkit-slider-runnable-track {
 background-color:#0376da
}
.popupmenu__contents .popupmenu__slider_container .popupmenu__slider::-moz-range-track {
 background-color:#0376da
}
.popupmenu__contents .popupmenu__slider_container .popupmenu__slider::-ms-fill-lower {
 background-color:#0376da
}
.popupmenu__icon {
 vertical-align:middle;
 position:relative;
 display:inline-block;
 min-width:20px;
 height:100%;
 padding-right:10px
}
.popupmenu__icon>* {
 top:50%;
 left:50%;
 position:absolute;
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.popupmenu .icon-kick,
.popupmenu .icon-play,
.popupmenu .icon-stop {
 font-size:8pt
}
ul.popupmenu {
 margin:-16px -24px
}
span.localvideomenu:hover ul.popupmenu,
span.remotevideomenu:hover ul.popupmenu,
ul.popupmenu:hover {
 display:block!important
}
.recordingSpinner {
 vertical-align:top
}
.recording-dialog {
 flex:0;
 flex-direction:column
}
.recording-dialog .recording-header {
 display:flex;
 flex:0;
 flex-direction:row;
 justify-content:space-between;
 padding-top:32px
}
.recording-dialog .recording-header .recording-title {
 display:inline-flex;
 align-items:center;
 font-size:16px;
 margin-left:16px
}
.recording-dialog .recording-header-line {
 border-top:1px solid #5e6d7a
}
.recording-dialog .recording-switch-disabled {
 opacity:.5
}
.recording-dialog .recording-icon-container {
 display:inline-flex;
 align-items:center
}
.recording-dialog .recording-icon {
 width:32px;
 height:32px;
 object-fit:contain
}
.recording-dialog .recording-switch {
 margin-left:auto
}
.recording-dialog .authorization-panel {
 display:flex;
 flex-direction:column;
 margin:0 40px 10px 40px;
 padding-bottom:10px
}
.recording-dialog .authorization-panel .logged-in-panel {
 padding:10px
}
.live-stream-dialog {
 font-size:14px
}
.live-stream-dialog .broadcast-dropdown,
.live-stream-dialog .broadcast-dropdown-trigger {
 text-align:left
}
.live-stream-dialog .form-footer {
 display:flex;
 margin-top:5px;
 text-align:right;
 flex-direction:column
}
.live-stream-dialog .form-footer .help-container {
 display:flex
}
.live-stream-dialog .live-stream-cta a {
 cursor:pointer
}
.live-stream-dialog .google-api {
 margin-top:10px;
 min-height:36px;
 text-align:center;
 width:100%
}
.live-stream-dialog .google-error {
 color:#c61600
}
.live-stream-dialog .google-panel {
 align-items:center;
 border-bottom:2px solid rgba(0,0,0,.3);
 display:flex;
 flex-direction:column;
 padding-bottom:10px
}
.live-stream-dialog .helper-link {
 cursor:pointer;
 display:inline-block;
 flex-shrink:0;
 margin-left:auto
}
.live-stream-dialog .warning-text {
 color:#ffd740;
 font-size:12px
}
div.loginmenu {
 position:absolute;
 margin:0;
 padding:5px;
 top:40px;
 left:20px
}
a.disabled {
 color:gray!important;
 pointer-events:none
}
.loginmenu.extendedToolbarPopup {
 top:20px;
 left:40px
}
#sideToolbarContainer {
 background-color:#131519;
 box-sizing:border-box;
 color:#fff;
 display:flex;
 flex-direction:column;
 height:100%;
 left:-315px;
 overflow:hidden;
 position:absolute;
 top:0;
 width:315px;
 z-index:200
}
#sideToolbarContainer.slideInExt {
 left:0
}
#chatconversation {
 box-sizing:border-box;
 flex:1;
 font-size:10pt;
 line-height:20px;
 overflow:auto;
 padding:16px;
 text-align:left;
 width:315px;
 word-wrap:break-word;
 display:flex;
 flex-direction:column
}
#chatconversation>:first-child {
 margin-top:auto
}
#chatconversation a {
 display:block
}
#chatconversation a:link {
 color:#b8b8b8
}
#chatconversation a:visited {
 color:#fff
}
#chatconversation a:hover {
 color:#d5d5d5
}
#chatconversation a:active {
 color:#000
}
#chatconversation::-webkit-scrollbar {
 background:#06a5df;
 width:7px
}
#chatconversation::-webkit-scrollbar-button {
 display:none
}
#chatconversation::-webkit-scrollbar-track {
 background:#000
}
#chatconversation::-webkit-scrollbar-track-piece {
 background:#000
}
#chatconversation::-webkit-scrollbar-thumb {
 background:#06a5df;
 border-radius:4px
}
#chat-recipient {
 align-items:center;
 background-color:#99454d;
 display:flex;
 flex-direction:row;
 font-weight:100;
 padding:10px
}
#chat-recipient span {
 color:#fff;
 display:flex;
 flex:1
}
#chat-recipient div svg {
 cursor:pointer;
 fill:#fff
}
.chat-header {
 height:70px;
 position:relative;
 width:100%;
 z-index:1;
 display:flex;
 justify-content:flex-end;
 padding:16px;
 align-items:center;
 box-sizing:border-box;
 color:#fff;
 font-weight:600;
 font-size:24px;
 line-height:32px
}
.chat-header .jitsi-icon {
 cursor:pointer
}
.chat-input-container {
 padding:0 16px 16px
}
.chat-input-container.populated #chat-input .send-button {
 background:#1b67ec;
 cursor:pointer
}
@media (hover:hover) and (pointer:fine) {
 .chat-input-container.populated #chat-input .send-button:hover {
  background:#3d82fb
 }
}
.chat-input-container.populated #chat-input .send-button:active {
 background:#0852d4
}
.chat-input-container.populated #chat-input .send-button path {
 fill:#fff
}
#chat-input {
 border:1px solid #a4b8d1;
 display:flex;
 padding:4px;
 border-radius:3px
}
#chat-input:focus-within {
 border:1px solid #619cf4
}
#chat-input * {
 background-color:transparent
}
.send-button-container {
 display:flex;
 align-items:center
}
.send-button {
 display:flex;
 align-items:center;
 justify-content:center;
 height:40px;
 width:40px;
 border-radius:3px
}
.send-button path {
 fill:#a4b8d1
}
.smiley-button {
 display:flex;
 align-items:center;
 justify-content:center;
 height:40px;
 width:40px;
 border-radius:3px
}
@media (hover:hover) and (pointer:fine) {
 #chat-input .smiley-button:hover {
  background-color:#484a4f
 }
}
.remoteuser {
 color:#b8c7e0
}
.usrmsg-form {
 flex:1
}
#usermsg {
 border:0 none;
 border-radius:0;
 box-shadow:none;
 color:#fff;
 font-size:14px;
 padding:10px;
 overflow-y:auto;
 resize:none;
 width:100%;
 word-break:break-word
}
#usermsg:hover {
 border:0 none;
 box-shadow:none
}
#nickname {
 text-align:center;
 color:#9d9d9d;
 font-size:16px;
 margin:auto 0;
 padding:0 16px
}
#nickname input {
 height:40px
}
#nickname label {
 line-height:24px
}
#nickname .enter-chat {
 display:flex;
 align-items:center;
 justify-content:center;
 margin-top:16px;
 height:40px;
 background:#1b67ec;
 border-radius:3px;
 color:#fff;
 cursor:pointer
}
#nickname .enter-chat.disabled {
 color:#757575;
 background:#11336e;
 pointer-events:none
}
.mobile-browser #nickname input {
 height:48px
}
.mobile-browser #nickname .enter-chat {
 height:48px
}
.mobile-browser #usermsg {
 font-size:16px
}
.mobile-browser .chatmessage .usermessage {
 font-size:16px
}
.sideToolbarContainer * {
 -webkit-user-select:text;
 user-select:text
}
.sideToolbarContainer .display-name {
 font-size:12px;
 font-weight:600;
 margin-bottom:5px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
@media (max-width:580px) {
 .sideToolbarContainer {
  display:none!important
 }
}
.chatmessage {
 background-color:#242528;
 border-radius:0 6px 6px 6px;
 box-sizing:border-box;
 color:#fff;
 margin-top:3px;
 max-width:100%;
 position:relative
}
.chatmessage.localuser {
 background-color:#484a4f;
 border-radius:6px 0 6px 6px
}
.chatmessage .usermessage {
 white-space:pre-wrap;
 font-size:14px
}
.chatmessage.error {
 border-radius:0
}
.chatmessage.error .display-name,
.chatmessage.error .timestamp {
 display:none
}
.chatmessage.error .usermessage {
 color:red;
 padding:0
}
.chatmessage .privatemessagenotice {
 font-size:11px;
 font-weight:100
}
.chatmessage .messagecontent {
 margin:8px;
 max-width:100%;
 overflow:hidden
}
.timestamp {
 color:#757575
}
.smiley {
 font-size:14pt
}
#smileys {
 font-size:20pt;
 margin:auto;
 cursor:pointer
}
#smileys img {
 width:22px;
 padding:2px
}
#smileysarea {
 display:flex;
 max-height:150px;
 min-height:35px;
 overflow:hidden
}
.smiley-input {
 display:flex;
 position:relative
}
.smileys-panel {
 bottom:100%;
 box-sizing:border-box;
 background-color:rgba(0,0,0,.6)!important;
 height:auto;
 max-height:0;
 overflow:hidden;
 position:absolute;
 width:calc(315px - 32px);
 margin-bottom:5px;
 margin-left:-5px;
 transition:max-height .3s
}
.smileys-panel.show-smileys {
 max-height:500%
}
.smileys-panel #smileysContainer {
 background-color:#131519;
 border-top:1px solid #a4b8d1
}
#smileysContainer .smiley {
 font-size:20pt
}
.smileyContainer {
 width:40px;
 height:36px;
 display:inline-block;
 text-align:center
}
.smileyContainer:hover {
 background-color:rgba(255,255,255,.15);
 border-radius:5px;
 cursor:pointer
}
#usermsg::-webkit-scrollbar-track-piece {
 background:#3a3a3a
}
.chat-message-group {
 display:flex;
 flex-direction:column
}
.chat-message-group.local {
 align-items:flex-end
}
.chat-message-group.local .chatmessage {
 background-color:#484a4f;
 border-radius:6px 0 6px 6px
}
.chat-message-group.local .chatmessage.privatemessage {
 background-color:#99454d
}
.chat-message-group.local .display-name {
 display:none
}
.chat-message-group.local .timestamp {
 text-align:right
}
.chat-message-group.error .chatmessage {
 background-color:#d77976;
 border-radius:0;
 font-weight:100
}
.chat-message-group.error .display-name {
 display:none
}
.chat-message-group .chatmessage-wrapper {
 max-width:100%
}
.chat-message-group .chatmessage-wrapper .replywrapper {
 display:flex;
 flex-direction:row;
 align-items:center
}
.chat-message-group .chatmessage-wrapper .replywrapper .messageactions {
 align-self:stretch;
 border-left:1px solid #ad6970;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:5px
}
.chat-message-group .chatmessage-wrapper .replywrapper .messageactions .toolbox-icon {
 cursor:pointer
}
.chat-message-group .chatmessage {
 background-color:#242528;
 border-radius:0 6px 6px 6px;
 display:inline-block;
 margin-top:3px;
 color:#fff
}
.chat-message-group .chatmessage.privatemessage {
 background-color:#99454d
}
.chat-dialog {
 display:flex;
 flex-direction:column;
 height:100%;
 margin-top:-5px
}
.chat-dialog-header {
 display:flex;
 justify-content:flex-end;
 align-items:center;
 margin:16px;
 width:calc(100% - 32px);
 box-sizing:border-box;
 color:#fff;
 font-weight:600;
 font-size:24px;
 line-height:32px
}
.chat-dialog-header .jitsi-icon {
 cursor:pointer
}
.chat-dialog #chatconversation {
 width:100%
}
.touchmove-hack {
 display:flex;
 flex:1;
 overflow:auto
}
.mobile-browser .chat-dialog-header .jitsi-icon {
 display:grid;
 place-items:center;
 height:48px;
 width:48px;
 background:#36383c;
 border-radius:3px
}
.ringing {
 display:block;
 left:0;
 top:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:300;
 background-color:rgba(40,52,71,.95)
}
.ringing.solidBG {
 background:#474747
}
.ringing__content {
 position:absolute;
 width:400px;
 height:250px;
 left:50%;
 top:50%;
 margin-left:-200px;
 margin-top:-125px;
 text-align:center;
 font-weight:400;
 color:#fff
}
.ringing__avatar {
 width:128px;
 height:128px;
 border-radius:50%;
 border:2px solid #1b2638
}
.ringing__status {
 margin-top:15px;
 font-size:14px;
 line-height:20px
}
.ringing__name {
 font-size:24px;
 line-height:32px
}
body.welcome-page {
 background:inherit;
 overflow:auto
}
.welcome {
 background-image:none;
 background-color:#fff;
 display:flex;
 flex-direction:column;
 font-family:inherit;
 justify-content:space-between;
 min-height:100vh;
 position:relative
}
.welcome .header {
 background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/welcome-background.png);
 background-position:center;
 background-repeat:none;
 background-size:cover;
 padding-bottom:0;
 background-color:#131519;
 height:400px;
 overflow:hidden;
 position:relative
}
.welcome .header .header-container {
 display:flex;
 flex-direction:column;
 margin:104px 32px 0 32px;
 z-index:2
}
.welcome .header .header-text-title {
 color:#fff;
 font-size:42px;
 font-weight:400;
 line-height:50px;
 margin-bottom:0;
 max-width:initial;
 opacity:1;
 text-align:center
}
.welcome .header .header-text-subtitle {
 color:#fff;
 font-size:20px;
 font-weight:600;
 line-height:26px;
 margin:16px 0 32px 0;
 text-align:center
}
.welcome .header #enter_room {
 display:flex;
 align-items:center;
 max-width:480px;
 width:calc(100% - 32px);
 z-index:2;
 background-color:#fff;
 padding:4px;
 border-radius:4px;
 margin:0 auto
}
.welcome .header #enter_room .enter-room-input-container {
 text-align:left;
 color:#253858;
 flex-grow:1;
 height:fit-content;
 padding-right:4px;
 position:relative
}
.welcome .header #enter_room .enter-room-input-container .enter-room-input {
 border:0;
 background:#fff;
 display:inline-block;
 height:50px;
 width:100%;
 font-size:14px;
 padding-left:10px
}
.welcome .header #enter_room .enter-room-input-container .enter-room-input:focus {
 outline:auto 2px #005fcc
}
.welcome .header #enter_room .enter-room-input-container .insecure-room-name-warning {
 align-items:center;
 color:#d77976;
 display:flex;
 flex-direction:row;
 margin-top:15px
}
.welcome .header #enter_room .enter-room-input-container .insecure-room-name-warning .jitsi-icon {
 margin-right:15px
}
.welcome .header #enter_room .enter-room-input-container .insecure-room-name-warning .jitsi-icon svg {
 fill:#d77976
}
.welcome .header #enter_room .enter-room-input-container ::placeholder {
 color:#253858
}
.welcome .header #enter_room .warning-without-link {
 position:absolute;
 top:44px;
 left:-10px
}
.welcome .header #enter_room .warning-with-link {
 position:absolute;
 top:84px
}
.welcome .header #moderated-meetings {
 max-width:calc(100% - 40px);
 padding:16px 0 39px 0;
 margin:0 auto;
 width:calc(100% - 32px)
}
.welcome .header #moderated-meetings p {
 color:#fff;
 text-align:center
}
.welcome .header #moderated-meetings p a {
 color:inherit;
 font-weight:600
}
.welcome .tab-container {
 font-size:16px;
 position:relative;
 text-align:left;
 display:flex;
 flex-direction:column
}
.welcome .tab-container .tab-content {
 display:inherit;
 height:250px;
 margin:5px 0;
 overflow:hidden;
 flex-grow:1;
 position:relative
}
.welcome .tab-container .tab-buttons {
 background-color:#c7ddff;
 border-radius:6px;
 color:#0163ff;
 font-size:14px;
 line-height:18px;
 margin:4px;
 display:flex
}
.welcome .tab-container .tab-buttons .tab {
 background-color:#c7ddff;
 border-radius:7px;
 cursor:pointer;
 display:block;
 flex-grow:1;
 margin:2px;
 padding:7px 0;
 text-align:center
}
.welcome .tab-container .tab-buttons .tab.selected {
 background-color:#fff
}
.welcome .welcome-page-button {
 border:0;
 font-size:14px;
 background:#0074e0;
 border-radius:3px;
 color:#fff;
 cursor:pointer;
 padding:16px 20px
}
.welcome .welcome-page-button:focus-within {
 outline:auto 2px #022e61
}
.welcome .welcome-page-settings {
 background:rgba(255,255,255,.38);
 border-radius:3px;
 color:#fff;
 padding:4px;
 position:absolute;
 top:32px;
 right:32px;
 z-index:2
}
.welcome .welcome-page-settings * {
 cursor:pointer;
 font-size:32px
}
.welcome .welcome-page-settings .toolbox-icon {
 height:24px;
 width:24px
}
.welcome .welcome-watermark {
 position:absolute;
 width:100%;
 height:100%
}
.welcome .welcome-watermark .watermark.leftwatermark {
 width:71px;
 height:32px;
}
.welcome.without-content .welcome-card {
 min-width:500px;
 max-width:580px
}
.welcome.without-footer {
 justify-content:start
}
.welcome .welcome-cards-container {
 color:#131519;
 padding-top:40px
}
.welcome .welcome-card-row {
 display:flex;
 justify-content:center;
 padding:0 32px
}
.welcome .welcome-card-text {
 padding:32px
}
.welcome .welcome-card {
 width:49%;
 border-radius:8px
}
.welcome .welcome-card--dark {
 background:#444447;
 color:#fff
}
.welcome .welcome-card--blue {
 background:#d5e5ff
}
.welcome .welcome-card--grey {
 background:#f2f3f4
}
.welcome .welcome-card--shadow {
 box-shadow:0 4px 30px rgba(0,0,0,.15)
}
.welcome .welcome-footer {
 background:#131519;
 color:#fff;
 margin-top:40px;
 position:relative
}
.welcome .welcome-footer-centered {
 max-width:688px;
 margin:0 auto
}
.welcome .welcome-footer-padded {
 padding:0 16px
}
.welcome .welcome-footer-row-block {
 display:flex;
 justify-content:space-between;
 align-items:center;
 border-bottom:1px solid #424447
}
.welcome .welcome-footer-row-block:last-child {
 border-bottom:none
}
.welcome .welcome-footer--row-1 {
 padding:40px 0 24px 0
}
.welcome .welcome-footer-row-1-text {
 max-width:200px;
 margin-right:16px
}
.badge-round {
 background-color:#165ecc;
 border-radius:50%;
 box-sizing:border-box;
 color:#fff;
 font-family:-apple-system,BlinkMacSystemFont,open_sanslight,"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size:9px;
 font-weight:700;
 line-height:13px;
 min-width:13px;
 overflow:hidden;
 text-align:center;
 text-overflow:ellipsis;
 vertical-align:middle
}
.new-toolbox {
 bottom:calc((48px * 2) * -1);
 left:0;
 position:absolute;
 right:0;
 transition:bottom .3s ease-in;
 width:100%
}
.new-toolbox.visible {
 bottom:0
}
.new-toolbox.no-buttons {
 display:none
}
@media (min-width:581px) {
 .new-toolbox.shift-right {
  margin-left:315px;
  width:calc(100% - 315px)
 }
}
.toolbox-content {
 align-items:center;
 box-sizing:border-box;
 display:flex;
 margin-bottom:16px;
 position:relative;
 z-index:250
}
.toolbox-content .button-group-center,
.toolbox-content .button-group-left,
.toolbox-content .button-group-right {
 display:flex;
 width:33%
}
.toolbox-content .button-group-center {
 justify-content:center
}
.toolbox-content .button-group-right {
 justify-content:flex-end
}
.toolbox-content .toolbox-button-wth-dialog {
 display:inline-block
}
.toolbox-button {
 color:#fff;
 cursor:pointer;
 display:inline-block;
 line-height:48px;
 text-align:center
}
.toolbar-button-with-badge {
 display:inline-block;
 position:relative
}
.toolbar-button-with-badge .badge-round {
 bottom:-5px;
 font-size:12px;
 line-height:20px;
 min-width:20px;
 pointer-events:none;
 position:absolute;
 right:-5px
}
.toolbox-content-wrapper {
 display:flex;
 flex-direction:column;
 margin:0 auto;
 max-width:100%
}
.toolbox-content-items {
 background:#131519;
 box-shadow:0 2px 8px 4px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.15);
 border-radius:6px;
 margin:0 auto;
 padding:6px;
 text-align:center
}
.toolbox-content-items>div {
 margin-left:8px
}
.toolbox-content-items>div:first-child {
 margin-left:0
}
.overflow-menu {
 font-size:14px;
 list-style-type:none;
 padding:8px 0;
 background-color:#242528
}
.overflow-menu .profile-text {
 max-width:150px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.overflow-menu-item {
 align-items:center;
 color:#fff;
 cursor:pointer;
 display:flex;
 font-size:14px;
 font-weight:400;
 height:40px;
 line-height:24px;
 padding:8px 16px;
 box-sizing:border-box
}
@media (hover:hover) and (pointer:fine) {
 .overflow-menu-item:hover {
  background:#36383c
 }
}
.overflow-menu-item div {
 display:flex;
 flex-direction:row;
 align-items:center
}
.overflow-menu-item.unclickable {
 cursor:default
}
.overflow-menu-item.disabled {
 cursor:initial;
 color:#929292
}
.overflow-menu-item.disabled:hover {
 background:0 0
}
.overflow-menu-item.disabled svg {
 fill:#929292
}
@media (hover:hover) and (pointer:fine) {
 .overflow-menu-item.unclickable:hover {
  background:inherit
 }
}
.beta-tag {
 background:#36383c;
 border-radius:3px;
 color:#fff;
 font-size:12px;
 margin-left:8px;
 padding:0 4px;
 text-transform:uppercase
}
.overflow-menu-item-icon {
 margin-right:16px
}
.overflow-menu-item-icon i {
 display:inline;
 font-size:24px
}
@media (hover:hover) and (pointer:fine) {
 .overflow-menu-item-icon i:hover {
  background-color:initial
 }
}
.overflow-menu-item-icon img {
 max-width:24px;
 max-height:24px
}
.overflow-menu-item-icon svg {
 fill:#fff;
 height:20px;
 width:20px
}
.overflow-menu-hr {
 border-top:1px solid #4c4d50;
 border-bottom:0;
 margin:8px 0
}
.toolbox-icon {
 display:flex;
 border-radius:3px;
 flex-direction:column;
 font-size:24px;
 height:48px;
 justify-content:center;
 width:48px
}
@media (hover:hover) and (pointer:fine) {
 .toolbox-icon:hover {
  background:rgba(255,255,255,.2)
 }
}
@media (max-width:320px) {
 .toolbox-icon {
  height:36px;
  width:36px
 }
}
.toolbox-icon.toggled {
 background:rgba(255,255,255,.15)
}
.toolbox-icon.disabled {
 cursor:initial!important;
 background-color:#36383c!important
}
.toolbox-icon.disabled svg {
 fill:#929292!important
}
.hangup-button {
 background-color:#dd3849
}
@media (hover:hover) and (pointer:fine) {
 .hangup-button:hover {
  background-color:#f25363
 }
}
.hangup-button svg {
 fill:#fff
}
.fadeIn {
 opacity:1;
 -moz-transition:all .3s ease-in;
 -o-transition:all .3s ease-in;
 -webkit-transition:all .3s ease-in;
 transition:all .3s ease-in
}
.fadeOut {
 opacity:0;
 -moz-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.audio-preview .toolbox-icon.toggled,
.video-preview .toolbox-icon.toggled {
 background:0 0
}
.audio-preview .toolbox-icon.toggled:hover,
.video-preview .toolbox-icon.toggled:hover {
 background:rgba(255,255,255,.2)
}
@media (max-width:500px) {
 .toolbox-content-mobile {
  margin-bottom:0
 }
 .toolbox-content-mobile .toolbox-content-wrapper {
  width:100%
 }
 .toolbox-content-mobile .toolbox-content-items {
  border-radius:0;
  display:flex;
  justify-content:space-evenly;
  padding:6px 0;
  width:100%
 }
 .toolbox-content-mobile .invite-more-container {
  margin:0 16px 8px
 }
 .toolbox-content-mobile .invite-more-container.elevated {
  margin-bottom:52px
 }
}
.shortcuts-list {
 list-style-type:none;
 padding:0
}
.shortcuts-list__item {
 display:flex;
 justify-content:space-between;
 margin-bottom:.5em
}
.redirectPageMessage {
 width:30%;
 margin:20% auto;
 text-align:center;
 font-size:24px
}
.redirectPageMessage .thanks-msg {
 border-bottom:1px solid #fff;
 padding-left:30px;
 padding-right:30px
}
.redirectPageMessage .thanks-msg p {
 margin:30px auto;
 font-size:24px;
 line-height:24px
}
.redirectPageMessage .hint-msg p {
 margin:26px auto;
 font-weight:600;
 font-size:16px;
 line-height:18px
}
.redirectPageMessage .hint-msg p .hint-msg__holder {
 font-weight:200
}
.redirectPageMessage .hint-msg .happy-software {
 width:120px;
 height:86px;
 margin:0 auto;
 background:0 0
}
.form-control {
 padding:16px 0
}
.form-control:first-child {
 padding-top:0
}
.form-control:last-child {
 padding-bottom:0
}
.form-control__text {
 margin:8px 0;
 font-size:1em
}
.form-control__label {
 font-size:1em;
 font-weight:400
}
.form-control__em {
 color:#f29424
}
.form-control__container {
 position:relative;
 width:100%;
 margin-top:5px;
 margin-bottom:5px;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex
}
.form-control__container .button-control {
 margin:1px 0 1px 10px
}
.form-control__right {
 position:absolute;
 right:0
}
input:read-only {
 color:#a7a7a7
}
.helper-link,
.link {
 cursor:pointer;
 color:#489afe;
 -moz-transition:color .1s ease-out;
 -o-transition:color .1s ease-out;
 -webkit-transition:color .1s ease-out;
 transition:color .1s ease-out
}
.helper-link:hover,
.link:hover {
 color:#287ade;
 text-decoration:underline;
 -moz-transition:color .1s ease-in;
 -o-transition:color .1s ease-in;
 -webkit-transition:color .1s ease-in;
 transition:color .1s ease-in
}
.helper-link {
 font-size:12px
}
.button-control {
 box-sizing:border-box;
 display:inline-block;
 border:1px solid transparent;
 vertical-align:baseline;
 height:30px;
 min-width:60px;
 padding:4px 10px;
 margin:0;
 line-height:1.5em;
 outline:0;
 background-color:transparent;
 float:right;
 font-size:14px;
 margin-left:10px;
 color:#eceef1;
 font-weight:400;
 -moz-transition:background-color .1s ease-out;
 -o-transition:background-color .1s ease-out;
 -webkit-transition:background-color .1s ease-out;
 transition:background-color .1s ease-out
}
.button-control[disabled] {
 color:#666;
 cursor:default
}
.button-control_full-width {
 margin:0;
 width:100%
}
.button-control:hover {
 border:1px solid transparent;
 background-color:#2c4062;
 -moz-transition:background-color .1s ease-in;
 -o-transition:background-color .1s ease-in;
 -webkit-transition:background-color .1s ease-in;
 transition:background-color .1s ease-in
}
.button-control:active {
 -webkit-box-shadow:inset 0 0 1px #192d4f;
 -moz-box-shadow:inset 0 0 1px #192d4f;
 box-shadow:inset 0 0 1px #192d4f
}
.button-control_light {
 color:#2b3d5c;
 background-color:#f5f5f5;
 border:1px solid #ccc
}
.button-control_light:hover {
 border:1px solid #999;
 background-color:#e9e9e9
}
.button-control_link {
 color:#0090e8;
 background-color:transparent
}
.button-control_link:hover {
 background-color:transparent
}
.button-control_overlay {
 color:#fff;
 background-color:#0074e0;
 border-radius:2px;
 border:none
}
.button-control_overlay:hover {
 background-color:#3572b0;
 border:none
}
.button-control_primary {
 background-color:#3572b0;
 border:1px solid #3572b0;
 color:#fff!important;
 font-weight:400
}
.button-control_primary:hover {
 border:1px solid #2a67a5;
 background-color:#2a67a5
}
.button-control_primary[disabled] {
 color:#fff
}
.button-control_close {
 color:#777
}
.button-control_submit {
 color:#489afe
}
.button-control_submit:hover {
 color:#287ade
}
.button-control_center {
 float:none!important
}
.input-control {
 -moz-transition:all .2s ease-in;
 -o-transition:all .2s ease-in;
 -webkit-transition:all .2s ease-in;
 transition:all .2s ease-in;
 display:inline-block;
 width:100%;
 padding:5px 7px;
 border-radius:4px;
 line-height:32px;
 height:32px;
 text-align:left;
 margin-bottom:8px
}
.input-control:last-child {
 margin-bottom:inherit
}
.input-control::selection {
 background-color:#ccc
}
.input-control.error {
 color:#c61600;
 border-color:#c61600
}
::-webkit-input-placeholder {
 color:#a7a7a7
}
::-moz-placeholder {
 color:#a7a7a7
}
:-moz-placeholder {
 color:#a7a7a7
}
:-ms-input-placeholder {
 color:#a7a7a7
}
input[type=range] {
 -webkit-appearance:none;
 background:0 0
}
input[type=range]:focus {
 outline:0
}
input[type=range]::-webkit-slider-runnable-track {
 background:#474747;
 border:none;
 border-radius:3px;
 cursor:pointer;
 height:6px;
 width:100%
}
input[type=range]::-moz-range-track {
 background:#474747;
 border:none;
 border-radius:3px;
 cursor:pointer;
 height:6px;
 width:100%
}
input[type=range]::-ms-track {
 background:#474747;
 border:none;
 border-radius:3px;
 cursor:pointer;
 height:6px;
 width:100%
}
input[type=range]::-webkit-slider-thumb {
 -webkit-appearance:none;
 background:#fff;
 border:1px solid #3572b0;
 border-radius:50%;
 box-shadow:0 0 1px #3572b0;
 cursor:pointer;
 height:14px;
 margin-top:-4px;
 width:14px
}
input[type=range]::-moz-range-thumb {
 -webkit-appearance:none;
 background:#fff;
 border:1px solid #3572b0;
 border-radius:50%;
 box-shadow:0 0 1px #3572b0;
 cursor:pointer;
 height:14px;
 margin-top:-4px;
 width:14px
}
input[type=range]::-ms-thumb {
 -webkit-appearance:none;
 background:#fff;
 border:1px solid #3572b0;
 border-radius:50%;
 box-shadow:0 0 1px #3572b0;
 cursor:pointer;
 height:14px;
 margin-top:-4px;
 width:14px
}
.connection-info,
.connection-info>table {
 font-size:12px;
 font-weight:400
}
.connection-info td {
 padding:2px 0
}
.connection-info {
 margin:-15px
}
.connection-info>table {
 white-space:nowrap
}
.connection-info td:nth-child(n-1) {
 padding-left:5px
}
.connection-info__download,
.connection-info__icon,
.connection-info__upload {
 margin-right:2px
}
.connection-info__status {
 font-weight:700
}
.connection-info .connection-actions {
 margin:10px auto;
 text-align:center
}
.select2-container.aui-select2-container {
 background-color:transparent!important;
 margin-top:2px
}
.select2-container.aui-select2-container a.select2-choice {
 height:28px!important;
 line-height:18px!important;
 width:100%!important;
 background-color:#fff!important;
 border-color:#fff!important;
 color:#333!important;
 text-shadow:none!important;
 font-size:12px!important;
 margin:0 auto!important
}
.select2-container.aui-select2-container a.select2-choice:after {
 border-top-color:#333
}
.select2-container.aui-select2-container.select2-dropdown-open a.select2-choice {
 background-color:#f2f2f2!important;
 border-color:#f2f2f2!important
}
.select2-drop.aui-select2-drop.aui-style-default {
 z-index:901;
 background-color:#f2f2f2;
 border-color:#f2f2f2
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results {
 background-color:#f2f2f2;
 border-color:#f2f2f2
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results::-webkit-scrollbar {
 background-color:transparent
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results::-webkit-scrollbar-track {
 background-color:transparent
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results::-webkit-scrollbar-track-piece {
 background-color:transparent
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results::-webkit-scrollbar-thumb {
 background-color:#ccc
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results .select2-result.select2-highlighted {
 background-color:#ccc
}
.select2-drop.aui-select2-drop.aui-style-default .select2-results .select2-result .select2-result-label {
 font-size:12px;
 color:#333!important;
 line-height:20px
}
.select2-drop-mask {
 z-index:900
}
.error_page {
 width:60%;
 margin:20% auto;
 text-align:center
}
.error_page h2 {
 font-size:36px
}
.error_page__message {
 font-size:24px;
 margin-top:20px
}
.policy__logo {
 display:block;
 width:200px;
 height:50px;
 margin:30px auto 0
}
.policy__text {
 text-align:center;
 font-size:14px;
 line-height:21px;
 font-weight:300
}
.popover-mousemove-padding-bottom {
 bottom:-15px;
 height:20px;
 position:absolute;
 right:0;
 width:100%
}
.popover-mousemove-padding-left,
.popover-mousemove-padding-right {
 height:100%;
 position:absolute;
 top:0;
 width:40px
}
.popover-mousemove-padding-left {
 left:-20px
}
.popover-mousemove-padding-right {
 right:-20px
}
.popover-mouse-padding-top {
 height:30px;
 position:absolute;
 right:0;
 top:-25px;
 width:100%
}
.popover {
 background-color:initial;
 border-radius:3px;
 margin:-16px -24px;
 padding:16px 24px;
 z-index:8
}
.filmstrip__toolbar {
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 flex-direction:column-reverse;
 flex-wrap:nowrap;
 position:relative;
 width:17px
}
.filmstrip__toolbar button {
 font-size:14px;
 line-height:1.2;
 text-align:center;
 background:0 0;
 opacity:.7;
 height:auto;
 width:100%;
 padding:0;
 margin:0;
 border:none;
 outline:0;
 -webkit-appearance:none
}
.filmstrip__toolbar button:hover {
 opacity:1
}
.filmstrip__toolbar button i {
 cursor:pointer
}
.horizontal-filmstrip .filmstrip,
.horizontal-filmstrip .filmstrip__videos,
.vertical-filmstrip .filmstrip,
.vertical-filmstrip .filmstrip .filmstrip__videos {
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 flex-direction:row-reverse;
 flex-wrap:nowrap;
 justify-content:flex-start
}
.horizontal-filmstrip .filmstrip {
 bottom:0;
 right:0;
 padding:10px 5px;
 transition:bottom .3s;
 z-index:6;
 box-sizing:border-box;
 width:100%;
 position:fixed
}
.horizontal-filmstrip .filmstrip.reduce-height {
 bottom:calc(calc(48px + 24px) + 7px)
}
.horizontal-filmstrip .filmstrip__videos {
 position:relative;
 padding:0;
 bottom:0;
 width:auto;
 overflow:visible!important
}
.horizontal-filmstrip .filmstrip__videos#remoteVideos {
 border:2px solid transparent;
 transition:bottom 2s;
 flex-grow:1;
 min-height:0;
 min-width:0
}
.horizontal-filmstrip .filmstrip__videos#filmstripLocalVideo {
 align-self:flex-end;
 display:block;
 margin-bottom:8px
}
.horizontal-filmstrip .filmstrip__videos.hidden {
 bottom:calc(-196px - calc(48px + 24px))
}
.horizontal-filmstrip .filmstrip__videos .remote-videos-container {
 display:flex
}
.horizontal-filmstrip .filmstrip .remote-videos-container {
 transition:opacity 1s
}
.horizontal-filmstrip .filmstrip.hide-videos .remote-videos-container {
 opacity:0;
 pointer-events:none
}
.horizontal-filmstrip .filmstrip #filmstripRemoteVideos {
 min-height:0;
 min-width:0;
 display:flex;
 flex:1;
 width:auto;
 justify-content:flex-end;
 flex-direction:row
}
.horizontal-filmstrip .filmstrip #filmstripRemoteVideos #filmstripRemoteVideosContainer {
 flex-direction:row-reverse;
 padding:1px 0;
 overflow-y:hidden;
 overflow-x:scroll
}
.horizontal-filmstrip .filmstrip .videocontainer {
 margin-bottom:10px
}
@-moz-document url-prefix() {
 .horizontal-filmstrip #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
  flex-direction:row
 }
}
@supports (-ms-ime-align:auto) {
 .horizontal-filmstrip #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
  flex-direction:row
 }
}
.filmstrip__videos .videocontainer {
 display:inline-block;
 position:relative;
 background-size:contain;
 border:2px solid transparent;
 border-radius:4px;
 margin:0 2px
}
.filmstrip__videos .videocontainer.videoContainerFocused,
.filmstrip__videos .videocontainer:hover {
 cursor:hand
}
.filmstrip__videos .videocontainer.videoContainerFocused {
 border:2px solid #165ecc;
 box-shadow:inset 0 0 3px #165ecc,0 0 3px #165ecc
}
.filmstrip__videos .videocontainer .localvideomenu>.icon-menu,
.filmstrip__videos .videocontainer .remotevideomenu>.icon-menu {
 display:none
}
.filmstrip__videos .videocontainer:hover:not(.videoContainerFocused):not(.active-speaker) {
 cursor:hand;
 border:2px solid rgba(22,94,204,.4);
 box-shadow:inset 0 0 3px rgba(22,94,204,.4),0 0 3px rgba(22,94,204,.4)
}
.filmstrip__videos .videocontainer:hover:not(.videoContainerFocused):not(.active-speaker) .localvideomenu>.icon-menu,
.filmstrip__videos .videocontainer:hover:not(.videoContainerFocused):not(.active-speaker) .remotevideomenu>.icon-menu {
 display:inline-block
}
.filmstrip__videos .videocontainer>video {
 cursor:hand;
 border-radius:4px;
 object-fit:cover;
 overflow:hidden
}
.filmstrip__videos .videocontainer .presence-label {
 position:absolute;
 z-index:3
}
.tile-view .active-speaker {
 box-shadow:0 0 5px 3px #165ecc
}
.tile-view #filmstripRemoteVideos {
 align-items:center;
 box-sizing:border-box;
 display:flex;
 flex-direction:column;
 height:100%;
 width:100%
}
.tile-view .filmstrip__videos .videocontainer:hover:not(.active-speaker),
.tile-view .filmstrip__videos .videocontainer:not(.active-speaker) {
 border:none;
 box-shadow:none
}
.tile-view #remoteVideos {
 height:100%!important;
 width:100%
}
.tile-view .filmstrip {
 align-items:center;
 display:flex;
 height:100%;
 justify-content:center;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
@media (min-width:581px) {
 .tile-view .filmstrip.shift-right {
  margin-left:315px;
  width:calc(100% - 315px)
 }
}
.tile-view .filmstrip__videos.hidden {
 display:block
}
.tile-view #filmstripRemoteVideos {
 box-sizing:border-box;
 overflow-x:hidden;
 overflow-y:auto
}
.tile-view #filmstripRemoteVideosContainer {
 align-content:center;
 align-items:center;
 box-sizing:border-box;
 display:flex;
 flex-wrap:wrap;
 flex-shrink:0;
 margin-top:auto;
 margin-bottom:auto;
 justify-content:center
}
.tile-view #filmstripRemoteVideosContainer .videocontainer {
 border:0;
 box-sizing:border-box;
 display:block;
 margin:2px
}
.tile-view #filmstripRemoteVideosContainer video {
 object-fit:contain
}
@media only screen and (max-width:500px) {
 .tile-view #filmstripRemoteVideosContainer video {
  object-fit:cover
 }
}
.tile-view .has-overflow#filmstripRemoteVideosContainer {
 align-content:baseline
}
.tile-view .has-overflow .videocontainer {
 align-self:baseline
}
@media only screen and (max-width:calc(500px + 315px)) {
 .shift-right #filmstripRemoteVideosContainer video {
  object-fit:cover
 }
}
.tile-view .avatar-container {
 max-height:initial;
 max-width:initial
}
.tile-view #dominantSpeaker,
.tile-view #filmstripLocalVideoThumbnail,
.tile-view #largeVideoElementsContainer,
.tile-view #sharedVideo,
.tile-view .filmstrip__toolbar {
 display:none
}
.tile-view #largeVideoElementsContainer,
.tile-view #remoteConnectionMessage,
.tile-view #remotePresenceMessage {
 display:none!important
}
.tile-view .localvideomenu,
.tile-view .remotevideomenu,
.tile-view .videocontainer__toptoolbar {
 z-index:auto
}
.vertical-filmstrip .filmstrip {
 align-items:flex-end;
 bottom:0;
 box-sizing:border-box;
 display:flex;
 flex-direction:column-reverse;
 height:100%;
 width:100%;
 padding:20px 5px 10px;
 position:fixed;
 top:0;
 transition:height .3s ease-in;
 right:0;
 z-index:6
}
.vertical-filmstrip .filmstrip.hide-videos .remote-videos-container {
 opacity:0;
 pointer-events:none
}
.vertical-filmstrip .filmstrip.reduce-height {
 height:calc(100% - calc(48px + 24px))
}
.vertical-filmstrip .filmstrip .filmstrip__videos {
 bottom:0;
 padding:0;
 position:relative;
 right:0;
 width:auto
}
.vertical-filmstrip .filmstrip .filmstrip__videos.hidden {
 bottom:auto;
 right:-196px
}
.vertical-filmstrip .filmstrip .filmstrip__videos#remoteVideos {
 border:2px solid transparent;
 padding-left:0;
 transition:right 2s;
 width:100%
}
.vertical-filmstrip .filmstrip #filmstripLocalVideo {
 align-self:initial;
 bottom:5px;
 display:flex;
 flex-direction:column-reverse;
 height:auto;
 justify-content:flex-start
}
.vertical-filmstrip .filmstrip #filmstripLocalVideo #filmstripLocalVideoThumbnail {
 width:calc(100% - 15px)
}
.vertical-filmstrip .filmstrip #filmstripLocalVideo #filmstripLocalVideoThumbnail .videocontainer {
 height:0;
 width:100%
}
.vertical-filmstrip .filmstrip #filmstripLocalVideo,
.vertical-filmstrip .filmstrip #filmstripRemoteVideos {
 padding:0
}
.vertical-filmstrip .filmstrip #filmstripRemoteVideos {
 min-height:0;
 min-width:0;
 display:flex;
 flex:1;
 flex-direction:column-reverse;
 height:auto;
 overflow-x:hidden;
 overflow-y:scroll
}
.vertical-filmstrip .filmstrip #filmstripRemoteVideos #filmstripRemoteVideosContainer {
 min-height:0;
 min-width:0;
 flex-direction:column-reverse;
 overflow:visible;
 width:calc(100% - 8px)
}
.vertical-filmstrip .filmstrip #filmstripRemoteVideos #filmstripRemoteVideosContainer .videocontainer {
 height:0;
 width:100%
}
.vertical-filmstrip .filmstrip #remoteVideos {
 min-height:0;
 min-width:0;
 flex-direction:column;
 flex-grow:1
}
.vertical-filmstrip .filmstrip .remote-videos-container {
 display:flex;
 transition:opacity 1s
}
.vertical-filmstrip .filmstrip .hide-scrollbar#filmstripRemoteVideos {
 margin-right:7px
}
.vertical-filmstrip .filmstrip .hide-scrollbar#filmstripRemoteVideos::-webkit-scrollbar {
 display:none
}
@-moz-document url-prefix() {
 .vertical-filmstrip #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
  flex-direction:column
 }
 .vertical-filmstrip #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
  width:calc(100% - 15px)
 }
}
@supports (-ms-ime-align:auto) {
 .vertical-filmstrip #remoteVideos #filmstripRemoteVideos #filmstripRemoteVideosContainer {
  flex-direction:column
 }
}
.vertical-filmstrip .filmstrip__toolbar {
 transform:rotate(-90deg)
}
.vertical-filmstrip #etherpad,
.vertical-filmstrip #sharedvideo {
 text-align:left
}
.vertical-filmstrip .filmstrip__videos .videocontainer .videocontainer__toolbar {
 pointer-events:none;
 text-align:right
}
.vertical-filmstrip .filmstrip__videos .videocontainer .videocontainer__toolbar>div {
 pointer-events:none
}
.vertical-filmstrip .filmstrip__videos .videocontainer .videocontainer__toolbar .right {
 float:none;
 margin:auto
}
.vertical-filmstrip .filmstrip__videos .videocontainer .videocontainer__toolbar .toolbar-icon {
 pointer-events:all
}
.vertical-filmstrip .filmstrip__videos .videocontainer .connection-indicator,
.vertical-filmstrip .filmstrip__videos .videocontainer .indicator-icon-container,
.vertical-filmstrip .filmstrip__videos .videocontainer .local-video-menu-trigger,
.vertical-filmstrip .filmstrip__videos .videocontainer .remote-video-menu-trigger {
 transform:translate3d(0,0,0)
}
.vertical-filmstrip .filmstrip__videos .videocontainer .indicator-icon-container {
 display:inline-block
}
.vertical-filmstrip .filmstrip__videos .videocontainer .indicator-container {
 float:none
}
.vertical-filmstrip .filmstrip__videos .videocontainer .local-video-menu-trigger,
.vertical-filmstrip .filmstrip__videos .videocontainer .localvideomenu,
.vertical-filmstrip .filmstrip__videos .videocontainer .remote-video-menu-trigger,
.vertical-filmstrip .filmstrip__videos .videocontainer .remotevideomenu {
 bottom:0;
 left:0;
 top:auto;
 right:auto
}
.vertical-filmstrip .filmstrip__videos .videocontainer .local-video-menu-trigger,
.vertical-filmstrip .filmstrip__videos .videocontainer .remote-video-menu-trigger {
 margin-bottom:7px;
 margin-left:initial
}
.vertical-filmstrip .large-video-labels.with-filmstrip {
 right:150px
}
.vertical-filmstrip .large-video-labels.with-filmstrip.opening {
 transition:.9s;
 transition-timing-function:ease-in-out
}
.vertical-filmstrip .large-video-labels.without-filmstrip {
 transition:1.2s ease-in-out;
 transition-delay:.1s
}
.label {
 align-items:center;
 background:#36383c;
 border-radius:3px;
 color:#fff;
 display:flex;
 font-size:12px;
 font-weight:600;
 height:28px;
 margin:0 0 4px 4px;
 padding:0 8px
}
.label--green {
 background:#31b76a
}
.label--red {
 background:#e34f56
}
.label--white {
 background:#fff;
 color:#5e6d7a
}
.label--white svg {
 fill:#5e6d7a
}
.label-text-with-icon {
 margin-left:8px
}
.participants-count {
 cursor:pointer
}
#lobby-screen .content .container {
 align-items:center;
 display:flex;
 flex-direction:column
}
#lobby-screen .content .container .spinner {
 margin:30px
}
#lobby-screen .content .container .joining-message {
 margin:10px
}
#lobby-section {
 display:flex;
 flex-direction:column
}
#lobby-section .description {
 font-size:13px
}
#lobby-section .control-row {
 display:flex;
 flex-direction:row;
 justify-content:space-between;
 margin-top:15px
}
#lobby-section .control-row label {
 font-size:14px;
 font-weight:700
}
#knocking-participant-list {
 background-color:#131519;
 border:1px solid rgba(255,255,255,.4);
 border-radius:8px;
 display:flex;
 flex-direction:column;
 left:0;
 margin:20px;
 position:fixed;
 top:20;
 transition:top 1s ease;
 z-index:251
}
#knocking-participant-list.toolbox-visible {
 top:120px
}
#knocking-participant-list .title {
 background-color:rgba(0,0,0,.2);
 font-size:1.2em;
 padding:15px
}
#knocking-participant-list button {
 align-self:stretch;
 margin:8px 0;
 padding:12px;
 transition:.2s transform ease
}
#knocking-participant-list button:disabled {
 opacity:.5
}
#knocking-participant-list button:hover {
 transform:scale(1.05)
}
#knocking-participant-list button:hover:disabled {
 transform:none
}
#knocking-participant-list button.borderLess {
 background-color:transparent;
 border-width:0
}
#knocking-participant-list button.primary {
 background-color:#0376da;
 border-width:0
}
.knocking-participants-container {
 list-style-type:none;
 max-height:600px;
 overflow-y:scroll;
 padding:0 15px 15px 15px
}
.knocking-participant {
 align-items:center;
 display:flex;
 flex-direction:row;
 margin:8px 0
}
.knocking-participant .details {
 display:flex;
 flex:1;
 flex-direction:column;
 justify-content:space-evenly;
 margin:0 30px 0 10px
}
.knocking-participant button {
 align-self:unset;
 margin:0 5px
}
@media (max-width:300px) {
 #knocking-participant-list {
  margin:0;
  text-align:center;
  width:100%
 }
 #knocking-participant-list .avatar {
  display:none
 }
 .knocking-participant {
  flex-direction:column
 }
 .knocking-participant .details {
  margin:0
 }
}
.unsupported-desktop-browser {
 top:50%;
 left:50%;
 position:absolute;
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 display:block;
 text-align:center
}
.unsupported-desktop-browser__title {
 color:#fff;
 font-weight:300;
 font-size:24px;
 letter-spacing:1px
}
.unsupported-desktop-browser__description,
.unsupported-desktop-browser__description_small {
 color:rgba(255,255,255,.7);
 font-size:21px;
 font-weight:300;
 letter-spacing:1px;
 margin-top:16px
}
.unsupported-desktop-browser__description_small {
 font-size:17px
}
.unsupported-desktop-browser__link {
 color:#489afe;
 -moz-transition:color .1s ease-out;
 -o-transition:color .1s ease-out;
 -webkit-transition:color .1s ease-out;
 transition:color .1s ease-out
}
.unsupported-desktop-browser__link:hover {
 color:#287ade;
 cursor:pointer;
 text-decoration:none;
 -moz-transition:color .1s ease-in;
 -o-transition:color .1s ease-in;
 -webkit-transition:color .1s ease-in;
 transition:color .1s ease-in
}
.modal-dialog-form .add-people-form-wrap {
 margin-top:8px
}
.modal-dialog-form .add-people-form-wrap .error {
 padding-left:5px
}
.modal-dialog-form .add-people-form-wrap .error a {
 padding-left:5px
}
.modal-dialog-form .add-people-form-wrap .add-telephone-icon {
 display:flex;
 height:28px;
 transform:scaleX(-1);
 width:28px
}
.modal-dialog-form .add-people-form-wrap .add-telephone-icon i {
 line-height:28px;
 margin:auto
}
.modal-dialog-form .add-people-form-wrap .footer-text-wrap {
 display:flex
}
.modal-dialog-form .add-people-form-wrap .footer-telephone-icon {
 display:flex;
 transform:scaleX(-1);
 padding-left:10px
}
.modal-dialog-form .add-people-form-wrap .footer-telephone-icon i {
 line-height:20px;
 margin:auto
}
.autocomplete-error {
 min-width:260px
}
.deep-linking-desktop {
 background-color:#fff;
 width:100%;
 height:100%;
 display:flex;
 flex-flow:column
}
.deep-linking-desktop .header {
 width:100%;
 height:55px;
 background-color:#f1f2f5;
 padding-top:15px;
 padding-left:50px;
 display:flex;
 flex-flow:row;
 flex:0 0 55px
}
.deep-linking-desktop .header .logo {
 height:40px
}
.deep-linking-desktop .content {
 padding-top:40px;
 padding-bottom:40px;
 left:0;
 right:0;
 display:flex;
 width:100%;
 height:100%;
 flex-flow:row
}
.deep-linking-desktop .content .leftColumn {
 left:0;
 width:50%;
 min-height:156px;
 display:flex;
 flex-flow:column
}
.deep-linking-desktop .content .leftColumn .leftColumnContent {
 padding:20px;
 display:flex;
 flex-flow:column;
 height:100%
}
.deep-linking-desktop .content .leftColumn .leftColumnContent .image {
 background-image:url(../images/deep-linking-image.png);
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain;
 height:100%;
 width:100%
}
.deep-linking-desktop .content .rightColumn {
 top:0;
 width:50%;
 min-height:156px;
 display:flex;
 flex-flow:row;
 align-items:center
}
.deep-linking-desktop .content .rightColumn .rightColumnContent {
 display:flex;
 flex-flow:column;
 padding:20px 20px 20px 60px
}
.deep-linking-desktop .content .rightColumn .rightColumnContent .title {
 color:#1c2946
}
.deep-linking-desktop .content .rightColumn .rightColumnContent .description {
 color:#606a80;
 margin-top:8px
}
.deep-linking-desktop .content .rightColumn .rightColumnContent .buttons {
 margin-top:16px
}
.deep-linking-mobile {
 background-color:#fff;
 height:100vh;
 overflow:auto;
 position:relative;
 width:100vw
}
.deep-linking-mobile .header {
 width:100%;
 height:70px;
 background-color:#f1f2f5;
 text-align:center
}
.deep-linking-mobile .header .logo {
 margin-top:15px;
 margin-left:auto;
 margin-right:auto;
 height:40px
}
.deep-linking-mobile a {
 text-decoration:none;
 color:inherit
}
.deep-linking-mobile__body {
 color:#4a4a4a;
 margin:auto;
 max-width:40em;
 padding:35px 0 40px 0;
 text-align:center;
 width:90%
}
.deep-linking-mobile__body a:active {
 text-decoration:none
}
.deep-linking-mobile__body .image {
 max-width:80%
}
.deep-linking-mobile__text {
 font-weight:bolder;
 font-size:inherit;
 line-height:inherit;
 padding:10px 10px 0 10px
}
.deep-linking-mobile .deep-linking-dial-in,
.deep-linking-mobile__text {
 font-size:1em;
 line-height:1.380952381em;
 margin-bottom:.65em
}
.deep-linking-mobile .deep-linking-dial-in_small,
.deep-linking-mobile__text_small {
 font-size:1.5em;
 margin-bottom:1em;
 margin-top:1.1666666667em
}
.deep-linking-mobile .deep-linking-dial-in_small strong,
.deep-linking-mobile__text_small strong {
 font-size:1.1666666667em
}
.deep-linking-mobile .deep-linking-dial-in table,
.deep-linking-mobile__text table {
 font-size:1em
}
.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-id,
.deep-linking-mobile__text .dial-in-conference-id {
 margin:10px 0 10px 0;
 padding:inherit;
 background-color:inherit;
 border-radius:inherit
}
.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-name,
.deep-linking-mobile__text .dial-in-conference-name {
 font-size:inherit;
 line-height:inherit;
 margin-bottom:none;
 font-weight:inherit
}
.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-description,
.deep-linking-mobile__text .dial-in-conference-description {
 font-size:.8em;
 line-height:inherit;
 margin-bottom:none
}
.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-pin,
.deep-linking-mobile__text .dial-in-conference-pin {
 font-size:inherit;
 line-height:inherit
}
.deep-linking-mobile .deep-linking-dial-in .toll-free-list,
.deep-linking-mobile__text .toll-free-list {
 min-width:80px
}
.deep-linking-mobile .deep-linking-dial-in .numbers-list,
.deep-linking-mobile__text .numbers-list {
 min-width:150px
}
.deep-linking-mobile .deep-linking-dial-in li.toll-free:empty:before,
.deep-linking-mobile__text li.toll-free:empty:before {
 content:".";
 visibility:hidden
}
.deep-linking-mobile__href {
 height:2.2857142857em;
 line-height:2.2857142857em;
 margin:18px auto 20px;
 max-width:300px;
 width:auto;
 font-weight:bolder;
 font-size:inherit
}
.deep-linking-mobile__button {
 border:0;
 height:2.2857142857em;
 line-height:2.2857142857em;
 margin:18px auto 10px;
 padding:0 10px 0 10px;
 max-width:300px;
 width:auto;
 -webkit-border-radius:3px;
 border-radius:3px;
 background-clip:padding-box;
 background-color:rgba(9,30,66,.04);
 color:#505f79;
 font-weight:700;
 font-size:inherit
}
.deep-linking-mobile__button:active {
 background-color:rgba(9,30,66,.04)
}
.deep-linking-mobile__button_primary {
 background-color:#0052cc;
 color:#fff;
 border-radius:inherit
}
.deep-linking-mobile__button_primary:active {
 background-color:#0052cc
}
.deep-linking-mobile .deep-linking-dial-in {
 display:none
}
.deep-linking-mobile .deep-linking-dial-in.has-numbers {
 align-items:center;
 display:flex;
 flex-direction:column
}
.deep-linking-mobile .deep-linking-dial-in .dial-in-numbers-list {
 color:#4a4a4a;
 padding-left:20px
}
.deep-linking-mobile .deep-linking-dial-in .dial-in-numbers-body {
 vertical-align:top
}
.no-mobile-app {
 margin:30% auto 0;
 max-width:25em;
 text-align:center;
 width:auto
}
.no-mobile-app__title {
 border-bottom:1px solid #fff;
 color:#fff;
 font-weight:400;
 letter-spacing:.5px;
 padding-bottom:.7083333333em
}
.no-mobile-app__description {
 font-size:17px;
 font-weight:300;
 letter-spacing:1px;
 margin-top:1em
}
.transcription-subtitles {
 bottom:88px;
 font-size:16px;
 font-weight:1000;
 left:50%;
 max-width:50vw;
 opacity:.8;
 overflow-wrap:break-word;
 pointer-events:none;
 position:absolute;
 text-shadow:0 0 1px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.3),1px 0 1px rgba(0,0,0,.3),0 0 1px rgba(0,0,0,.3);
 transform:translateX(-50%);
 z-index:7
}
.transcription-subtitles.lifted {
 bottom:200px
}
.transcription-subtitles span {
 background:#000
}
.meetings-list {
 font-size:14px;
 color:#253858;
 line-height:20px;
 text-align:left;
 text-overflow:ellipsis;
 display:flex;
 flex-direction:column;
 position:relative;
 overflow:auto;
 width:100%
}
.meetings-list .meetings-list-empty {
 text-align:center;
 align-items:center;
 justify-content:center;
 display:flex;
 flex-grow:1;
 flex-direction:column
}
.meetings-list .meetings-list-empty .description {
 color:#2f3237;
 font-size:14px;
 line-height:18px;
 margin-bottom:16px;
 max-width:436px
}
.meetings-list .meetings-list-empty-image {
 text-align:center;
 margin:24px 0 20px 0
}
.meetings-list .meetings-list-empty-button {
 align-items:center;
 color:#0163ff;
 cursor:pointer;
 display:flex;
 font-size:14px;
 line-height:18px;
 margin:24px 0 32px 0
}
.meetings-list .meetings-list-empty-icon {
 display:inline-block;
 margin-right:8px
}
.meetings-list .button {
 background:#0074e0;
 border-radius:4px;
 color:#fff;
 display:flex;
 justify-content:center;
 align-items:center;
 padding:8px;
 cursor:pointer
}
.meetings-list .calendar-action-buttons .button {
 margin:0 10px
}
.meetings-list .item {
 background:#fff;
 box-sizing:border-box;
 border-radius:4px;
 display:inline-flex;
 margin:4px 4px 0 4px;
 min-height:60px;
 width:calc(100% - 8px);
 word-break:break-word;
 display:flex;
 flex-direction:row;
 text-align:left
}
.meetings-list .item:first-child {
 margin-top:0
}
.meetings-list .item .left-column {
 display:flex;
 flex-direction:column;
 flex-grow:0;
 padding-left:16px;
 padding-top:13px
}
.meetings-list .item .right-column {
 display:flex;
 flex-direction:column;
 flex-grow:1;
 padding-left:16px;
 padding-top:13px;
 position:relative
}
.meetings-list .item .title {
 font-size:12px;
 font-weight:600;
 line-height:16px;
 padding-bottom:4px
}
.meetings-list .item .subtitle {
 color:#5e6d7a;
 font-weight:400;
 font-size:12px;
 line-height:16px
}
.meetings-list .item .actions {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-grow:0;
 margin-right:16px
}
.meetings-list .item.with-click-handler {
 cursor:pointer
}
.meetings-list .item.with-click-handler:hover {
 background-color:#c7ddff
}
.meetings-list .item .add-button {
 width:30px;
 height:30px;
 padding:0
}
.meetings-list .item i {
 cursor:inherit
}
.meetings-list .item .join-button {
 display:none
}
.meetings-list .item:hover .join-button {
 display:block
}
.meetings-list .delete-meeting {
 display:none;
 margin-right:16px;
 position:absolute
}
.meetings-list .delete-meeting>svg {
 fill:#0074e0
}
.meetings-list .item:hover .delete-meeting {
 display:block
}
.navigate-section-section-header,
.navigate-section-tile-body,
.navigate-section-tile-title {
 width:100%;
 font-size:14px;
 line-height:20px;
 color:#fff;
 text-align:left;
 font-family:open_sanslight,Helvetica,sans-serif
}
.navigate-section-tile-body,
.navigate-section-tile-title {
 overflow:hidden;
 text-overflow:ellipsis;
 float:left
}
.navigate-section-list-tile {
 background-color:#1754a9;
 border-radius:4px;
 box-sizing:border-box;
 display:inline-flex;
 margin-bottom:8px;
 margin-right:8px;
 min-height:100px;
 padding:16px;
 width:100%
}
.navigate-section-list-tile.with-click-handler {
 cursor:pointer
}
.navigate-section-list-tile.with-click-handler:hover {
 background-color:#1a5dbb
}
.navigate-section-list-tile i {
 cursor:inherit
}
.navigate-section-list-tile .element-after {
 display:flex;
 align-items:center;
 justify-content:center
}
.navigate-section-list-tile .join-button {
 display:none
}
.navigate-section-list-tile:hover .join-button {
 display:block
}
.navigate-section-tile-body {
 font-weight:400;
 line-height:24px
}
.navigate-section-list-tile-info {
 flex:1;
 word-break:break-word
}
.navigate-section-tile-title {
 font-weight:700;
 line-height:24px
}
.navigate-section-section-header {
 font-weight:700;
 margin-bottom:16px;
 display:block
}
.navigate-section-list {
 position:relative;
 margin-top:36px;
 margin-bottom:36px;
 width:100%
}
.navigate-section-list-empty {
 text-align:center
}
.google-sign-in {
 background-color:#4285f4;
 border-radius:2px;
 cursor:pointer;
 display:inline-flex;
 font-family:Roboto,arial,sans-serif;
 font-size:14px;
 padding:1px
}
.google-sign-in .google-cta {
 color:#fff;
 display:inline-block;
 line-height:32px;
 margin:0 15px
}
.google-sign-in .google-logo {
 background-color:#fff;
 border-radius:2px;
 display:inline-block;
 padding:8px;
 height:18px;
 width:18px
}
.microsoft-sign-in {
 align-items:center;
 background:#fff;
 border:1px solid #8c8c8c;
 box-sizing:border-box;
 cursor:pointer;
 display:inline-flex;
 font-family:Segoe UI,Roboto,arial,sans-serif;
 height:41px;
 padding:12px
}
.microsoft-sign-in .microsoft-cta {
 display:inline-block;
 color:#5e5e5e;
 font-size:15px;
 line-height:41px
}
.microsoft-sign-in .microsoft-logo {
 display:inline-block;
 margin-right:12px
}
.avatar {
 background-color:#aaa;
 border-radius:50%;
 color:rgba(255,255,255,.6);
 font-weight:100;
 object-fit:cover
}
.avatar.avatar-small {
 height:28px!important;
 width:28px!important
}
.avatar.avatar-xsmall {
 height:16px!important;
 width:16px!important
}
.avatar .jitsi-icon {
 transform:translateY(50%)
}
.avatar-svg {
 height:100%;
 width:100%
}
.defaultAvatar {
 opacity:.6
}
.avatar-badge {
 position:relative
}
.avatar-badge-available::after {
 border-radius:50%;
 content:"";
 display:block;
 height:35%;
 position:absolute;
 bottom:0;
 width:35%;
 background-color:#6eb005
}
.avatar-badge-away::after {
 border-radius:50%;
 content:"";
 display:block;
 height:35%;
 position:absolute;
 bottom:0;
 width:35%;
 background-color:#fac914
}
.avatar-badge-busy::after {
 border-radius:50%;
 content:"";
 display:block;
 height:35%;
 position:absolute;
 bottom:0;
 width:35%;
 background-color:#e9001b
}
.avatar-badge-idle::after {
 border-radius:50%;
 content:"";
 display:block;
 height:35%;
 position:absolute;
 bottom:0;
 width:35%;
 background-color:#acacac
}
.chrome-extension-banner {
 position:fixed;
 width:406px;
 height:128px;
 background:#fff;
 box-shadow:0 2px 48px rgba(0,0,0,.25);
 border-radius:4px;
 z-index:1000;
 float:right;
 display:flex;
 flex-direction:column;
 padding:20px 20px;
 top:80px;
 right:16px
}
.chrome-extension-banner__pos_in_meeting {
 top:10px;
 right:10px
}
.chrome-extension-banner__container {
 display:flex;
 justify-content:space-between;
 margin-bottom:16px
}
.chrome-extension-banner__button-container {
 display:flex
}
.chrome-extension-banner__checkbox-container {
 display:flex;
 margin-left:45px;
 margin-top:16px
}
.chrome-extension-banner__checkbox-label {
 font-size:14px;
 line-height:18px;
 display:flex;
 align-items:center;
 letter-spacing:-.006em;
 color:#1c2025
}
.chrome-extension-banner__icon-container {
 display:flex;
 background:url(../images/chromeLogo.svg);
 background-repeat:no-repeat;
 width:27px;
 height:27px
}
.chrome-extension-banner__text-container {
 font-size:14px;
 line-height:18px;
 display:flex;
 align-items:center;
 letter-spacing:-.006em;
 color:#151531;
 width:329px
}
.chrome-extension-banner__close-container {
 display:flex;
 width:12px;
 height:12px
}
.chrome-extension-banner__gray-close-icon {
 fill:#5e6d7a;
 width:12px;
 height:12px;
 cursor:pointer
}
.chrome-extension-banner__button-open-url {
 background:#0a57eb;
 border-radius:24px;
 margin-left:45px;
 width:236px;
 height:40px;
 cursor:pointer
}
.chrome-extension-banner__button-text {
 font-weight:600;
 font-size:14px;
 line-height:40px;
 text-align:center;
 letter-spacing:-.006em;
 color:#fff
}
.settings-button-container {
 position:relative
}
.settings-button-container .toolbox-icon {
 align-items:center;
 border-radius:3px;
 cursor:pointer;
 display:flex;
 justify-content:center
}
.disabled .settings-button-container .toolbox-icon,
.settings-button-container .toolbox-icon.disabled {
 cursor:initial;
 color:#929292;
 background-color:#36383c
}
.disabled .settings-button-container .toolbox-icon:hover,
.settings-button-container .toolbox-icon.disabled:hover {
 background-color:#36383c
}
.settings-button-small-icon {
 background:#36383c;
 box-shadow:0 4px 4px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.1);
 border-radius:3px;
 cursor:pointer;
 padding:4px;
 position:absolute;
 right:-4px;
 top:-3px
}
.settings-button-small-icon:hover {
 background:#f2f3f4;
 box-shadow:0 4px 4px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.1)
}
.settings-button-small-icon:hover>svg {
 fill:#000
}
.settings-button-small-icon:hover.settings-button-small-icon--disabled {
 background:#36383c
}
.settings-button-small-icon:hover.settings-button-small-icon--disabled>svg {
 fill:#929292
}
.settings-button-small-icon>svg {
 fill:#fff
}
.settings-button-small-icon--disabled {
 background-color:#36383c;
 cursor:default
}
.settings-button-small-icon--disabled>svg {
 fill:#929292
}
.jitsi-icon.metr {
 display:inline-block
}
.jitsi-icon.metr>svg {
 fill:#4e5e6c;
 width:38px
}
.jitsi-icon.metr--disabled>svg {
 fill:#4e5e6c
}
.metr-l-0 rect:first-child {
 fill:#31b76a
}
.metr-l-1 rect:nth-child(-n+2) {
 fill:#31b76a
}
.metr-l-2 rect:nth-child(-n+3) {
 fill:#31b76a
}
.metr-l-3 rect:nth-child(-n+4) {
 fill:#31b76a
}
.metr-l-4 rect:nth-child(-n+5) {
 fill:#31b76a
}
.metr-l-5 rect:nth-child(-n+6) {
 fill:#31b76a
}
.metr-l-6 rect:nth-child(-n+7) {
 fill:#31b76a
}
.metr-l-7 rect:nth-child(-n+8) {
 fill:#31b76a
}
.audio-preview {
 display:inline-block
}
.audio-preview-content {
 background:#242528;
 border-radius:3px;
 font-size:14px;
 line-height:24px;
 max-height:456px;
 overflow:auto;
 width:300px
}
.audio-preview-header {
 color:#fff;
 align-items:center;
 display:flex;
 margin-top:8px;
 padding:8px 16px
}
.audio-preview-header-icon {
 display:inline-block
}
.audio-preview-header-icon svg {
 fill:#fff
}
.audio-preview-header--bordered {
 border-bottom:1px solid #4c4d50
}
.audio-preview-header-text {
 margin-left:12px
}
.audio-preview-entry {
 align-items:center;
 color:#fff;
 cursor:pointer;
 display:flex;
 padding:8px 0;
 margin-left:48px
}
.audio-preview-entry--selected {
 background:#131519;
 cursor:initial;
 margin-left:0;
 padding-left:18px
}
.audio-preview-entry-text {
 color:#fff;
 display:inline-block;
 line-height:24px;
 text-overflow:ellipsis;
 max-width:213px;
 overflow:hidden;
 white-space:nowrap
}
.audio-preview-speaker {
 position:relative
}
.audio-preview-speaker:hover .audio-preview-entry {
 background:#36383c;
 margin-left:0;
 padding-left:48px
}
.audio-preview-speaker:hover .audio-preview-entry--selected {
 padding-left:18px;
 background:#131519
}
.audio-preview-speaker:hover .audio-preview-test-button {
 display:inline-block
}
.audio-preview-speaker:hover .audio-preview-entry-text {
 max-width:196px
}
.audio-preview-speaker:last-child {
 padding-bottom:8px
}
.audio-preview-speaker .audio-preview-entry-text {
 max-width:256px
}
.audio-preview-microphone {
 position:relative
}
.audio-preview-microphone:hover .audio-preview-entry {
 background:#36383c;
 margin-left:0;
 padding-left:48px
}
.audio-preview-microphone:hover .audio-preview-entry--selected {
 background:#131519;
 padding-left:18px
}
.audio-preview-microphone .audio-preview-entry-text {
 max-width:178px
}
.audio-preview-icon {
 border-radius:50%;
 display:inline-block;
 width:14px
}
.audio-preview-icon svg {
 fill:#1c2025
}
.audio-preview-icon--check {
 background:#31b76a;
 margin-right:16px
}
.audio-preview-icon--exclamation {
 margin-left:6px
}
.audio-preview-icon--exclamation svg {
 fill:#e54b4b
}
.audio-preview-hr {
 border-top:1px solid #4c4d50;
 border-bottom:0
}
.audio-preview-test-button {
 display:none;
 background:#fff;
 border:1px solid #d1dbe8;
 border-radius:3px;
 color:#1c2025;
 cursor:pointer;
 font-weight:600;
 line-height:24px;
 padding:2px 16px;
 position:absolute;
 right:16px;
 top:5px
}
.audio-preview-meter-mic {
 position:absolute;
 right:16px;
 top:14px
}
.video-preview {
 background:0 0;
 display:inline-block;
 max-height:344px
}
.video-preview-container {
 background:#242528;
 border-radius:3px;
 overflow:auto;
 padding:8px
}
.video-preview-entry {
 cursor:pointer;
 height:168px;
 margin-bottom:8px;
 position:relative;
 width:284px
}
.video-preview-entry:last-child {
 margin-bottom:0
}
.video-preview-entry--selected {
 border:3px solid #31b76a;
 border-radius:3px;
 cursor:default;
 height:162px;
 width:278px
}
.video-preview-video {
 border-radius:3px;
 height:100%;
 object-fit:cover;
 width:100%
}
.video-preview-overlay {
 background:rgba(42,58,75,.6);
 height:100%;
 position:absolute;
 width:100%;
 z-index:1
}
.video-preview-error {
 align-items:center;
 display:flex;
 height:100%;
 justify-content:center;
 position:absolute;
 width:100%
}
.video-preview-label {
 bottom:8px;
 color:#fff;
 position:absolute;
 width:100%;
 z-index:2
}
.video-preview-label-container {
 margin:0 16px
}
.video-preview-label-text {
 background-color:#131519;
 border-radius:3px;
 padding:2px 8px;
 font-size:13px;
 line-height:20px;
 margin:0 auto;
 max-width:calc(100% - 16px);
 overflow:hidden;
 text-overflow:ellipsis;
 width:fit-content;
 white-space:nowrap
}
.prejoin-input-area {
 margin:0 auto;
 text-align:center
}
.prejoin-title {
 color:#fff;
 font-size:24px;
 line-height:32px;
 margin-bottom:16px
}
.prejoin-text-btns {
 display:flex;
 justify-content:space-between
}
.prejoin-input-label {
 color:#a4b8d1;
 font-size:13px;
 line-height:20px;
 margin-top:32px 0 8px 0;
 text-align:center;
 width:100%
}
.prejoin-checkbox {
 border:0;
 height:16px;
 margin-right:8px;
 padding:0;
 width:16px
}
.prejoin-checkbox-container {
 margin-bottom:14px;
 width:100%
}
.prejoin-error {
 color:#fff;
 background-color:rgba(225,45,45,.6);
 border-radius:3px;
 width:100%;
 padding:2px;
 box-sizing:border-box;
 margin-top:4px;
 font-size:13px;
 text-align:center
}
.prejoin-preview-status {
 align-items:center;
 align-self:stretch;
 bottom:0;
 color:#fff;
 display:flex;
 font-size:13px;
 min-height:24px;
 justify-content:center;
 position:absolute;
 text-align:center;
 width:100%;
 z-index:1
}
.prejoin-preview-status--warning {
 background:rgba(241,173,51,.7)
}
.prejoin-preview-status--ok {
 background:rgba(49,183,106,.7)
}
.prejoin-preview-icon {
 background-position:center;
 background-repeat:no-repeat;
 display:inline-block;
 height:16px;
 margin-right:8px;
 width:16px
}
.prejoin-preview-error-desc {
 margin-right:4px
}
.prejoin-preview .settings-button-container {
 width:49px;
 margin:0 8px
}
.prejoin-preview-dropdown-btns {
 width:320px;
 padding:8px 0
}
.prejoin-preview-dropdown-btn {
 align-items:center;
 color:#1c2025;
 cursor:pointer;
 display:flex;
 height:40px;
 font-size:15px;
 line-height:24px;
 padding:0 16px
}
.prejoin-preview-dropdown-btn:hover {
 background-color:#daebfa
}
.prejoin-preview-dropdown-icon {
 display:inline-block;
 margin-right:16px
}
.prejoin-preview-dropdown-icon>svg {
 fill:#1c2025
}
.prejoin-preview-dropdown-container>div:nth-child(2) {
 background:#fff;
 padding:0
}
.prejoin-dialog {
 background:#1c2025;
 box-shadow:0 2px 20px rgba(0,0,0,.5);
 border-radius:5px;
 color:#fff;
 height:400px;
 width:375px
}
.prejoin-dialog--small {
 height:300;
 width:400
}
.prejoin-dialog-label {
 font-size:15px;
 line-height:24px
}
.prejoin-dialog-label-num {
 background:#2b3b4b;
 border:1px solid #a4b8d1;
 border-radius:50%;
 color:#fff;
 display:inline-block;
 height:24px;
 margin-right:8px;
 width:24px
}
.prejoin-dialog-container {
 align-items:center;
 background:rgba(0,0,0,.6);
 display:flex;
 height:100vh;
 justify-content:center;
 left:0;
 position:absolute;
 top:0;
 width:100vw;
 z-index:3
}
.prejoin-dialog-flag {
 display:inline-block;
 margin-right:8px;
 transform:scale(1.2)
}
.prejoin-dialog-title {
 display:inline-block;
 font-size:24px;
 line-height:32px
}
.prejoin-dialog-icon {
 cursor:pointer
}
.prejoin-dialog-icon>svg {
 fill:#a4b8d1
}
.prejoin-dialog-btn {
 width:309px
}
.prejoin-dialog-dialin-container {
 text-align:center
}
.prejoin-dialog-delimiter {
 background:#5f6266;
 border:0;
 height:1px;
 margin:0;
 padding:0;
 width:100%
}
.prejoin-dialog-delimiter-container {
 margin:16px 0 24px 0;
 position:relative
}
.prejoin-dialog-delimiter-txt-container {
 position:absolute;
 text-align:center;
 top:-8px;
 width:100%
}
.prejoin-dialog-delimiter-txt {
 background:#1c2025;
 color:#5f6266;
 font-size:11px;
 text-transform:uppercase;
 padding:0 8px
}
.prejoin-dialog .action-btn.prejoin-dialog-btn.text,
.prejoin-dialog .prejoin-dialog-btn.primary {
 width:310px
}
.prejoin-dialog-callout {
 padding:16px
}
.prejoin-dialog-callout-header {
 display:flex;
 justify-content:space-between;
 margin-bottom:24px
}
.prejoin-dialog-callout-picker {
 margin:8px 0 16px 0
}
.prejoin-dialog-dialin {
 text-align:center
}
.prejoin-dialog-dialin-header {
 align-items:center;
 margin:16px 0 32px 16px;
 display:flex
}
.prejoin-dialog-dialin-icon {
 margin-right:16px
}
.prejoin-dialog-dialin-num {
 background:#3e474f;
 border-radius:4px;
 display:inline-block;
 font-size:15px;
 line-height:24px;
 margin:4px;
 padding:8px
}
.prejoin-dialog-dialin-num-container {
 min-height:48px;
 margin:8px 0
}
.prejoin-dialog-dialin-link {
 color:#6fb1ea;
 cursor:pointer;
 display:inline-block;
 font-size:13px;
 line-height:20px;
 margin-bottom:24px
}
.prejoin-dialog-dialin-spaced-label {
 margin-bottom:16px;
 margin-top:28px
}
.prejoin-dialog-dialin-btns>div {
 margin-bottom:16px
}
.prejoin-dialog-calling {
 padding:16px;
 text-align:center
}
.prejoin-dialog-calling-header {
 text-align:right
}
.prejoin-dialog-calling-label {
 font-size:15px;
 margin:8px 0 16px 0
}
.prejoin-dialog-calling-number {
 font-size:19px;
 line-height:28px;
 margin:16px 0
}
.cpick {
 border:1px solid #a4b8d1;
 color:#fff;
 display:flex;
 font-size:15px;
 height:38px;
 line-height:24px
}
.cpick-selector {
 align-items:center;
 background-color:#283447;
 border-right:1px solid #a4b8d1;
 cursor:pointer;
 display:flex;
 padding:8px 10px;
 position:relative;
 width:88px
}
.cpick-icon {
 margin-right:8px;
 position:absolute;
 right:0;
 top:12px
}
.cpick-icon>svg {
 fill:#fff
}
.cpick-input {
 padding:8px;
 background:#1c2025;
 border:0;
 margin:0;
 color:#fff;
 caret-color:#0376da;
 flex-grow:1
}
.cpick-dropdown {
 height:190px;
 overflow-y:auto;
 width:343px
}
.cpick-dropdown-entry {
 align-items:center;
 cursor:pointer;
 display:flex;
 height:40px;
 padding:0 10px
}
.cpick-dropdown-entry:hover {
 background-color:#66768b
}
.cpick-dropdown-entry-text {
 color:#fff;
 flex-grow:1;
 font-size:15px;
 line-height:24px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.cpick-container>div:nth-child(2) {
 outline:0;
 padding:8px 0 0 0
}
.invite-more-container {
 margin-bottom:8px;
 transition:margin-bottom .3s
}
.invite-more-container.elevated {
 margin-bottom:36px
}
.invite-more-content {
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:16px;
 background:rgba(0,0,0,.7);
 border-radius:8px;
 color:#fff;
 font-size:14px;
 line-height:24px;
 font-weight:600
}
.invite-more-header {
 max-width:100%;
 margin-bottom:16px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.invite-more-button {
 display:flex;
 max-width:100%;
 height:40px;
 box-sizing:border-box;
 padding:8px 16px;
 background:#0376da;
 border-radius:3px;
 cursor:pointer
}
@media (hover:hover) and (pointer:fine) {
 .invite-more-button:hover {
  background:#278adf
 }
}
.invite-more-button-text {
 margin-left:8px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.invite-more-dialog {
 color:#fff;
 font-size:15px;
 line-height:24px
}
.invite-more-dialog.separator {
 margin:24px 0 24px -20px;
 padding:0 20px;
 width:100%;
 height:1px;
 background:#5e6d7a
}
.invite-more-dialog.email-container {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:8px 8px 8px 16px;
 margin-top:24px;
 width:calc(100% - 26px);
 height:22px;
 background:#2a3a4b;
 border:1px solid #5e6d7a;
 border-radius:3px;
 cursor:pointer
}
.invite-more-dialog.email-container.active {
 border-radius:3px 3px 0 0
}
.invite-more-dialog.icon-container {
 display:none
}
.invite-more-dialog.icon-container.active {
 display:flex;
 width:calc(100% - 26px);
 padding:8px 8px 8px 16px;
 background:#2a3a4b;
 border:1px solid #5e6d7a;
 border-top:none;
 border-radius:0 0 3px 3px
}
.invite-more-dialog.icon-container.active .copy-invite-icon,
.invite-more-dialog.icon-container.active .provider-icon {
 align-items:center;
 cursor:pointer;
 display:flex;
 height:40px;
 place-content:center;
 width:40px
}
.invite-more-dialog.icon-container.active:hover>div:hover {
 background-color:rgba(255,255,255,.2);
 border-radius:4px
}
.invite-more-dialog.icon-container.active>:not(:last-child) {
 margin-right:16px
}
.invite-more-dialog.icon-container.active .copy-invite-icon>div>svg>path {
 fill:#a4b8d1
}
.invite-more-dialog.dial-in-display .info-label {
 color:#a4b8d1
}
.invite-more-dialog.dial-in-display .dial-in-copy {
 display:inline-block;
 vertical-align:middle;
 cursor:pointer
}
.invite-more-dialog.invite-buttons {
 width:100%;
 text-align:right;
 margin-top:8px
}
.invite-more-dialog.invite-buttons>a {
 display:inline-block;
 height:24px;
 width:48px;
 border-radius:3px;
 text-align:center;
 text-decoration:none;
 cursor:pointer
}
.invite-more-dialog.invite-buttons-cancel {
 margin-right:16px;
 padding:7px 15px;
 background:#2a3a4b;
 border:1px solid #5e6d7a
}
.invite-more-dialog.invite-buttons-add {
 padding:8px 16px;
 background:#0376da
}
.invite-more-dialog.invite-buttons.disabled>a {
 pointer-events:none
}
.invite-more-dialog.stream {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:8px 8px 8px 16px;
 margin-top:8px;
 width:calc(100% - 26px);
 height:22px;
 background:#2a3a4b;
 border:1px solid #5e6d7a;
 border-radius:3px;
 cursor:pointer
}
.invite-more-dialog.stream:hover {
 font-weight:600
}
.invite-more-dialog.stream-text {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-width:292px
}
.invite-more-dialog.stream-text.selected {
 font-weight:600
}
.invite-more-dialog.stream.clicked {
 background:#31b76a;
 border:1px solid #31b76a
}
.invite-more-dialog.stream>div>svg>path {
 fill:#fff
}
.mobile-browser .invite-more-content {
 font-size:16px
}
.mobile-browser .invite-more-button {
 height:48px;
 padding:12px 16px
}
.security-dialog {
 color:#fff;
 font-size:15px;
 line-height:24px
}
.security-dialog.password-section {
 display:flex;
 flex-direction:column
}
.security-dialog.password-section .description {
 font-size:13px
}
.security-dialog.password-section .password {
 align-items:center;
 display:flex;
 justify-content:space-between;
 margin-top:15px
}
.security-dialog.password-section .password-actions a {
 cursor:pointer;
 text-decoration:none;
 font-size:14px;
 color:#6fb1ea
}
.security-dialog.password-section .password-actions>:first-child:not(:last-child) {
 margin-right:24px
}
.security-dialog .separator-line {
 margin:24px 0 24px -20px;
 padding:0 20px;
 width:100%;
 height:1px;
 background:#5e6d7a
}
.security-dialog .separator-line:last-child {
 display:none
}
.new-toolbox .toolbox-content .toolbox-icon.toggled.security-toolbar-button {
 border-width:0
}
.new-toolbox .toolbox-content .toolbox-icon.toggled.security-toolbar-button:not(:hover) {
 background:unset
}
.premeeting-screen {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.premeeting-screen {
 align-items:stretch;
 background:radial-gradient(50% 50% at 50% 50%,#2a3a4b 20.83%,#1e2a36 100%);
 display:flex;
 flex-direction:column;
 font-size:1.3em;
 z-index:251
}
.premeeting-screen-avatar {
 background-color:#a4b8d1;
 margin-bottom:24px
}
.premeeting-screen-avatar text {
 fill:#000;
 font-size:26px;
 font-weight:400
}
.premeeting-screen .action-btn {
 border-radius:3px;
 color:#fff;
 cursor:pointer;
 display:inline-block;
 font-size:15px;
 line-height:24px;
 margin-top:16px;
 padding:7px 16px;
 position:relative;
 text-align:center;
 width:286px
}
.premeeting-screen .action-btn.primary {
 background:#0376da;
 border:1px solid #0376da
}
.premeeting-screen .action-btn.secondary {
 background:0 0;
 border:1px solid #5e6d7a
}
.premeeting-screen .action-btn.text {
 width:auto;
 font-size:13px;
 margin:0;
 padding:0
}
.premeeting-screen .action-btn.disabled {
 background:#5e6d7a;
 border:1px solid #5e6d7a;
 color:#afb6bc;
 cursor:initial
}
.premeeting-screen .action-btn.disabled .icon>svg {
 fill:#afb6bc
}
.premeeting-screen .action-btn .options {
 border-radius:3px;
 align-items:center;
 display:flex;
 height:100%;
 justify-content:center;
 position:absolute;
 right:0;
 top:0;
 width:36px
}
.premeeting-screen .action-btn .options:hover {
 background-color:#0262b6
}
.premeeting-screen .action-btn .options svg {
 pointer-events:none
}
.premeeting-screen .content {
 align-items:center;
 display:flex;
 flex:1;
 flex-direction:column;
 justify-content:flex-end;
 padding-bottom:24px;
 z-index:252
}
.premeeting-screen .content .title {
 color:#fff;
 font-size:24px;
 line-height:32px;
 margin-bottom:16px
}
.premeeting-screen .content .copy-meeting {
 align-items:center;
 cursor:pointer;
 color:#fff;
 display:flex;
 flex-direction:row;
 font-size:15px;
 font-weight:300;
 justify-content:center;
 line-height:24px;
 margin-bottom:16px
}
.premeeting-screen .content .copy-meeting .url {
 background:rgba(28,32,37,.5);
 border-radius:4px;
 display:flex;
 padding:8px 10px;
 transition:background .16s ease-out
}
.premeeting-screen .content .copy-meeting .url:hover {
 background:#1c2025
}
.premeeting-screen .content .copy-meeting .url.done {
 background:#31b76a
}
.premeeting-screen .content .copy-meeting .url .jitsi-icon {
 margin-left:10px
}
.premeeting-screen .content .copy-meeting .copy-meeting-text {
 width:266px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.premeeting-screen .content .copy-meeting:hover {
 align-self:stretch
}
.premeeting-screen .content .copy-meeting textarea {
 border-width:0;
 height:0;
 opacity:0;
 padding:0;
 width:0
}
.premeeting-screen .content input.field {
 background-color:#fff;
 border:none;
 outline:0;
 border-radius:3px;
 font-size:15px;
 line-height:24px;
 color:#1c2025;
 padding:8px 0;
 text-align:center;
 width:320px
}
.premeeting-screen .content input.field.error {
 box-shadow:0 0 4px 3px rgba(225,45,45,.4)
}
.premeeting-screen .content input.field.focused {
 box-shadow:0 0 4px 3px #0376da
}
.premeeting-screen .media-btn-container {
 display:flex;
 justify-content:center;
 margin:24px 0 16px 0;
 width:100%
}
.premeeting-screen .media-btn-container>div {
 margin:0 12px
}
#preview {
 height:100%;
 position:absolute;
 width:100%
}
#preview.no-video {
 background:radial-gradient(50% 50% at 50% 50%,#5b6f80 0,#365067 100%),#fff;
 text-align:center
}
#preview .avatar {
 background:#a4b8d1;
 margin:0 auto
}
#preview video {
 height:100%;
 object-fit:cover;
 position:absolute;
 width:100%
}
.toggle-button {
 border-radius:3px;
 cursor:pointer;
 color:#fff;
 font-size:13px;
 height:40px;
 margin:0 auto;
 transition:background .16s ease-out;
 width:320px;
 align-items:center;
 display:flex;
 justify-content:center
}
.toggle-button svg {
 fill:transparent
}
.toggle-button:hover {
 background:rgba(255,255,255,.1)
}
.toggle-button:hover .toggle-button-icon-container {
 display:none
}
.toggle-button-container {
 position:relative;
 align-items:center;
 display:flex;
 justify-content:center
}
.toggle-button-icon-container {
 border-radius:50%;
 left:-22px;
 padding:2px;
 position:absolute
}
.toggle-button--toggled .toggle-button-icon-container {
 background:#fff
}
.toggle-button--toggled .toggle-button-icon-container svg {
 fill:#1c2025
}
.toggle-button--toggled:hover .toggle-button-icon-container {
 display:block
}
.toggle-button--toggled .toggle-button-icon-container {
 display:block
}
#e2ee-section {
 display:flex;
 flex-direction:column
}
#e2ee-section .description {
 font-size:13px;
 margin:15px 0
}
#e2ee-section .description .read-more {
 cursor:pointer;
 opacity:.7
}
#e2ee-section .control-row {
 display:flex;
 flex-direction:row;
 justify-content:space-between;
 margin-top:15px
}
#e2ee-section .control-row label {
 font-size:14px;
 font-weight:700
}
@media only screen and (max-width:500px) {
 .welcome {
  display:block
 }
 .welcome #enter_room {
  position:relative;
  height:42px
 }
 .welcome #enter_room .welcome-page-button {
  font-size:16px;
  left:0;
  position:absolute;
  top:68px;
  text-align:center;
  width:100%
 }
 .welcome .header {
  background-color:#002637
 }
 .welcome .header #enter_room .enter-room-input-container {
  padding-right:0
 }
 .welcome .header #enter_room .warning-with-link,
 .welcome .header #enter_room .warning-without-link {
  top:120px
 }
 .welcome .welcome-tabs {
  display:none
 }
 .welcome .header-text-title {
  text-align:center
 }
 .welcome .welcome-cards-container {
  padding:0
 }
 .welcome.without-content .header {
  height:100%
 }
 .welcome #moderated-meetings {
  display:none
 }
 .welcome .welcome-footer-row-block {
  display:block
 }
 .welcome .welcome-badge {
  margin-right:16px
 }
 .welcome .welcome-footer {
  display:none
 }
}
@media only screen and (max-width:815px) {
 .desktop-browser.shift-right #videoResolutionLabel {
  display:none
 }
 .desktop-browser.shift-right .vertical-filmstrip .filmstrip {
  display:none
 }
 .desktop-browser.shift-right .chrome-extension-banner {
  display:none
 }
}
.con-status {
 position:absolute;
 top:24px;
 width:100%;
 z-index:253
}
.con-status-container {
 border-radius:3px;
 color:#fff;
 font-size:13px;
 line-height:13px;
 margin:0 auto;
 width:320px
}
.con-status-header {
 background:rgba(28,32,37,.5);
 align-items:center;
 display:flex;
 justify-content:space-between
}
.con-status-circle {
 border-radius:50%;
 display:inline-block;
 padding:4px;
 margin:8px
}
.con-status--good {
 background:#31b76a
}
.con-status--poor {
 background:#e12d2d
}
.con-status--non-optimal {
 background:#e39623
}
.con-status-arrow {
 height:36px;
 width:36px;
 border-radius:3px;
 margin-left:8px;
 margin-right:2px;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:background-color .16s ease-out
}
.con-status-arrow--up {
 transform:rotate(180deg)
}
.con-status-arrow>svg {
 cursor:pointer
}
.con-status-arrow:hover {
 background-color:rgba(1,1,1,.1)
}
.con-status-text {
 text-align:center
}
.con-status-details {
 background:rgba(28,32,37,.5);
 border-top:1px solid #5e6d7a;
 padding:16px;
 transition:opacity .16s ease-out
}
.con-status-details-visible {
 opacity:1
}
.con-status-details-hidden {
 opacity:0
}
.drawer-portal {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 z-index:351
}
.drawer-menu {
 max-height:50vh;
 background:#242528;
 border-radius:16px 16px 0 0;
 overflow-y:auto
}
.drawer-menu.expanded {
 max-height:80vh
}
.drawer-menu .drawer-toggle {
 display:flex;
 justify-content:center;
 align-items:center;
 height:44px;
 cursor:pointer
}
.drawer-menu .drawer-toggle svg {
 fill:none
}
.drawer-menu .popupmenu {
 margin:auto;
 width:100%
}
.drawer-menu .popupmenu__item {
 height:48px
}
.drawer-menu.drawer-menu .overflow-menu {
 margin:auto;
 font-size:1.2em;
 list-style-type:none;
 padding:0
}
.drawer-menu.drawer-menu .overflow-menu .overflow-menu-item {
 box-sizing:border-box;
 height:48px;
 padding:12px 16px;
 align-items:center;
 color:#fff;
 cursor:pointer;
 display:flex;
 font-size:16px
}
.drawer-menu.drawer-menu .overflow-menu .overflow-menu-item div {
 display:flex;
 flex-direction:row;
 align-items:center
}
.drawer-menu.drawer-menu .overflow-menu .overflow-menu-item.unclickable {
 cursor:default
}
@media (hover:hover) and (pointer:fine) {
 .drawer-menu.drawer-menu .overflow-menu .overflow-menu-item.unclickable:hover {
  background:inherit
 }
}
.drawer-menu.drawer-menu .overflow-menu .overflow-menu-item.disabled {
 cursor:initial;
 color:#3b475c
}
.drawer-menu.drawer-menu .overflow-menu .profile-text {
 max-width:100%;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.participants_pane {
 background-color:#141414;
 flex-shrink:0;
 overflow:hidden;
 position:relative;
 transition:width .16s ease-in-out;
 width:315px;
 z-index:0
}
.participants_pane--closed {
 width:0
}
.participants_pane-content {
 display:flex;
 flex-direction:column;
 font-weight:600;
 height:100%;
 width:315px
}
.participants_pane-content>:first-child,
.participants_pane-content>:last-child {
 flex-shrink:0
}
.participant-avatar {
 margin:8px 16px 8px 0
}
@media (max-width:375px) {
 .participants_pane {
  height:100vh;
  height:-webkit-fill-available;
  left:0;
  position:fixed;
  right:0;
  top:0;
  width:auto
 }
 .participants_pane--closed {
  display:none;
  width:auto
 }
 .participants_pane-content {
  width:100%
 }
}
.watermark {
	max-width: 300px !important;
	max-height: 64px !important; 
    width: 300px !important;
	height: 64px !important;
}